Skip to content

Instantly share code, notes, and snippets.

@Philosoft
Last active August 29, 2015 14:24
Show Gist options
  • Save Philosoft/4354432911205896455e to your computer and use it in GitHub Desktop.
Save Philosoft/4354432911205896455e to your computer and use it in GitHub Desktop.

Фреймворки

Bootstrap - обязательно.

  • :!: Twitter Bootstrap - самый популярный в рунете и возможно в мире. Предлагет css, less, saas. Понимать принципы, знать какие базовые элементы предлагает, уметь работать и понимать принцип работы сетки. В нашей компании работаем в основном с ним. Хорошее учебное пособие - смотреть как сделан тот или иной элемент + как использовать фишки препроцессоров.
  • Zurb Foundation - великолпеный фреймворк, знакомство приветствуется.

Препроцессоры

Нужно знать и уметь адекватно использовать хотя бы базовые возможности LESS, лучше SASS + представлять себе возможности компаса.

  • LESS - элементарен в изучении, помогает понять принцип препроцессоров
  • SASS - куда более продвинутый препроцессор, часто используется в связки с фреймворком compass (используется у нас)

Постпроцессоры

Плюсом, необязательно.

  • Autoprefixer - самый яркий представитель, суть передаёт.

Инструменты

  • :!: Emmet - обязательно к освоению

Системы сброки и менеджер пакетов

Будет очень большим плюсом, но не обязательно.

  • Bower - менеджер пакетов и зависимостей для font-end, крайне полезная и удобная штука.
  • GulpJs - система сборки, автоматизация рутинных задач frontend'ера
  • GruntJs - тоже система сборки

Теория / практика

  • CSS3 - анимации, box-model
  • HTML5 - семантическая разметка, новые элементы, новые свойства (<input type="email"> как пример)
  • Методологии SMACSS, BEM - общее знакомство и представление что это, зачем нужно
  • Не знакомы с методологиями? Обзор существующих на русском доступен здесь
  • Хорошая вводная статья-обоснование методологий и независимых блоков
  • Понятие о независимых блоках
  • Системы контроля версий Git - самое базовое использование Try Git, Git real

JavaScript

  • Базовые анимации
  • Базовый jQuery (развесить события по кликам)
  • Опыт использования сторонних библиотек и виджетов (например прикручивать и настраивать "карусели", виджет выбора даты и т.п.)

Дополнительно

Примеры работ с историей коммитов на Github или Bitbucket будут большим плюсом

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment