Стань профессиональным front-end разработчиком и увеличь свою зарплату в 2 раза!
Программа курса
Спойлер: Модуль 1. Профессия front-end разработчик
Урок 1. Профессия front-end разработчик 1 часа
Отличие от верстальщика
Stack технологий
Востребованность и зарплата
Урок 2. TCP IP. Испектор кода 1 часа
TCP IP
Испектор кода
Спойлер: Модуль 2. Препроцессоры CSS
Урок 3. Препроцессор LESS2 часа
Переменные
Вложенные селекторы
Операторы
Циклы
Миксины
Наследование
Урок 4. Препроцессор SASS и синтаксис SCSS2 часа
Переменные
Операторы
Циклы
Встроенные и собственные функции
Миксины
Наследование
Урок 5. Практика верстки на препроцессоре 2 часа
Файловая структура
Понятие Source Map
Спойлер: Модуль 3. Сборщики проекта
Урок 6. Сборщик проекта GULP 2 часа
Что такое GULP
Структура проекта
Настройка gulpfile
Копирование настроек
Урок 7. Сборщик проекта GULP 2 часа
Установка пакетов
Добавление задач в gulpfile
Урок 8. Pug 2 часа
Препоцессор HTML Pug
Урок 9. Ускоряем верстку с SmartGrid 2 часа
Идея SmartGrid
Собственная гибкая модульная сетка
Спойлер: Модуль 4. Система контроля версий
Урок 10. Git 2 часа
Предназначение системы контроля версий
Консоль и интерфейсы
GitHub
Bitbucket
Status, commit, push, pull, add
Урок 11. Конфликты и слияния веток 2 часа
Ветки
Merge
Урок 12. Практика верстки с использованием Git2 часа
Спойлер: Модуль 5. JavaScript
Урок 13. Идея JavaScript 2 часа
Возможности JavaScript
Объектная модель документа
Способы поиска элемента
Объект события
Урок 14. Основные конструкции JavaScript 2 часа
Переменные и ветвления
Массивы и циклы
Урок 15. Функции 2 часа
Именованные и анонимные функции
Урок 16. Свойства и методы 1,5 часа
Урок 17. Карусель логотипов на JavaScript (процедурный стиль)2 часа
Урок 18. ООП JavaScript 2 часа
Объекты
Классы
Наследование классов
Статические свойства и методы
Урок 19. Карусель логотипов на JavaScript (ООП)2 часа
Урок 20. Калькулятор на JavaScript2 часа
Урок 21. Canvas 2 часа
Спойлер: Модуль 6. jQuery
Урок 22. jQuery 2 часа
Селекторы
События
DOM Манипуляции
Эффекты, анимация
Урок 23. Пересчёт стоимости товаров в корзине jQuery 2 часа
Урок 24. Табы на jQuery 2 часа
Урок 25. AJAX 2 часа
Асинхронные HTTP-запросы
Работы с HTML-формами
Спойлер: Модуль 7. Сборка интернет-магазина
Урок 26. Создание проекта 1 часа
Создание репозитория
Создание файловой структуры проекта
Добавление необходимых модулей и сборщика
Урок 27. Сборка страницы корзины интернет-магазина 3 часа
Создание шаблонов в PUG
Добавление SASS
Спойлер: Модуль 8. TypeScript
Урок 28. JavaScript framework 1 часа
Назначение JavaScript framework
Single page
Установка Angular
Принцып работы TypeScript
Урок 29. Основы TypeScript 2 часа
Переменные и константы
Типы данных
Переменные
Функции. Стрелочные функции
Урок 30. ООП в TypeScript 2 часа
Классы
Модификаторы доступа
Методы доступа
Наследование. Абстрактные классы
Интерфейсы
Переменные
Урок 31. Пространства имен и декораторы в TypeScript 2 часа
Пространства имен
Декораторы
Спойлер: Модуль 9. Angular
Урок 32. Компоненты и шаблоны2 часа
Установка Angular
Структура Angular
Создание компонента
Передача параметров в компонент
Получение данных из компонента
Урок 33. Директивы 2 часа
Создание дерективы
Передача параметров
События
Урок 34. Пайпы 2 часа
Создание пайпа
Async пайп
Урок 35. Пайпы 2 часа
Создание пайпа
Async пайп
Урок 36. Роуты 2 часа
Создание роутов
Редирект и обработка ошибок
Урок 37. Формы 2 часа
Создание формы
Валидация форм
Урок 38. HTTP 2 часа
Получение данных
Методы GET, POST, PUT, DELETE
Урок 39. Анимации 1.5 часа
Урок 40. Юнит тесты 2 часа
Спойлер: Модуль 10. Создание приложения на Angular
Урок 41. Практика создания single page приложения на Angular2 часа
Урок 42. Практика создания single page приложения на Angular2 часа
Урок 43. Практика создания single page приложения на Angular2 часа
В нашем курсе:
Инструменты для профессиональной верстки
Освоите сборщик проектов Gulp
Работать с препроцессорами SASS и LESS
Освоите язык программирования JavaScript и библиотеку jQuery
Научитесь командной разработке с Git
Закрепите полученные знания на двух полноценных дипломных проектах
Программа курса
Спойлер: Модуль 1. Профессия front-end разработчик
Урок 1. Профессия front-end разработчик 1 часа
Отличие от верстальщика
Stack технологий
Востребованность и зарплата
Урок 2. TCP IP. Испектор кода 1 часа
TCP IP
Испектор кода
Спойлер: Модуль 2. Препроцессоры CSS
Урок 3. Препроцессор LESS2 часа
Переменные
Вложенные селекторы
Операторы
Циклы
Миксины
Наследование
Урок 4. Препроцессор SASS и синтаксис SCSS2 часа
Переменные
Операторы
Циклы
Встроенные и собственные функции
Миксины
Наследование
Урок 5. Практика верстки на препроцессоре 2 часа
Файловая структура
Понятие Source Map
Спойлер: Модуль 3. Сборщики проекта
Урок 6. Сборщик проекта GULP 2 часа
Что такое GULP
Структура проекта
Настройка gulpfile
Копирование настроек
Урок 7. Сборщик проекта GULP 2 часа
Установка пакетов
Добавление задач в gulpfile
Урок 8. Pug 2 часа
Препоцессор HTML Pug
Урок 9. Ускоряем верстку с SmartGrid 2 часа
Идея SmartGrid
Собственная гибкая модульная сетка
Спойлер: Модуль 4. Система контроля версий
Урок 10. Git 2 часа
Предназначение системы контроля версий
Консоль и интерфейсы
GitHub
Bitbucket
Status, commit, push, pull, add
Урок 11. Конфликты и слияния веток 2 часа
Ветки
Merge
Урок 12. Практика верстки с использованием Git2 часа
Спойлер: Модуль 5. JavaScript
Урок 13. Идея JavaScript 2 часа
Возможности JavaScript
Объектная модель документа
Способы поиска элемента
Объект события
Урок 14. Основные конструкции JavaScript 2 часа
Переменные и ветвления
Массивы и циклы
Урок 15. Функции 2 часа
Именованные и анонимные функции
Урок 16. Свойства и методы 1,5 часа
Урок 17. Карусель логотипов на JavaScript (процедурный стиль)2 часа
Урок 18. ООП JavaScript 2 часа
Объекты
Классы
Наследование классов
Статические свойства и методы
Урок 19. Карусель логотипов на JavaScript (ООП)2 часа
Урок 20. Калькулятор на JavaScript2 часа
Урок 21. Canvas 2 часа
Спойлер: Модуль 6. jQuery
Урок 22. jQuery 2 часа
Селекторы
События
DOM Манипуляции
Эффекты, анимация
Урок 23. Пересчёт стоимости товаров в корзине jQuery 2 часа
Урок 24. Табы на jQuery 2 часа
Урок 25. AJAX 2 часа
Асинхронные HTTP-запросы
Работы с HTML-формами
Спойлер: Модуль 7. Сборка интернет-магазина
Урок 26. Создание проекта 1 часа
Создание репозитория
Создание файловой структуры проекта
Добавление необходимых модулей и сборщика
Урок 27. Сборка страницы корзины интернет-магазина 3 часа
Создание шаблонов в PUG
Добавление SASS
Спойлер: Модуль 8. TypeScript
Урок 28. JavaScript framework 1 часа
Назначение JavaScript framework
Single page
Установка Angular
Принцып работы TypeScript
Урок 29. Основы TypeScript 2 часа
Переменные и константы
Типы данных
Переменные
Функции. Стрелочные функции
Урок 30. ООП в TypeScript 2 часа
Классы
Модификаторы доступа
Методы доступа
Наследование. Абстрактные классы
Интерфейсы
Переменные
Урок 31. Пространства имен и декораторы в TypeScript 2 часа
Пространства имен
Декораторы
Спойлер: Модуль 9. Angular
Урок 32. Компоненты и шаблоны2 часа
Установка Angular
Структура Angular
Создание компонента
Передача параметров в компонент
Получение данных из компонента
Урок 33. Директивы 2 часа
Создание дерективы
Передача параметров
События
Урок 34. Пайпы 2 часа
Создание пайпа
Async пайп
Урок 35. Пайпы 2 часа
Создание пайпа
Async пайп
Урок 36. Роуты 2 часа
Создание роутов
Редирект и обработка ошибок
Урок 37. Формы 2 часа
Создание формы
Валидация форм
Урок 38. HTTP 2 часа
Получение данных
Методы GET, POST, PUT, DELETE
Урок 39. Анимации 1.5 часа
Урок 40. Юнит тесты 2 часа
Спойлер: Модуль 10. Создание приложения на Angular
Урок 41. Практика создания single page приложения на Angular2 часа
Урок 42. Практика создания single page приложения на Angular2 часа
Урок 43. Практика создания single page приложения на Angular2 часа
В нашем курсе:
Инструменты для профессиональной верстки
Освоите сборщик проектов Gulp
Работать с препроцессорами SASS и LESS
Освоите язык программирования JavaScript и библиотеку jQuery
Научитесь командной разработке с Git
Закрепите полученные знания на двух полноценных дипломных проектах
