Фронтенд-разработчик [Тариф Базовая программа] [Нетология]
Фронтенд-разработка входит в топ-5 самых востребованных профессий в IT, а на hh.ru сейчас открыто более 3500 вакансий для фронтендеров.
Этот курс — ваш осознанный путь к успешной карьере.
Курс объединил последние тренды на рынке и практику:
HTML и CSS. Вёрстка с нуля до первого макета
Научитесь верстать сайты на HTML и CSS и вносить изменения в существующую вёрстку. По итогам модуля, который включает 8 занятий, вы самостоятельно сверстаете лендинг с нуля.
Получите опыт, который позволит стать незаменимым звеном в проектировании и создании современных отзывчивых веб-интерфейсов. Сможете верстать сайты для всех типов устройств.
Познакомитесь с азами программирования, напишете первые строки кода и создадите первые простые проекты на JavaScript. Разберётесь с видами языков программирования и поймёте, как выбрать свой с учётом личных интересов и профессиональных планов.
Научитесь работать с системой Git и сервисом GitHub, сможете публиковать свои работы и уже в процессе обучения сформируете первое портфолио — работодатели часто просят показать примеры вашего кода на GitHub.
Глубже погрузитесь в JavaScript — один из самых популярных и гибких языков программирования. Начнёте с азов синтаксиса, узнаете, как работает сайт, и напишете своё веб-приложение — онлайн-сервис для торговли криптовалютой.
Узнаете о дополнительных возможностях браузера — Web API. Подключите скрипт к HTML-документу и получите к нему доступ, чтобы сделать документ живым: изменять его и реагировать на действия пользователя.
Научитесь использовать ESLint для автоматической проверки кода на наличие проблем. Добавите в ваши проекты Webpack для сборки модулей веб‑приложения в единый JS-файл. Познакомитесь с React — библиотекой для создания пользовательского интерфейса приложения на JavaScript.
Блок 1. Организация работы в JavaScript
Создадите SPA на React для сервиса покупки ж/д билетов, в котором в качестве API используете внешний сервер.
Тариф Базовая программа
Фронтенд-разработка входит в топ-5 самых востребованных профессий в IT, а на hh.ru сейчас открыто более 3500 вакансий для фронтендеров.
Этот курс — ваш осознанный путь к успешной карьере.
Курс объединил последние тренды на рынке и практику:
- 80% курса — практика. Закрепите теорию на учебных проектах и реальных кейсах от работодателей и партнёров
- Вебинары с экспертами. Фронтенд-разработчики из QIWI, Сбера, Еаптеки и Здравсити поделятся своим опытом
- Совместные проекты с дизайнерами. Погрузитесь в профессию изнутри, будете взаимодействовать с дизайнером — обеспечите эффективные коммуникации
- Партнёр курса — биржа фриланса FL.ru. Узнаете, как выйти на фриланс, найти заказчиков и проекты
- Верстать сайты на HTML и CSS
- Разрабатывать веб-приложения на Javascript
- Работать в React - популярной библиотеке для создания интерфейсов
- Вы освоите современные инструменты фронтенд‑разработки.
- Изучите программы, которые чаще всего упоминаются в требованиях работодателей — для этого мы изучали актуальные вакансии и проводили интервью с нанимающими менеджерами и разработчиками.
- React и React Router — возможность работать над более интересными задачами. Это самые современные и востребованные инструменты фронтенд-разработки — они встречаются почти в каждой вакансии.
- С React создавать сайты и приложения получится быстрее, а с помощью React Router вы сможете сделать интерфейсы более эффективными.
- Выполните до 20 масштабных проектов для портфолио
HTML и CSS. Вёрстка с нуля до первого макета
Научитесь верстать сайты на HTML и CSS и вносить изменения в существующую вёрстку. По итогам модуля, который включает 8 занятий, вы самостоятельно сверстаете лендинг с нуля.
- Введение в вёрстку
- Контентные теги
- Теги для вёрстки структуры контента
- Позиционирование блочных элементов
- Вёрстка форм
- Нестандартные элементы форм
- Всплывающие элементы
- Позиционирование flex-элементов
- Проект: вёрстка макета сайта
Получите опыт, который позволит стать незаменимым звеном в проектировании и создании современных отзывчивых веб-интерфейсов. Сможете верстать сайты для всех типов устройств.
- Вёрстка резинового макета
- Резиновые изображения
- Введение в медиазапросы
- Медиафункции
- Особенности вёрстки на мобильных устройствах
- Вёрстка адаптивного макета
- Адаптивная типографика
- Breakpoints
- Адаптивные изображения
- CSS Grid
- Кроссбраузерность и доступность
- Проект: адаптивная мобильная версия макета сайта
Познакомитесь с азами программирования, напишете первые строки кода и создадите первые простые проекты на JavaScript. Разберётесь с видами языков программирования и поймёте, как выбрать свой с учётом личных интересов и профессиональных планов.
- Базовые понятия. Переменные и числа
- Логический тип и ветвление
- Строки. Алгоритмы. Как отлаживать код
- Массивы и базовые методы работы с ними
- Циклы
- Ассоциативные массивы
- Функция без параметров. Область видимости
- Параметры и возвращаемое значение
- Воркшоп: разработка логики игры «Виселица»
- Проект: игра «Крестики-нолики» на JavaScript
Научитесь работать с системой Git и сервисом GitHub, сможете публиковать свои работы и уже в процессе обучения сформируете первое портфолио — работодатели часто просят показать примеры вашего кода на GitHub.
- Знакомство с системой контроля версий Git
- Работа с локальным репозиторием в Git
- Работа с удалённым репозиторием через GitHub
- Командная работа в Git и GitHub. Часть 1
- Командная работа в Git и GitHub. Часть 2
Глубже погрузитесь в JavaScript — один из самых популярных и гибких языков программирования. Начнёте с азов синтаксиса, узнаете, как работает сайт, и напишете своё веб-приложение — онлайн-сервис для торговли криптовалютой.
- Основные понятия
- Функции
- Объекты
- Классы
- Обработка исключений и замыкания
- Асинхронность
- Функции декораторы, call, apply
- Проект: сайт-биржа по продаже криптовалюты
Узнаете о дополнительных возможностях браузера — Web API. Подключите скрипт к HTML-документу и получите к нему доступ, чтобы сделать документ живым: изменять его и реагировать на действия пользователя.
- Возможности JavaScript в браузере
- Способы поиска нужного HTML-элемента
- Объект события
- DOM
- Работа с HTML-формами
- Изменение структуры HTML-документа
- Асинхронные запросы
- Хранение состояния на клиенте и отправка на сервер
Научитесь использовать ESLint для автоматической проверки кода на наличие проблем. Добавите в ваши проекты Webpack для сборки модулей веб‑приложения в единый JS-файл. Познакомитесь с React — библиотекой для создания пользовательского интерфейса приложения на JavaScript.
Блок 1. Организация работы в JavaScript
- Стандарты и рабочее окружение
- Модули и WebPack
- Unit-тестирование
- Работа с контейнерами
- TypeScript
- Библиотека React, компоненты
- События и состояния
- Props
- Работа с формами
- React Router
- Разбор вопросов и домашних заданий
- Проект: онлайн-игра «ходилка» в стиле фэнтези
Создадите SPA на React для сервиса покупки ж/д билетов, в котором в качестве API используете внешний сервер.
Тариф Базовая программа
- 73 часа теории
- 324 часа практики
- Освоите все навыки, необходимые фронтенд-разработчику.
- Прокачаетесь в HTML-вёрстке, создадите свой первый сайт и приложение, освоите JavaScript и познакомитесь с библиотекой React.