Frontend для начинающих

Познакомься с frontend-разработкой и освой прибыльную профессию в сфере IT. 

Frontend для начинающих
Цена
15300
14 уроков14 уроков
Сертификат гос. образцаСертификат гос. образца
РусскийРусский
HEDU

Описание:

Frontend разработчик - это востребованный специалист с большим спектром задач. У него много навыков: разбираться в мобильной разработке и веб-шрифтах, знать принципы SEO-оптимизации, создавать адаптивную верстку и работать в графических редакторах. Сайты по поиску работы завалены вакансиями для данных специалистов, многие работодатели нуждаются в квалифицированных кадрах, но не могут их найти. На онлайн-курсе по frontend-разработке вы узнаете, как добиться результата в профессии и освоите все необходимые навыки для работы. Профессия имеет большие перспективы. Вы сможете совершенствоваться как специалист, повышать стоимость своего труда и осваивать смежные специальности. 

После окончания курса Вы сможете:

  • Познакомиться с frontend-разработкой
  • Размещать код на сайте и редактировать его в онлайн режиме
  • Создавать различные визуальные эффекты и анимации
  • Фрилансить фронтенд-вёрсткой и разработкой
  • Получить хорошо оплачиваемую работу в сфере IT

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

Занятие 1

Введение в основы frontend

На первом занятии вы познакомитесь с основополагающими понятиями для вёрстки сайтов: backend и frontend, узнаете, в чем их специфика. Вы выясните, что такое код веб-страницы и из чего он состоит. Познакомимся с редакторами кода. Узнаем, как строится траница на HTML и что такое CSS. В заключение занятия проведем обзор селекторов, параметров и значений.

Занятие 2

Что такое HTML?

На втором уроке мы познакомимся со структурой HTML. Узнаем, какие бывают HTML-тэги и как верстать веб-формы. Также мы попробуем верстать таблицы и делать семантическую верстку.

Занятие 3

Что такое CSS?

На третьем занятии мы узнаем, что такое стили и селекторы, выявим параметры полей, отступов, размеров и единиц изменения. Определим, какие свойства есть у display. Узнаем, что такое inline- и block-элементы. Обсудим, какие есть слои и что такое позиционирование и обтекание.

Занятие 4

Как работать с CSS?

На четвертом занятии мы узнаем, как делать блочную верстку и устанавливать цвета, шрифты, фон и границы. После этого урока вы сможете самостоятельно задать все эти параметры.

Занятие 5

JavaScript: что это такое?

На пятом уроке вы узнаете, как используется JavaScript и как его подключать. Мы познакомимся с библиотеками и стилями элементов.

Занятие 6

Использование JavaScript

На шестом уроке вы узнаете, как производить обработку событий, и потренируетесь в действиях с элементами (добавление, удаление, отображение, скрытие, анимация). Также вы познакомитесь с работой с данными в сети. После урока вы разберетесь в том, что такое JavaScript-фреймворки.

Занятие 7

Адаптивность и кроссбраузерность. I часть

На седьмом занятии вы узнаете, что такое ширина экрана. Также мы обсудим, что такое media-запросы и Flexbox.

Занятие 8

Адаптивность и кроссбраузерность. II часть

На восьмом уроке вы узнаете, как используются шаги адаптивности и сетки. Мы рассмотрим разновидности браузеров и особенности их работы. После этого занятия вы узнаете, как проверять адаптивность и кроссбраузерность.

Занятие 9

Внешний вид, установка

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

Занятие 10

Внешний вид, детали

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

Занятие 11

Что такое Advanced CSS. I часть

На одиннадцатом уроке вы узнаете, что такое сложные селекторы и important. Познакомимся с псевдо-элементами и сможем делать трансформации. Определим, как производить переходы и анимации.

Занятие 12

Работа с Advanced CSS. II часть

На двенадцатом уроке мы узнаем, что такое стандарты именования и методология БЭМ. Выясним, какие есть библиотеки стилей. После занятия вы разберетесь, как используются шаблонизаторы и предпроцессоры.

Занятие 13

Инструменты верстальщика. I часть

На тринадцатом уроке мы узнаем, что такое домен и хостинг и как размещать свои работы в Интернете. Познакомимся с понятием командной разработки. Определим, как используются сборщики, минификаторы и оптимизаторы проектов.

Занятие 14

Инструменты верстальщика. II часть

На четырнадцатом занятии вы узнаете, какие бывают инструменты прототипирования и разные среды обработки.