FRONT‑END РАЗРАБОТЧИК
Пройдешь полный цикл создания web-проекта
Научишься создавать интерактивные веб-страницы с использованием JavaScript
Получишь опыт использования фреймворки для создания сложных пользовательских интерфейсов
Cтарт: 14 апреля
Длительность
156 часов, 26 недельРасписание
Пн, Ср 18:00-21:00Стоимость
6,5 платежей по 3190 грн
Чем занимается
Front-End разработчик
FRONTEND-разработчик — это верстальщик и программист в одном лице, герой стиля и кода, проектирующий пользовательский интерфейс.
Главная его задача сделать максимально удобным взаимодействие пользователя с сайтом или web-приложением. Он хорошо разбирается в кроссбраузерной, адаптивной и отзывной верстке. Создает интерактивные элементы с помощью JavaScript. Понимает принципы построения бекэнда и разбираться в серверных технологиях.
Что ждет тебя
30 недель
интенсивной практики и разборов домашних заданий. Крутые примеры от тренера и подборка лучшего теоретического материала.
Поддержка 24/7
закрытый чат с преподавателем и другими участниками курса. Где вы обмениваетесь опытом, задаете вопросы и учитесь работать в команде.
Полный стек технологий
использование самых востребованных инструментов и фреймворков для разработки web-проектов
Свой проект
шаг за шагом будешь двигаться к реализации финального проекта, который станет достойной работой для твоего портфолио.
После обучения ты сможешь
- Верстать сайты на HTML и CSS и вносить изменения в существующую вёрстку
- Разрабатывать логику работы клиентской части, и понимать работу серверной части web-приложений
- Добавлять динамику и интерактив в свои web-проекты с помощью JavaScript
- Создавать адаптивные интерфейсы, оптимизировать сайты под мобильные платформы
- Использовать библиотеки и фреймворк для ускорения и упрощения процесса разработки
- Анализировать и управлять результатами своей работы используя систему контроля версий Git
Ты освоишь
программы и инструменты
Кому будет полезен этот курс?
Новичкам
Измените свою жизнь и освойте востребованную профессию в IT
Студентам
Получите практические навыки Front Еnd разработки
Дизайнерам
Прокачайте свои скилы и получите навыки создания сайтов
Программа курса
<Курс включает в себя следующие темы>
- О курсе
- Краткая история WEB
- HTML, CSS, JS - краткий обзор
- Вспомогательные инструменты (Subline 3, developer tools)
- Введение (повторение про стандарт и w3c)
- Теги, комментарии, doctype, форматирование. Вложенность
- Атрибуты
- Ссылки, навигация
- Медиаконтент (img, audio, video)
- Списки
- Таблицы
- Формы, HTML5 формы
- Введение, литература. Подключение стилей
- Идентификаторы, классы, селекторы
- Специфичность (вес селекторов)
- Наследование и каскадирование
- Величины в CSS
- Форматирование текста, шрифты
- Блочная модель
- Резиновая и адаптивная верстка
- Свойства ширины и высоты (min, max)
- Плавающие элементы Float
- Свойства фона, спрайты
- Позиционирование
- Наложение (z-index)
- Строчно-блочные элементы
- Стилизация списков
- Стилизация форм
- CSS3 стили. Введение. Градиенты. Тень. Скругленные углы
- Псевдоклассы и специфичные селекторы
- Псевдоэлементы
- Тени текста, блоков
- Трансформации
- Переходы
- Анимация
- Практика стилизации (меню, кнопки, хлебные крошки, хинты)
- Flex
- Адаптивная верстка (медиа запросы)
- Bootstrap введение. Сетка
- Bootstrap компоненты и практика
- Препроцессоры введение. SASS
- БЭМ и применение в SASS
- Grid Layer
- Введение
- Типы данных
- Переменные
- Операторы (бинарные, унарные)
- Операторы сравнения
- Преобразование типов
- Условные операторы (if, тернарный)
- Логические операторы (и, или, не)
- Циклы (while, for)
- Конструкция switch
- Функции и аргументы
- Рекурсия, стек
- Методы и свойства. Введение
- Семантика, строгий режим, валидация, отладка
- Массивы
- Объекты и методы
- Замыкание и области видимости (закрепление)
- Таймеры
- json
- Объекты BOM (window, history, navigator, location, screen)
- Дерево DOM
- Работа с DOM из консоли
- Навигация в DOM
- Поиск: getElement* и querySelector*
- Добавление и удаление узлов
- Введение. Всплытие и перехват. Делегирование событий
- События мыши
- События формы
- События scroll, load, error, ready
- Введение. Литература
- Селекторы
- Атрибуты (классы, дата, получения значений, html)
- Вспомогательные функции
- DOM манипуляция
- AJAX
- События
- Эффекты
- Утилиты (плагины)
- ООП. Введение. Литература
- ООП. Наследование через прототип
- ООП. Начало цепочки наследования
- ООП. Методы объекта
- ООП. Наследование на классах
- Закрепление материала
- Объект Math
- Класс Date
- Localstorage (coockie.js)
- Gulp
- Установка и настройка
- Создание компонентов и вывод списком
- Сервер и сервисы
- Директивы
- Пайпы
- Роутинг
- Написание приложения
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>
Кто читает?
Фишки
Бесплатный курс English
Экскурсии в лучшие IT-компании Днепра
Нетворкинг и открытые meetups от ведущих специалистов города
Открытая защита проектов при участии HR и потенциальных работодателей
Помощь в трудоустройстве
Каждый выпускник получает помощь и поддержку карьерного консультанта Level Up
Помощь в составлении IT-резюме и прохождении собеседования
Индивидуальные консультации по поиску работы и развитию карьеры
Регулярное информирование об открытых вакансиях от наших компаний-партнеров
Бесплатные посещения ивентов по soft skills и встреч c HR компаний для всех студентов
Начало курса
Можно присоединитьсяДлительность
75 часов, 15 недельРасписание
Пн, Ср 18:30-21:00Стоимость
9490 грн за курс