Фронтенд-разработчик [Тариф Полная программа] [result.school]
Станьте middle-разработчиком с доходом от 150 000 ₽
Кто такие фронтенд-разработчики?
Фронтендеры настраивают пользовательский интерфейс сайтов и приложений
Они разрабатывают приложения со своей логикой и алгоритмами взаимодействия с пользователем.
К примеру, фронтендеры заботятся о том, чтобы пользователь мог зарегистрироваться в социальной сети, загрузить одну аватарку, и она по-разному отображалась в разных разделах сайта.
Каталог онлайн-магазина с поиском или фильтром, корзина с возможностью добавить, удалить, оплатить товары, — все это тоже создает frontend-разработчик.
Программа обучения подойдет тем, кто:
Все решает лишь ваше желание.
Программа обучения
I. Джуниор
Тариф Полная программа
Цена 352890 руб.
Станьте middle-разработчиком с доходом от 150 000 ₽
Кто такие фронтенд-разработчики?
Фронтендеры настраивают пользовательский интерфейс сайтов и приложений
Они разрабатывают приложения со своей логикой и алгоритмами взаимодействия с пользователем.
К примеру, фронтендеры заботятся о том, чтобы пользователь мог зарегистрироваться в социальной сети, загрузить одну аватарку, и она по-разному отображалась в разных разделах сайта.
Каталог онлайн-магазина с поиском или фильтром, корзина с возможностью добавить, удалить, оплатить товары, — все это тоже создает frontend-разработчик.
Программа обучения подойдет тем, кто:
- Хочет стать разработчиком с нуля
Вы еще не писали код, но готовы учиться так, чтобы в знаниях сразу обойти конкурентов, не стоять в очереди на вакансии и успешно устроиться на работу.
- Самостоятельно учился кодить
Вы готовы индивидуально поработать с наставником, чтобы улучшить свои знания. А также постоянно быть на связи с человеком, который передаст свой опыт и предостережет от ошибок.
- Работает в смежной IT-области
Вы хотите понимать, о чем говорят коллеги, или расширить свой функционал, чтобы получить более высокую должность и увеличить свой доход.
Все решает лишь ваше желание.
Программа обучения
I. Джуниор
- HTML&CSS - Бесплатно
- JavaScript. 7 недель - Мастер-класс
- Git. 2 недели - Хакатон #1
- React. 20 недель - Хакатон #2 - Проект - Мастер-классы - Основная часть диплома
- Практика на React. 4 недели
- Backend. 3 недели - Мастер-класс - Вторая часть диплома
- TypeScript. 1 неделя
- Итоговая работа. 2 недели
- Дополнительные модули. 4 недели
- Git Advanced. 2 недели
- Webpack. 1 неделя
- TypeScript Advanced. 2 недели - Мастер Класс
- React Advanced. 6 недель, мастер-класс
- State Managers. 6 недель, мастер-класс, хакатон
- Testing. 3 недели, мастер-класс, хакатон
- Практика. Групповой проект в React. 3 недели, каникулы (1 неделя)
- Server-Side Rendering (SSR). 4 недели, мастер-класс
- FrontOps. 3 недели, мастер-класс, хакатон
- Webpack Advanced. 2 недели
- Scrum. 1 неделя, каникулы (1 неделя)
- Заключение. Итоговый проект. 2 недели
- Карьерный рост в сфере. 1 неделя
- Юридические вопросы. 1 неделя
- Эффективная коммуникация. 1 неделя
Подробная программа:
I.«Джуниор»
Результат: освоите базовые технологии frontend-разработки
и устроитесь на первую работу.
1. HTML&CSS - Бесплатно. 2 недели (можно быстрее)
Изучите базовые технологии Frontend-разработки, не требующие подготовительных знаний. Применив полученные знания, самостоятельно разработаете свой первый сайт
HTML
Поймете JavaScript и научитесь с ним работать. Получите фундаментальную базу, от которой можно отталкиваться и учить любую технологию на JavaScript
Поймете, что такое Git и GitHub, и научитесь с ними работать. А также на практике узнаете о командной разработке
Обучение React на уровне junior+, самый сложный модуль. Но он даст вам конкурентные преимущества перед другими junior-разработчиками на рынке
С нуля реализуете клиентскую часть большого многостраничного приложения «Блог», благодаря чему сможете проработать большинство теоретических тем по React и на реальном примере увидите, как проходит разработка приложения. Также на этом этапе вы начнете разработку собственного дипломного проекта.
Узнаете, что такое Backend глубже. Освоите полной цикл создания сайта — Fullstack на JavaScript. Еще один огромный плюс в копилку ваших умений и преимуществ
Изучите основы TypeScript и научитесь использовать его вместе с React. Получите базовые знания, которые в дальнейшем можно наращивать на практическом опыте
Получите важные Soft-скиллы. Эти навыки помогут найти работу, правильно себя подать на собеседовании и зарекомендовать.
II. Мидл
Результат: изучите продвинутые технологии, существенно прокачаете свой стек и получите должность middle-разработчика.
1. Git Advanced. 2 недели
Знаете, как внедрять изменения, сливать ветки в Git, используете фишки крупных компаний.
Собираете модули в единый JS-файл с помощью Webpack, оптимизируете сборку приложения.
Знаете основные аспекты TypeScript и умеете свободно на нем разрабатывать и типизировать код.
Умеете создавать и оптимизировать архитектуру сложных пользовательских интерфейсов, используя продвинутые хуки и другие инструменты React.
Знаете, что такое state, и зачем он необходим. Умеете хранить глобальное состояние и управлять им с помощью менеджеров состояния.
Умеете писать код, который будет проверять, правильно ли работает приложение. Знаете, как работают Unit и Integration тесты на реальных примерах
У вас есть навыки разработки коммерческого проекта в scrum-команде через Git.
После углубленного изучения фреймворка React, способов типизировать код создадите на ТypeScript+React+Redux/MobX полноценное приложение, покрытое тестами, проведете разработку через систему контроля версий Git, используя практики крупных IT-компаний.
8. Server-Side Rendering (SSR). 4 недели, мастер-класс
Умеете использовать SSR-подход при работе над приложением, с рендерингом на стороне сервера при помощи фреймворка Next.js.
Знаете, как развернуть инфраструктуру сервера, автоматизировано отправлять код и запускать его на сервере.
Работая с продвинутыми концепциями Webpack, научитесь создавать более быструю оптимизированную сборку для приложения.
Понимаете суть Agile-подхода, умеете работать в Scrum-команде и справляться с ошибками при внедрении Scrum.
По окончании курса вы получите техническое задание на разработку полноценного fullstack-приложения, проведете все этапы разработки с помощью изученных технологий, защитите его.
13. Карьерный рост в сфере. 1 неделя
Знаете, как построить карьеру в сфере разработки, учитывая нюансы ниши и особенности работы в крупных компаниях.
Умеете защищать свои интеллектуальные права на результаты деятельности с учетом современных законов.
Умеете выстраивать продуктивную коммуникацию с коллегами и решать конфликтные вопросов в команде.
I.«Джуниор»
Результат: освоите базовые технологии frontend-разработки
и устроитесь на первую работу.
1. HTML&CSS - Бесплатно. 2 недели (можно быстрее)
Изучите базовые технологии Frontend-разработки, не требующие подготовительных знаний. Применив полученные знания, самостоятельно разработаете свой первый сайт
HTML
- Как работает Web
- Что такое HTML & CSS
- Основы и синтаксис
- Текстовый редактор VSCode
- Структура HTML-документа
- Секция Head
- Работа с текстом
- Картинки и ссылки
- Списки
- Таблицы
- Формы
- Линейные и блочные элементы
- Классы, ID
- HTML5 Семантика
- Заливаем сайт на GitHub
- Что такое CSS
- Синтаксис CSS
- Способы подключения CSS
- Селекторы
- Как работать с DevTools
- Работа с текстом
- Цвета
- Границы элементов
- Box Model
- Ссылки и псевдоселекторы
- Списки и таблицы
- Свойство display. Inline & Block & Inline-block
- Свойства о Position
- Введение в адаптивную верстку с Media
- Deploy. Проверка и личная обратная связь
Поймете JavaScript и научитесь с ним работать. Получите фундаментальную базу, от которой можно отталкиваться и учить любую технологию на JavaScript
- Hello World
- Синтаксис
- Типы данных
- Приведение типов в JavaScript
- Работа со строками Действия
- Введение в основы JavaScript
- Debug
- Функции
- Массивы
- Объекты
- Дата и Время в JavaScript
- Ключевое слово «this»
- Классы + ООП
- Работа с DOM
- Асинхронность (Promise + Fetch)
- Асинхронность (Async Await)
- Callback + Event Loop
- Webpack, rollup
- ES6 import export
Поймете, что такое Git и GitHub, и научитесь с ними работать. А также на практике узнаете о командной разработке
- Что такое Git и GitHub. Установка Git
- Создание репозитория на GitHub. Инициализация проекта через Git
- Основы Git
- Основы ветвления и слияния
- Решение конфликтов при слиянии веток
- GitFlow - методика работы с Git
- Доступ к репозиторию по SSH
Обучение React на уровне junior+, самый сложный модуль. Но он даст вам конкурентные преимущества перед другими junior-разработчиками на рынке
- Введение в React
- Компоненты
- Композиция компонентов
- Формы
- Запросы к серверу
- Маршрутизация
- Context API
- State Management ch.1. Redux
- State Management ch.2. Redux
- Эпилог
- Практика. Разработка веб-приложения
С нуля реализуете клиентскую часть большого многостраничного приложения «Блог», благодаря чему сможете проработать большинство теоретических тем по React и на реальном примере увидите, как проходит разработка приложения. Также на этом этапе вы начнете разработку собственного дипломного проекта.
- Введение
- Начало работ
- Вход и регистрация
- Страница Пользователи
- Статьи и комментарии
- Главная страница
- Станицы ошибок. Финальные доработки
- Итоговая frontend-часть
Узнаете, что такое Backend глубже. Освоите полной цикл создания сайта — Fullstack на JavaScript. Еще один огромный плюс в копилку ваших умений и преимуществ
- Введение
- Основы
- Дополнительно. Стандартные модули
- Web-сервер
- Авторизация и регистрация
- Создаем Backend
- Интеграция Backend & Frontend
- Deployment. Docker
Изучите основы TypeScript и научитесь использовать его вместе с React. Получите базовые знания, которые в дальнейшем можно наращивать на практическом опыте
- Что такое TypeScript и зачем он нужен
- Базовые типы
- Работа с типами
- Компилятор
- Generic
- Английский язык для IT
- Личное позиционирование
Получите важные Soft-скиллы. Эти навыки помогут найти работу, правильно себя подать на собеседовании и зарекомендовать.
II. Мидл
Результат: изучите продвинутые технологии, существенно прокачаете свой стек и получите должность middle-разработчика.
1. Git Advanced. 2 недели
Знаете, как внедрять изменения, сливать ветки в Git, используете фишки крупных компаний.
- Основы локальной разработки
- История
- Ветвление
- Удалённые репозитории
- GitHub vs GitLab
- Релизы
- Подходы к командной работе
- Вклад в open-source
Собираете модули в единый JS-файл с помощью Webpack, оптимизируете сборку приложения.
- Базовая настройка
- Как работают плагины
- Сборка Webpack для Dev & Prod
- Сборка CSS - Что такое loaders
- Разработка с локальным сервером
- Работа с TypeScript
- Работа с React
- Оптимизация сборки
- Анализируем сборку
- Исходный код create-react-app
Знаете основные аспекты TypeScript и умеете свободно на нем разрабатывать и типизировать код.
- Что такое TypeScript и зачем он нужен
- Базовые типы
- Работа с типами
- Компилятор
- Классы
- Generic
- Утилиты
- Декораторы
- Namespaces
- Сторонние библиотеки
Умеете создавать и оптимизировать архитектуру сложных пользовательских интерфейсов, используя продвинутые хуки и другие инструменты React.
- Жизненный цикл компонента
- Хуки (HOOKS)
- Свой Хук
- Формы
- React Router v.6
- Context
- Оптимизация
- Архитектура приложения
- PWA
Знаете, что такое state, и зачем он необходим. Умеете хранить глобальное состояние и управлять им с помощью менеджеров состояния.
- Введение. Что такое state.
- Реализация собственного Redux
- Redux. Основы. Использование с React
- Redux Toolkit
- Архитектурные подходы
- Практика Redux
- Аналоги. MobX.
- Аналоги. MobX. Практика.
Умеете писать код, который будет проверять, правильно ли работает приложение. Знаете, как работают Unit и Integration тесты на реальных примерах
- Введение в тестирование
- Влияние тестирования на написание кода
- Подготовка к тестированию
- Рендеринг компонента - метод render()
- Запросы к дереву
- Взаимодействие с элементами, "user-event"
- Проверка утверждений, expect() и мэтчеры (matchers)
- Мокирование функций и модулей
- Пишем тесты: unit, integration, contract, E2E
У вас есть навыки разработки коммерческого проекта в scrum-команде через Git.
После углубленного изучения фреймворка React, способов типизировать код создадите на ТypeScript+React+Redux/MobX полноценное приложение, покрытое тестами, проведете разработку через систему контроля версий Git, используя практики крупных IT-компаний.
8. Server-Side Rendering (SSR). 4 недели, мастер-класс
Умеете использовать SSR-подход при работе над приложением, с рендерингом на стороне сервера при помощи фреймворка Next.js.
- Введение
- Что такое SSR
- Пишем SSR
- Что такое Next.js
- Страницы и роутинг
- Работа с данными
- SEO
- Практика
Знаете, как развернуть инфраструктуру сервера, автоматизировано отправлять код и запускать его на сервере.
- Введение. Docker. Теория
- Создание контейнеров и управление ими
- Команды Docker
- Docker Compose
- Environments
- Docker Hub
- Веб-серверы
- Выпуск SSL-сертификата и автоматизация выпуска
- Настройка Nginx
- Команды Linux
- Что такое CI/CD?
- Настройка пайплайна на GitLab CI
Работая с продвинутыми концепциями Webpack, научитесь создавать более быструю оптимизированную сборку для приложения.
- Оптимизация производительности приложения
- Оптимизация скорости сборки
- Создание своих плагинов под Webpack
- Устройство сборщика
- Структура проекта
Понимаете суть Agile-подхода, умеете работать в Scrum-команде и справляться с ошибками при внедрении Scrum.
- Философия Agile
- Фреймворки в Agile
- Определение Scrum
- Артефакты в Scrum
- Scrum-команда
- События в Scrum
- Scruban
- Типовые ошибки при работе по Scrum
По окончании курса вы получите техническое задание на разработку полноценного fullstack-приложения, проведете все этапы разработки с помощью изученных технологий, защитите его.
13. Карьерный рост в сфере. 1 неделя
Знаете, как построить карьеру в сфере разработки, учитывая нюансы ниши и особенности работы в крупных компаниях.
- Как построить успешную карьеру разработчика
- Как проходить собеседования на уровень Мидл
- Как строится работа в крупных проектах
- Другие карьерные вопросы
- Проработка синдрома самозванца
Умеете защищать свои интеллектуальные права на результаты деятельности с учетом современных законов.
- Юридические аспекты IT-сферы
- Особенности договоров в сфере IT
- Интеллектуальные права в сфере разработки
- Практический опыт юриста и рекомендации по распространенным сложным вопросам
Умеете выстраивать продуктивную коммуникацию с коллегами и решать конфликтные вопросов в команде.
- Вербальная и невербальная коммуникация
- Приемы построения эффективной коммуникации
- Конфликтология и способы решения конфликтных ситуаций
- Проведение переговоров в команде и с руководством
Цена 352890 руб.
https://result.school/frontend-developer