Фронтенд-разработчик [Тариф Полная программа] [result.school]

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