Курс «Frontend-разработчик с нуля»

Направление
Frontend-разработка
Домашние задания
Есть
Итоговый экзамен
Есть
Количество уроков
13
Документ об обучении
Диплом
Обратная связь
Есть
Доступ
Сразу после покупки
Последнее обновление 01.07.2022

О курсе

Frontend-разработчик отвечает за внешнюю сторону сайта
Фронтендеры создают лицо сайта — то, что вы видите, попав на любую страницу в интернете. А ещё организуют логичную работу компонентов сайта: контента, кнопок, внутренних ссылок.

Основная задача таких специалистов — не только перенести дизайн-макет в код, но и сделать так, чтобы все работало удобно и быстро.

Программа курса

  1. Курсовой проект — вёрстка сайта

    Научитесь верстать сайты на HTML и CSS и вносить изменения в существующую вёрстку. По итогам этого модуля вы уже самостоятельно сверстаете лендинг.
  2. Курсовой проект — адаптивная вёрстка сайта

    Получите опыт, который позволит стать незаменимым звеном в проектировании и создании современных отзывчивых веб-интерфейсов. Сможете верстать сайты для всех типов устройств.
  3. Бонусный модуль от EnglishDom

    В этом модуле вас ждут десять видео-лекций, которые помогут вам начать разговаривать на английском языке, как настоящий разработчик.
  4. Курсовой проект — игра на JavaScript

    Познакомитесь с азами программирования, напишете первые строки кода и создадите первые простые проекты на самом популярном языке JavaScript. Разберётесь с видами языков программирования и поймёте, как выбрать «свой» язык с учётом личных интересов и профессиональных планов. В дипломном проекте вы разработаете онлайн-игру, похожую на «Монополию».
  5. Вы научитесь работать с системой Git и с сервисом GitHub, сможете публиковать свои домашние работы и уже в процессе обучения сформируете первое портфолио — работодатели часто просят показать примеры вашего кода на GitHub.
  6. Курсовой проект — биржа валюты

    Глубже погрузитесь в JavaScript — один из самых популярных и гибких языков программирования. Начнёте с азов синтаксиса, узнаете, как работает сайт, и за 8 первых занятий напишете своё первое веб-приложение (онлайн-сервис для торговли криптовалютой). Далее узнаете о дополнительных возможностях, которые дает браузер. Подключив скрипт к HTML-документу, получите к нему доступ и сможете делать документ «живым»: изменять его и реагировать на действия пользователя.
  7. Курсовой проект — учёт финансов

    Узнаете о дополнительных возможностях, которые дает браузер — Web API. Подключите скрипт к HTML-документу и получите к нему доступ, чтобы делать документ «живым»: изменять его и реагировать на действия пользователя.
  8. Курсовой проект — онлайн-игра

    Научитесь работать с современным инструментом для организации рабочего окружения (npm, webpack) и разберётесь с наиболее сложными разделами языка: прототипной моделью, promises и асинхронными программированием (async/await).
  9. Курсовой проект — бот для поиска информации

    Освоите инструменты, ускоряющие работу, научитесь на профессиональном уровне работать с формами: проводить валидацию, использовать продвинутые элементы — слайдеры, календари, файлы, а также познакомитесь с API, предоставляемым браузером: геолокацией, нотификацией, медиа, веб-сокетами. И через анимацию добавите интерактивность в свои приложения.
  10. Курсовой проект — интернет-магазин

    Освоите одну из самых популярных библиотек на JavaScript — React. При помощи этой библиотеки вы сможете создавать интерактивные пользовательские интерфейсы. Вам достаточно описать, как части интерфейса приложения выглядят в разных состояниях. React будет своевременно их обновлять, когда данные изменяются. Вы сможете создавать инкапсулированные компоненты с собственным состоянием, а затем объединять их в сложные пользовательские интерфейсы.
  11. Узнаете о принципах графического дизайна и научитесь работать с композицией, формой и цветом. Попрактикуетесь в создании коллажей, композиций и абстракций, нарисуете логотип для собственного бренда.

    Видеокурс включает конспекты, дополнительные материалы для изучения, тесты и задания с самопроверкой.
  12. Познакомитесь с интерфейсом и ключевыми инструментами Adobe Photoshop. Узнаете, как настраивать цвета, работать со слоями, масками и смарт-объектами, растровыми и векторными изображениями.

    Видеокурс включает конспекты, дополнительные материалы для изучения и тесты.
  13. Научитесь формулировать карьерные цели, создавать резюме, собирать портфолио и готовиться к собеседованиям. Создадите пошаговый план поиска работы, запишите видеопрезентацию и пройдёте карьерную консультацию с HR-экспертом.

Преподаватели

Владимир Чебукин
Frontend-developer в TEKO
Алена Батицкая
Frontend-разработчик, freelance
Татьяна Тен
Frontend-разработчик в webcoalition.ru
Александр Фитискин
Frontend-разработчик в компании Webzilla
Александр Шлейко
Разработчик интерфейсов в Яндексе
Александр Беспоясов
Ведущий frontend-разработчик в bespoyasov.ru/projects
Денис Ежков
Frontend-разработчик в «Ростелеком ИТ»
Николай Лопин
Senior JavaScript-разработчик в FreeNow
Михаил Ларченко T
Tech Lead Sytac B.V.
Эдгар Нуруллин
Middle-разработчик в Яндексе
Евгений Шек
Frontend-разработчик в «Chocotravel и Aviata»
Валерий Хаслер
Автор программ и преподаватель программирования

Другие курсы по этой теме

Помогите нам улучшить наш сервис, поделитесь своим опытом, пройдя небольшой опрос. Он займет у вас не больше 5 минут.
Пройти опрос