ПРООФЕСІЯ

FRONT‑END РОЗРОБНИК

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

Cтарт: 22 липня

Дізнатися більше

Тривалість

168 годин, 28 тижнів

Розклад

Вт, Чт 18:00-21:00

Вартість

7 платежів по 3400 грн

Чим займається
Front-End розробник

Front-End-розробник - це верстальник і програміст в одній особі, герой стилю і коду, який проектує призначений для користувача інтерфейс.

Головне його завдання — зробити максимально зручним взаємодію користувача з сайтом або web-додатком. Він добре розбирається в кросбраузерності, адаптовній і валидній верстці. Створює інтерактивні елементи за допомогою JavaScript. Розуміє принципи побудови бекенда і розбирається в серверних технологіях.

Заробітна плата

Front-end розробника

від 400$
до 4000$

(за даними work.ua або dou.ua)

Що чекає на тебе

30 тижнів

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

Підтримка 24/7

Закритий чат з викладачем та іншими учасниками курсу. Де ви зможете обмінюватись досвідом, ставити запитання та вчитися працювати в команді.

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

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

Свій проект

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

Після навчання ти зможеш

  • Верстати сайти на HTML та CSS і вносити зміни до існуючої верстки

  • Розробляти логіку роботи клієнтської частини та розуміти роботу серверної частини web-додатку

  • Додавати динаміку та інтерактив до своїх web-проектів за допомогою JavaScript

  • Створювати адаптивні інтерфейси, оптимізувати сайти під мобільні платформи

  • Використовувати бібліотеки та фреймворки для прискорення і спрощення процесу розробки

  • Аналізувати та управляти результатами своєї роботи, використовуючи систему контролю версій Git

Ты освоишь

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

Кому буде корисний курс?

Новачкам

Змініть своє життя та опануйте затребувану професію в ІТ

Студентам

Отримайте практичні навички Front-End розробки

Дизайнерам

Прокачайте своі скіли та отримайте навички створення сайтів

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

Вступ
  • Про курс
  • Сучасна розробка додатків під 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

Спікер

Євген Ступаченко

Frontend Developer

Розробкою займаюся вже 6 років. Є досвід в розробці web-проектів різних типів від Лендінзі до інтернет-магазинів і соц.сетей. Працюю як з Front End, так і Back End. Використовую останні технології і фреймворки в роботі. Завжди в курсі найсвіжіших і ефективних методів веб-розробки. Викладаю 3 роки і говорю просто про складне.

Допомога в працевлаштуванні

Кожен випускник отримує допомогу і підтримку від кар'єрного консультанта Level Up

  • Допомога в складанні IT-резюме та проходження співбесіди
  • Індивідуальні консультації з пошуку роботи та розвитку кар’єри
  • Регулярне інформування про відкриті вакансії від наших компаній-партнерів
  • Безкоштовні відвідування івентів по soft skills і зустрічей c HR компаній для всіх студентів

Початок курсу

22 липня

Тривалість

168 годин, 28 тижнів

Розклад

Вт, Чт 18:00-21:00

Вартість

7 платежів по 3400 грн

Чекаємо на тебе