[Айтилогия] Frontend-разработчик (Роман Чернов)

​

Длительность обучения: 12 месяцев

Вы с нуля изучите все необходимые технологии и станете востребованным frontend-разработчиком. А мы поможем вам начать карьеру в компании или на фрилансе!

Кто такой Frontend-разработчик:

Frontend-разработчик разрабатывает frontend-часть веб-приложения или сайта: это та часть сайта, которая работает у пользователя в браузере и общается посредством http-запросов с серверной частью (back-end).

• Работа в одном из самых популярных и перспективных IT‑направлений
• Возможность стремительного карьерного роста и дохода свыше 5000$ в перспективе
• Работа в офисе, удалённо или на фрилансе
• Возможность изучить backend и в будущем стать Fullstack‑разработчиком

Кому подойдёт этот курс:

• Начинающим
  Вы обучитесь востребованному IT‑направлению и начнете работать в IT-компании или на фрилансе
  
  
• Продолжающим
  Если у вас уже есть знания по верстке или фронтенду, но их недостаточно для трудоустройства или заказов
  
  
• Сборщикам сайтов на конструкторах
  Если вы собираете сайты на конструкторах, но поняли, что хотите стать именно веб‑разработчиком, то наш полноценный курс поможет вам выйти на новый уровень знаний и дохода
  
  
• Бэкенд‑разработчикам
  Если вы уже владеете знаниями в backend, то закончив наш курс по frontend станете полноценным Fullstack-разработчиком
  
  
• Веб-дизайнерам
  Обладая навыками верстки и frontend-разработки сайтов, вы сможете брать заказы на сайты «под ключ» и зарабатывать в разы больше

На курсе вы научитесь всем необходимым и актуальным навыкам и станете востребованным frontend-разработчиком

1. Верстать сайты по дизайн-макетам из Photoshop и Figma, используя HTML и CSS
2. Программировать, использовать средства разработчика в браузере и делать отладку кода
3. Использовать Git на профессиональном уровне
4. Работать в IDE профессиональных разработчиков – WebStorm
5. Быстро разбираться и использовать любые CSS и JS библиотеки и плагины
6. Профессионально работать с JavaScript и TypeScript
7. Понимать и применять основные паттерны проектирования и принципы построения проектов
8. Знать основы backend и создавать собственную API
9. Создавать большие и сложные веб-приложения на Angular
10. Создавать базовые фронтенд-приложения на React и Vue.js
11. Делать сборку проектов, писать тесты, загружать на сервер свои приложения
12. Прокачивать свои Soft-скиллы для развития карьеры

Спойлер: Программа курса:

МОДУЛЬ 0: Предобучение

• Узнаете, какие книги почитать, чтобы погрузиться в профессию
• Установите себе среду разработки (IDE) профессионалов – программу WebStorm
• Узнаете базовую информацию про работу веб-сайтов и про основные технологии
• Узнаете, как лучше и эффективнее обучаться

МОДУЛЬ 1: Подготовка к верстке

• Познакомитесь с автором курса
• Настроите среду разработки (IDE) профессионалов – программу WebStorm
• Разберетесь в основах Photoshop и основных инструментах
• Разберетесь в основах Figma и основных инструментах
• Научитесь работать с дизайн-макетами в Photoshop/Figma

МОДУЛЬ 2: HTML

• Разберетесь с основами разметки HTML
• Научитесь использовать основные теги, их атрибуты и свойства
• Создадите собственную большую форму и научитесь её отправлять POST-запросом, контролируя отправляемые данные
• Научитесь работать с таблицами

МОДУЛЬ 3: CSS

• Научитесь использовать CSS различными способами
• Научитесь работать со всеми основными свойствами стилей, нужными для верстки сайтов
• Полностью разберетесь с селекторами, приоритетами и правилами CSS-стилей
• Будете уметь использовать разные виды отображения элементов и работать с Computed Styles
• Сможете использовать на страницах псевдоклассы и псевдоэлементы, подключать веб-шрифты и пользоваться SVG иконками
• Узнаете всё о различных видах позиционирования, размещения, и обтекания элементов (float)
• Научитесь работать с Flexbox моделью и CSS Grid шаблонами
• Будете уметь делать полный адаптив любого сайта и применять там анимации CSS
• Узнаете что такое кроссбраузерность и как её применять
• Научитесь работать по методологии БЭМ

МОДУЛЬ 4: JavaScript

• Вы погрузитесь в мир программирования на JavaScript
• Изучите синтаксис этого языка и все основы программирования: типами данных, переменными, операциями и операторами, условиями, функциями, массивами, объектами и циклами
• Вы начнете использовать ES6
• Вы будете знать, как обрабатывать ошибки и как использовать встроенные в JS функции
• Научитесь работать с DOM, событиями в браузере, а также узнаете как работать с объектами window и document

МОДУЛЬ 5: Продвинутые фронтенд-средства

• Научитесь работать с Bootstrap, использовать его шаблон и сетку, а также основные компоненты
• Откроете для себя библиотеку jQuery и различные эффекты, плагины и библиотеки, которые работают на этой библиотеке
• Вы научитесь подбирать на свою страницу плагины и сторонние библиотеки
• Узнаете о том, как работать с AJAX, делать правильную валидацию форм и прикручивать лоадер
• Научитесь работать с препроцессорами LESS и SASS, менеджером пакетов NPM а также сборщиками проектов Gulp/Grunt
• Сможете встраивать сторонние ресурсы и аналитику на сайт
• А в конце модуля разберетесь как валидировать верстку и оптимизировать страницы.

МОДУЛЬ 6: Реализация проекта по ТЗ

• В этом модуле вы самостоятельно реализуете свой первый полноценный проект на HTML + CSS + JS с 0 на основе дизайн-макета
• Сделаете для него полный адаптив и внедрите в него использование изученных продвинутых фронтенд-средств и технологий

МОДУЛЬ 7: Старт на фрилансе

• Вы узнаете, как правильно искать заказы
• Узнаете, как правильно использовать биржи фриланса
• Научитесь правильно составлять профиль и портфолио
• Узнаете как делать эффективные отклики и продавать свои услуги
• Научитесь работать с клиентами и зарабатывать на основе приобретенных навыках и знаниях на курсе

МОДУЛЬ 8: Профессиональный Git

• Научитесь работать с git в unix-терминале
• Научитесь создавать локальные и удаленные репозитории
• Будете работать с историей изменений проекта
• Начнете правильно использовать ветки и версии вашего проекта
• Научитесь правильно соединять код и решать конфликты
• Освоите работу с удаленными ветками
• Разберетесь в перебазировании
• Научитесь работать с git в IDE (Visual Studio Code + WebStorm)
• Узнаете, что такое Fork, PR, Cherry-pick, Alias, Stash
• Научитесь работать с тегами
• Сможете работать с git на удаленном сервере и деплоить изменения проекта
• Вникнете в подход git-flow

МОДУЛЬ 9: Продвинутый фронтенд

• Научитесь делать правильную отладку js-кода
• Глубже разберетесь с преобразованием типов и регулярными выражениями
• Вы погрузитесь в контекст и замыкания, сможете разобраться во встроенных функциях, функциях работы с массивами и высшего порядка
• Узнаете, как использовать деструктуризацию
• Детально разберетесь с реализацией аутентификации и авторизации
• Научитесь правильно пользоваться хранилищами браузера
• Научитесь писать код по ООП, использовать модули
• Детально разберетесь в HTTP-протоколе, REST API, аиснхронной модели и EventLoop
• Сделаете базовый бэкенд для приложения и поймете принцип взаимодействия фронт и бэк сторон приложения
• Реализуете полноценный SPA-проект на чистом JavaScript

МОДУЛЬ 10: Реализация проекта на JS

• В результате этого модуля вы самостоятельно реализуете свой первый полноценный проект на чистом JavaScript
• В нем вы используете различные продвинутые фронтенд-технологий и средства, изученные в предыдущих модулях, и позволяющие создавать полноценные frontend-приложения с нуля с использованием готового Backend

МОДУЛЬ 11: TypeScript

• Узнаете про то, зачем нужен TypeScript и чем отличается от JavaScript
• Разберетесь в типизации и Generic Types
• Узнаете, как в TypeScript работают интерфейсы, классы, объекты, конструкторы
• Переделаете свой фронтенд-проект с JavaScript на TypeScript
• Научитесь правильно использовать модификаторы доступа, свойства, модули
• Узнаете, как компилировать TypeScript в JavaScript
• Научитесь правильно использовать tsconfig

МОДУЛЬ 12: Фреймворк Angular

• Вы научитесь строить полноценные фронтенд-приложения на Angular
• Будете правильно использовать компоненты, шаблоны, пайпы и биндинг
• Узнаете, зачем и как работать с директивами, сервисами и DI
• Научитесь настраивать грамотный роутинг
• Будете использовать библиотеки компонентов, строить сложные формы и работать с HTTP-запросами
• В конце модуля сможете разобраться в реактивном программировании
• Узнаете, как делать тестирование проектов и сборку приложений на Angular
• Создадите фронтенд-проект на Angular

МОДУЛЬ 13: Реализация интернет-магазина на Angular

• В этом модуле будем вместе с вами реализовывать полноценное frontend-приложение на Angular. Это будет большой интернет-магазин!
• Создадим проект с нуля по дизайн-макету Figma и сделаем основной функционал интернет-магазина: Авторизацию, главную, страницу каталога, страницу товара, корзину, оформление заказа, избранное, личный кабинет. Настроим сборку приложения.

МОДУЛЬ 14: Профессиональные средства

• Разберетесь в основах Docker
• Научитесь деплоить проект на сервер
• Разберетесь как создавать Unit-тесты для фронтенд-приложений
• Научитесь работать с Linter
• Узнаете про концепции CI и CD и о том, как такое разворачивается на реальных серверах
• Познакомитесь с GitLab (+ CI/CD)

МОДУЛЬ 15: Курсовой проект на Angular

• Самостоятельно создадите полноценное фронтенд-приложение на основе готового API и бэкенд-проекта на Node.js
• Проект вы будете создавать по техническому заданию (ТЗ) и используете все знания, полученные на курсе

МОДУЛЬ 16: Фреймворки React, Vue.js

• Познакомитесь с фреймворком React, узнаете о его базовых концепциях и сделаете практику: создадите свою игру на React.
• Познакомитесь с фреймворком Vue.js, узнаете о его базовых концепциях и сделаете практику: создадите свою игру на Vue.js.

МОДУЛЬ 17: Карьера в IT

• Составите план поиска работы, портфолио, сделаете крутое резюме
• Научитесь писать хорошее сопроводительное письмо компаниям и грамотно выполнять тестовое задание
• Сможете перенять личный и дизайнерский опыт сооснователя школы - Романа Чернова
• Расскажем вам как успешно пройти собеседование
• После этого модуля у вас начнется месяц карьеры: наш карьерный консультант будет помогать вам с поиском работы, а так же отвечать на любые вопросы
• Прокачаете самые важные софт-скиллы, которые позволят вам лучше понимать IT-сферу и принципы продвижения по карьере.

Спойлер: Преподаватель

Роман Чернов

• Сооснователь Айтилогии
• Senior Full-stack developer
• 10 лет практического опыта работы веб‑разработчиком на больших и сложных проектах в IT-компаниях и на фрилансе
• Автор и преподаватель обучающих программ по веб-разработке