front

Профессия

FRONT‑END РАЗРАБОТЧИК

  • Пройдешь полный цикл создания web-проекта
  • Научишься создавать интерактивные веб-страницы с использованием JavaScript
  • Получишь опыт использования фреймворки для создания сложных пользовательских интерфейсов

Cтарт: По записи

Узнать подробнее

Длительность

168 часов, 28 недель

Расписание

Пн, Ср 18:00-21:00

Стоимость

7 платежей по 3690 грн

Чем занимается
Front-End разработчик

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

Главная его задача сделать максимально удобным взаимодействие пользователя с сайтом или web-приложением. Он хорошо разбирается в кроссбраузерной, адаптивной и отзывной верстке. Создает интерактивные элементы с помощью JavaScript. Понимает принципы построения бекэнда и разбираться в серверных технологиях.

Что ждет тебя

30 недель

интенсивной практики и разборов домашних заданий. Крутые примеры от тренера и подборка лучшего теоретического материала.

Поддержка 24/7

закрытый чат с преподавателем и другими участниками курса. Где вы обмениваетесь опытом, задаете вопросы и учитесь работать в команде.

Полный стек технологий

использование самых востребованных инструментов и фреймворков для разработки web-проектов

Свой проект

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

После обучения ты сможешь

  • Верстать сайты на HTML и CSS и вносить изменения в существующую вёрстку
  • Разрабатывать логику работы клиентской части, и понимать работу серверной части web-приложений
  • Добавлять динамику и интерактив в свои web-проекты с помощью JavaScript
  • Создавать адаптивные интерфейсы, оптимизировать сайты под мобильные платформы
  • Использовать библиотеки и фреймворк для ускорения и упрощения процесса разработки
  • Анализировать и управлять результатами своей работы используя систему контроля версий Git

Ты освоишь

программы и инструменты

Кому будет полезен этот курс?

Новичкам

Измените свою жизнь и освойте востребованную профессию в IT

Студентам

Получите практические навыки Front Еnd разработки

Дизайнерам

Прокачайте свои скилы и получите навыки создания сайтов

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

<Курс включает в себя следующие темы>

Введение
  • О курсе
  • Современная разработка приложений под web
  • Подготовка среды разработки. Обзор Sublime, Visual Studio IDE , WebStorm
Основы HTML
  • Введение (История, стандарт, w3c, браузеры)
  • Chrome developer tools
  • Теги, комментарии, доктайп, форматирование, вложенность, пробельные символы
  • Атрибуты (глобальные атрибуты)
  • Кодировка
  • Гипертекст, навигация (вн. и внешняя)
  • Списки
  • Таблицы
  • HTML5 формы
  • Теги HTML5
Основы CSS
  • Введение
  • Литература и инструменты для раздела
  • Кроссбраузерность. Подключение стилей. Стили по умолчанию
  • Индентификаторы и классы
  • Селекторы
  • Специфичность (вес селекторов)
  • Наследование и каскадирование
  • Величины в CSS
  • Шрифт. Форматирование текста
  • Строчно-блочные элементы
  • «Резиновая» и «Адаптивная» верстка
  • Свойства фона
  • Техника sprite
  • Абсолютное и фиксированное позиционирование элементов
  • Сетки
  • Стилизация списков, форм, таблиц
  • CSS3 стили. Введение. Градиенты. Тень. Скругленные углы.
  • Вендорные префиксы в CSS
  • CSS3 Трансформации
  • CSS3 Анимации и переходы
  • Построение стандартных блоков (меню, кнопки, хлебные крошки, навигация, комментарии, попапы)
  • Специфические задачи и их решения
  • Стили для печати
  • Flexbox, Grid Layout
  • Препроцессоры и постпроцессоры
  • Обзор SASS, SCSS
Методологии
  • BEM
Фреймворки
  • Twitter Bootstrap3. Основы
  • Twitter Bootstrap3. Сетка
  • Twitter Bootstrap3. Компоненты
  • Twitter Bootstrap3. Javascript
Основы javascript
  • Введение. Инструменты. Литература.
  • Переменные
  • Шесть типов данных, typeof
  • Основные операторы
  • Операторы сравнения и логические значения
  • Alert, prompt, confirm
  • Условные операторы: if, ‘?’
  • Логические операторы
  • Преобразование типов
  • Циклы while, for
  • Конструкция switch — case
  • Функции
  • Строгий режим
  • Объекты: перебор свойств, копирование по ссылке
  • Псевдомассив «arguments»
  • Дата и Время
  • Замыкания, функции изнутри
  • «call», «apply», «bind»
  • Таймеры
  • Try, catch, Eval
  • Встроенные «классы» — Object.prototype
  • JSON
ES-2015
  • Переменные: let и const
  • Деструктуризация
  • Функции
  • Строки
  • Тип данных Symbol
  • Promise
  • Контроль( тестирование )
BOM
  • BOM. navigator, screen, location, frames
DOM
  • Дерево DOM
  • Работа с DOM из консоли
  • Навигация в DOM
  • Свойства узлов, атрибуты
  • Поиск элементов
  • Добавление и удаление узлов
  • Поиск элементов
  • Добавление и удаление узлов
  • Cookie
Events
  • Введение. Всплытие и перехват. Делегирование событий
  • События мыши
  • События формы
  • События scroll, load, error, ready
jQuery
  • Введение. Литература
  • Выборка
  • Атрибуты (атрибуты, класы, значения, html)
  • Вспомогательные методы
  • DOM путешествие, фильтрация
  • CSS (размеры, позиционирование)
  • DOM манипуляция
  • AJAX
  • События
  • Эффекты
  • Утилиты
  • Написание плагинов
  • jQuery.UI Обзор
  • Контроль( тестирование )
Landing page
  • Выбор макета для первого сайта, или сайта портфолио
  • Проверка, помощь, доработка Landing page
ООП
  • Введение. Литература.
  • Функция-конструктор
  • Наследование через прототип
  • Начало цепочки наследования
  • Методы объекта
  • Наследование на классах.
Регулярные выражения
  • Regexp
HTML5 API
  • Audio
  • Localstorage
  • Canvas
Testing
  • Unit testing
Инструменты
  • Сборщик проектов Gulp
  • Пакетный менеджер NPM
MV* Frameworks
  • Основы. MVC
React
  • Введение, компонентный подход
  • Настройка окружения, create-react-app
  • JSX — синтаксис
  • Props, State, refs
  • React-компонент
  • Отображение массивов
  • Жизненный цикл React-компонентов
  • работа с формами
  • React-router
  • Родительские и дочерние компоненты
  • Написание приложения на React
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150

</html>

Кто читает?

Максим Максимчук

  • Software Engineer в Ukrainian State Airtraffic Service Enterprise
  • В программировании 7 лет
  • В преподавании 1 год

Фишки

Бесплатный курс English

Экскурсии в лучшие IT-компании Днепра

Нетворкинг и открытые meetups от ведущих специалистов города

Открытая защита проектов при участии HR и потенциальных работодателей

Помощь в трудоустройстве

Каждый выпускник получает помощь и поддержку карьерного консультанта Level Up

  • Помощь в составлении IT-резюме и прохождении собеседования
  • Индивидуальные консультации по поиску работы и развитию карьеры
  • Регулярное информирование об открытых вакансиях от наших компаний-партнеров
  • Бесплатные посещения ивентов по soft skills и встреч c HR компаний для всех студентов

Начало курса

По записи

Длительность

128 часов, 32 недели

Расписание

Сб 10:00-14:00

Стоимость

8 платежей по 3400 грн

Ждем тебя