[ninja-dev] Ninja FrontEnd

[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. Верстка финального проекта

Продажник: