Top.Mail.Ru
Программа обучения
1 Этап: «Front - End разработка»
2 Этап: JavaScript и TypeScript
3 Этап: Основы React
Обратная связь
1 Этап: Введение в веб-разработку и основы HTML
Время прохождения : 1 месяц
Содержание:
Введение в веб-разработку. Основные понятия.
Основы HTML: структура документа, теги и элементы, создание таблиц и форм.
Содержание:
Практика:
Проект: Доработка сайта-визитки с использованием CSS и базового JS.
+ набор домашних заданий по темам блока.
Время прохождения : 1 месяц
Результат:
Научитесь стилизовать веб-страницы с использованием CSS и познакомитесь с основами JavaScript.
Основы CSS: селекторы, стили, форматирование текста, блочная модель.
Инструменты разработчика в браузере для работы с CSS и JS.
Инструменты front-end разработчика: devtools, Emmet, редакторы кода.
Введение в JavaScript: переменные, типы данных, операторы, функции.
2 Этап: Основы CSS и введение в JavaScript
Результат:
Узнаете о базовых концепциях веб-разработки, научитесь создавать простейшие веб-страницы с использованием HTML.
Практика:
Проект: Персональный сайт-визитка с навигацией.
+ набор домашних заданий по темам блока.
3 Этап: Продвинутая верстка и работа с DOM
Время прохождения : 1 месяц
Содержание:
Продвинутая верстка: Flexbox, Grid, адаптивный дизайн.
Основы асинхронности в JavaScript (введение в промисы).
Содержание:
Время прохождения : 1 месяц
Практика:
Проект: Адаптивный веб-сайт с возможностью смены цветовой темы.
+ набор домашних заданий по темам блока.
Работа с терминалом и системами контроля версий (Git).
Результат:
Получите навыки работы с терминалом, Git, сборщиками и познакомитесь с TypeScript.
4 Этап: Инструменты разработки и основы TypeScript
Введение в TypeScript: типизация, интерфейсы, классы.
Введение в работу с DOM: выбор элементов, изменение структуры документа, обработка событий.
Инструменты разработки: npm, Webpack и тд.
Результат:
Освоите продвинутую верстку и научитесь взаимодействовать с DOM с помощью JavaScript.
Практика:
Проект: Сайт для управления библиотекой книг с интерактивными элементами.
+ набор домашних заданий по темам блока.
Маршрутизация и хранилища в Vue.js.
5 Этап: Библиотеки и менеджеры состояния для React
Время прохождения : 1 месяц
Содержание:
Основы React: компоненты, состояние, жизненный цикл.
Содержание:
Адаптивные и неадаптивные компоненты.
Время прохождения : 1 месяц
6 Этап: Тестирование, Vue.js и публикация проектов
Практика:
Проект: Полнофункциональный многостраничный интернет-магазин с использованием Vue.js.
+ набор домашних заданий по темам блока.
Результат:
знакомитесь с тестированием, изучите Vue.js и реализуете полноценный проект с его публикацией.
Тестирование: Ручное, автоматизированное и интегрированное тестирование, знакомство с Mocha, Chai и Cypress.
Публикация веб-приложений на GitHub Pages.
Основы Vue.js: структура проекта, компоненты, директивы.
Работа с менеджерами состояния: Redux и Effector.
Результат:
Изучите React и научитесь работать с менеджерами состояния, такими как Redux и Effector.
Практика:
Проект: Улучшенный многостраничный сайт-портфолио с использованием React.
+ набор домашних заданий по темам блока.
После успешного завершения обучения:
Сертификат
Персональный сертификат о прохождении специализации. По запросу на английском языке.
Развитие карьеры и бизнеса:
У вас будет:
У вас будет:
У вас будет:
У вас будет:
Консультации с ментором в течение обучения.
Подборки вакансий, инсайты рынка труда.
Проекты в ваше портфолио.
Реальный опыт на крауд-платформах.