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

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

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

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

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

Вы научитесь работать с системой Git и с сервисом GitHub, сможете публиковать свои домашние работы и уже в процессе обучения сформируете первое портфолио — работодатели часто просят показать примеры вашего кода на GitHub.

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

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

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

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

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

Узнаете о принципах графического дизайна и научитесь работать с композицией, формой и цветом. Попрактикуетесь в создании коллажей, композиций и абстракций, нарисуете логотип для собственного бренда.

Видеокурс включает конспекты, дополнительные материалы для изучения, тесты и задания с самопроверкой.

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

Видеокурс включает конспекты, дополнительные материалы для изучения и тесты.

Познакомитесь с базовыми функциями Figma — программы для создания интерфейсов. Узнаете приёмы для ускорения работы и научитесь создавать интерактивные прототипы.

Видеокурс включает конспекты, дополнительные материалы для изучения и тесты.

Узнаете о том, как выглядит работа Frontend-разработчика в жизни, какие задачи выполняет программист. Как составить резюме и где искать работу. Как развиваться в профессии и какие существуют специализации.