Front End розробка

Проофесія

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

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

Cтарт: 10 грудня

Записатися

Термін

144 години, 24 тижні

Розклад

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

Вартість

6 платежів по 3190 грн

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

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

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

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

30 тижнів

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

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

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

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

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

Свій проект

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

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

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

Ти опануєш

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

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

Новачкам

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

Студентам

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

Дизайнерам

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

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

<Курс включає в себе наступні теми>

Введення
  • Про курс
  • Коротка історія WEB (історія, w3c)
  • HTML, CSS, JS - короткий огляд
  • Допоміжні інструменти (Subline 3, developer tools)
HTML
  • Введення (повторення про стандарт і w3c)
  • Теги, коментарі, doctype, форматування. Вкладеність
  • Атрибути
  • Посилання, навігація
  • Медіаконтент (img, audio, video)
  • Списки
  • Таблиці
  • Форми, HTML5 форми
CSS
  • Введення, література. Підключення стилів
  • Ідентифікатори, класи, селектори
  • Специфічність селекторів
  • Наслідування та каскадування
  • Величини в CSS
  • Форматування тексту, шрифти
  • Блочна модель
  • Резинова і адаптивна верстка
  • Властивості ширини та висоти (min, max)
  • Плаваючі елементи Float
  • Властивості фону, спрайти
  • Позиціонування
  • Накладення (z-index)
  • Рядково-блочні елементи
  • Стилізація списків
  • Стилізація форм
  • CSS3 стилі. Вступ. Градієнти. Округлені кути
  • Псевдокласи і специфічні селектори
  • Псевдоелементи
  • Тіні тексту, блоків
  • Трансформації
  • Переходи
  • Анімація
  • Практика стилізації (меню, кнопки, хлібні крихти, хинти)
  • Flex
  • Адаптивна верстка (медіа запити)
  • Bootstrap введення. Сітка
  • Bootstrap компоненти і практика
  • Препроцесори. Введення. SASS
  • БЕМ і застосування в SASS
  • Grid Layer
JavaScript
  • Вступ
  • Типи даних
  • Змінні
  • Оператори (бінарні, унарні)
  • Оператори порівняння
  • Перетворення типів
  • Умовні оператори (if, тернарний)
  • Логічні оператори (і, або, не)
  • Цикли (while, for)
  • Конструкція switch
  • Функції та аргументи
  • Рекурсія, стек
  • Методи і властивості. Вступ
  • Семантика, строгий режим, валідація, налагодження
  • Масиви
  • Об'єкти і методи
  • Замикання та області видимості (закріплення)
  • Таймери
  • json
  • Об'єкти BOM (window, history, navigator, location, screen)
  • Дерево ВОМ
  • Робота із DOM з консолі
  • Навігація в DOM
  • Пошук: getElement* и querySelector*
  • Додавання та видалення вузлів
  • Вступ. Спливання і перехоплення. Делегування подій
  • Події миші
  • Події форми (wheel\scroll)
  • Події scroll, load, error, ready
jQuery
  • Вступ. Література
  • Селектори
  • Атрибути (класи, дата, отримання значень, html)
  • Допоміжні функції
  • DOM маніпуляція
  • AJAX
  • Події
  • Ефекти
  • Утиліти (плагіни)
JavaScript ООП
  • ООП. Вступ. Література.
  • ООП. Наслідування через прототип
  • ООП. Початок ланцюжка наслідування
  • ООП. Методы об'єкта
  • ООП. Наслідування на класах
  • Закріплення матеріалу
  • Об'єкт Math
  • Клас Date
  • Localstorage (coockie.js)
Інструменти
  • Gulp
Angular 7+
  • Встановлення та налаштування
  • Створення компонентів та виведення списком
  • Сервер та сервіси
  • Директиви
  • Пайпи
  • Роутінг
  • Написання додатка
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>

Хто читає?

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

Frontend Developer

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

Дмитро Томчук

WEB Developer

Займаюся версткою вже 3 роки. За час роботи пізнав тонкощі як Front-end так і Back-end розробки. Працював як на фрілансі так і на фірму по розробці Landing-page. Готовий поділиться знаннями і допомогти студентам пізнати тонкощі web-розробки

Олексій Єфанов

Front-end Developer в Приватбанк

Починав як фрілансер 4 роки тому, зараз працюю в якості front-end розробника. В основному, мій поточний досвід пов’язаний з розробкою single page application для бізнесу. Чи не фанат підходу “Технології заради технологій”. Досвід викладання – 1 рік

Іван Домаранскій

Full stack web developer at PrivatBank

Досвід в розробці більш 2 років. Основні завдання, з якими стикаюся щодня: написання та підтримка сервісів для високонавантажених систем; створення і рефакторинг веб-інтерфейсів для внутрішньобанківського використання, участь в створенні мікросервісной архітектури для бізнес процесів.

Фішки

Безкоштовний курс English

Екскурсії в кращі IT-компанії Дніпра

Нетворкінг і відкриті meetups від провідних фахівців міста

Відкрита захист проектів за участю HR і потенційних роботодавців

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

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

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

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

10 грудня

Термін

144 години, 24 тижні

Розклад

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

Вартість

6 платежів по 3190 грн

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