Front End разработка

Профессия

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

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

Cтарт: 22 сентября

Записаться

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

183 часа, 30 недель

Расписание

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

Стоимость

7,5 платежей по 3190 грн

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

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

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

Что ждет тебя

30 недель

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

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

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

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

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

Свой проект

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

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

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

Ты освоишь

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

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

Новичкам

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

Студентам

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

Дизайнерам

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

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

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

Введение
  • О курсе
  • Краткая история WEB
  • 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 из консоли
  • Навигация в DOM
  • Поиск: getElement* и querySelector*
  • Добавление и удаление узлов
  • Введение. Всплытие и перехват. Делегирование событий
  • События мыши
  • События формы
  • События scroll, load, error, ready
jQuery
  • Введение. Литература
  • Селекторы
  • Атрибуты (классы, дата, получения значений, html)
  • Вспомогательные функции
  • DOM манипуляция
  • AJAX
  • События
  • Эффекты
  • Утилиты (плагины)
JavaScript ООП
  • ООП. Введение. Литература
  • ООП. Наследование через прототип
  • ООП. Начало цепочки наследования
  • ООП. Методы объекта
  • ООП. Наследование на классах
  • Закрепление материала
  • Объект Math
  • Класс Date
  • Localstorage (coockie.js)
Инструменты
  • Gulp
Angular4
  • Установка и настройка
  • Создание компонентов и вывод списком
  • Сервер и сервисы
  • Директивы
  • Пайпы
  • Роутинг
  • Написание приложения
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>

Кто читает?

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

WEB Developer

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

Алексей Ефанов

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

Начинал как фрилансер 4 года назад, сейчас работаю в качестве front-end разработчика. В основном, мой текущий опыт связан с разработкой single page application для бизнеса. Не фанат подхода «Технологии ради технологий». Опыт преподавания — 1 год

Игорь Олейник

WEB Developer

Заниматься вёрсткой веб-страниц я начал ещё в школе, но тесно свою жизнь связал с веб разработкой в 2009 году. Начал с вёрстки и бекенда (wordpress) для своей команды, затем постепенно перешел и к JS-frontend. Слежу за развитием web стандартов и стараюсь применять актуальные технологии. Изучаю и внедряю подход frontend style guide.

Иван Домаранский

Full stack web developer at PrivatBank

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

Фишки

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

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

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

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

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

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

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

Начало курса

22 сентября

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

183 часа, 30 недель

Расписание

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

Стоимость

7,5 платежей по 3190 грн

Ждем тебя