Профессия front-end разработчик [Полетуев Илья]

Профессия front-end разработчик [Полетуев Илья]

Стань профессиональным 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
• Закрепите полученные знания на двух полноценных дипломных проектах

Продажник / Получаемый результат