[ninja-dev] Ninja FrontEnd

План курса: Занятие 1. Знакомство с HTML • Теги, правила применения • Атрибуты • Структура HTML страницы • Типы тегов • Работа с текстом​ Занятие 2. Добиваем HTML • Списки • Таблицы • Ссылки(Якоря)​ Занятие 3. Знакомство с CSS • Подключение файлов стилей • Базовый синтаксис • Комментарии • Значения свойств • Селекторы • Классы • Идентификаторы • Псевдоклассы • Псевдоэлементы​ Занятие 4. Работа с текстом и фонами • Работа с текстом • Работа с фонами​ Занятие 5. Блочная модель • Понятие блочной модели • Внешние отступы • Внутренние отступы • Границы • Схлопывание границ • Обтекания​ Занятие 6. Обтекание, макетирование • Обтекание элементов • Одна колонка • Две колонки • Три колонки​ Занятие 7-8. Верстка статического сайта Занятие 9. Трансформации • 2D трансформации • 3D трансформации • свойство transition • hover эффекты с трансформацией​ Занятие 10. Анимации • Создание анимаций с использованием CSS​ Занятие 11. Основы JS • Переменные • Циклы • Функции • Ветвления • Массивы​ Занятие 12. Основы jQuery • $() - обертка jQuery • Селекторы • Обработчики событий • Анимации • Создание аккордеона на jQuery​ Занятие 13-15. Создание адаптивного сайта • Использование плагинов • Медиа запросы • Верстка сайта​ Занятие 16. Jade • Теги • Комментарии • Вложенность • Атрибуты • Присваивание • Циклы • Ветвления • Наследование • Включения​ Занятие 17. SASS • Препроцессинг • Переменные • Вложенность • Включения • Миксины • Наследование • Операторы • Циклы​ Занятие 18. gulp, bower • Установка gulp • Создание задач • Использование плагинов • Сборка в gulp • работа с bower​ Занятие 19. Bootstrap • Понятие сетки • Работа с компонентами Bootstrap • Создание простой админ панели на Bootstrap ​ Занятие 20. Flex • Понятие flexbox • Работа с свойствами flexbox ​ Занятие 21-24. Верстка финального проекта