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

Dr.Vatson · 22 июл 2024

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

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

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

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

Работа в одном из самых популярных и перспективных IT‑направлений

Возможность стремительного карьерного роста и дохода свыше 5000$ в перспективе

Работа в офисе, удалённо или на фрилансе

Возможность изучить backend и в будущем стать Fullstack‑разработчиком

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

Начинающим
Вы обучитесь востребованному IT‑направлению и начнете работать в IT-компании или на фрилансе

Продолжающим
Если у вас уже есть знания по верстке или фронтенду, но их недостаточно для трудоустройства или заказов

Сборщикам сайтов на конструкторах
Если вы собираете сайты на конструкторах, но поняли, что хотите стать именно веб‑разработчиком, то наш полноценный курс поможет вам выйти на новый уровень знаний и дохода

Бэкенд‑разработчикам
Если вы уже владеете знаниями в backend, то закончив наш курс по frontend станете полноценным Fullstack-разработчиком

Веб-дизайнерам
Обладая навыками верстки и frontend-разработки сайтов, вы сможете брать заказы на сайты «под ключ» и зарабатывать в разы больше

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

Верстать сайты по дизайн-макетам из Photoshop и Figma, используя HTML и CSS

Программировать, использовать средства разработчика в браузере и делать отладку кода

Использовать Git на профессиональном уровне

Работать в IDE профессиональных разработчиков – WebStorm

Быстро разбираться и использовать любые CSS и JS библиотеки и плагины

Профессионально работать с JavaScript и TypeScript

Понимать и применять основные паттерны проектирования и принципы построения проектов

Знать основы backend и создавать собственную API

Создавать большие и сложные веб-приложения на Angular

Создавать базовые фронтенд-приложения на React и Vue.js

Делать сборку проектов, писать тесты, загружать на сервер свои приложения

Прокачивать свои 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-компаниях и на фрилансе

Автор и преподаватель обучающих программ по веб-разработке

Скрытый текст. Доступен только зарегистрированным пользователям.Нажмите, чтобы раскрыть...