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

Gadzhi · Сер 31, 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-сферу и принципы продвижения по карьере.