Front End розробка

Курсыfront-end розробки

Освоїте повний стек технологій для швидкого старту кар’єри FrontEnd-розробника.
Cтарт: квітень

Записатися зараз

Кращі ціни forEarly birds
економія до 2000 грн на навчанні

Хочу знижку

Про технологію

Веб-сайт складається з двох частин. Клієнтської, тобто сторінок, які відображаються в браузері користувача, і серверної, де зберігаються і обробляються дані. Фронтенд-розробка – процес створення складних інтерактивних сторінок і правил їх взаємодії з сервером. Для верстки сторінок використовують мови HTML і CSS. Інтерактивність елементів і взаємодія з веб-сервером програмують на мові JavaScript. Використовується AJAX – метод неповної перезавантаження сторінок фреймами. Розробка ведеться за допомогою фреймворків, наприклад AngularJS або ReactJS, що спрощують програмування і тестування.

Про курс

Курс охоплює всі основні етапи Front End розробки. Комплексна програма курсу розрахована на новачків. Практична спрямованість навчання дозволить студентам отримати навички в веб-розробці з нуля і створювати сайти і додатки будь-якої складності. Вам належить виконати багато домашніх завдань, а випускний проект стане хорошим прикладом роботи для вашого портфоліо. Отриманих навичок вистачить для роботи на позиції Junior Front End Developer.

Про роботу

Відкриті вакансії Front End Developer в Дніпрі пропонують заробітну плату від $ 400 для кваліфікації Junior до $ 4000 для кваліфікації Senior. При цьому профіль роботодавців дуже широкий – від великих аутсорсингових компаній до квартирних веб-студій. Без фронтенд-розробника створення складного сайту неможливо. Отримайте незамінну професію на цьому курсі, щоб завжди мати гідну роботу.

Деталі курсу

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

квітень

Тривалість

233 години, 30 тижнів

Розклад

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

Вартість

8 платежів по 3190 грн
Опануй перспективну спеціальність БЕЗ відриву від роботи і навчання!

Для кого курс?

Новачкам

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

Студентам

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

Дизайнерам

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

Інвестиції в навчання
повернуться через
1,5 месяца роботи

* Згідно зі статистикою зарплат dou.ua

В результаті навчання:

Навчітеся самостійно створювати Web-сторінки і програмувати скрипти

Зможете створювати Front Еnd складову класичних багатосторінкових сайтів і односторінкових додатків

Опануєте практичним стеком технологій Front End розробника

На практиці освоїте Front End програмування і роботу над проектами з нуля

Придбаєте досвід розробки адаптивних інтерфейсів, оптимізації сайтів під мобільні платформи і досвід взаємодії з AJAX і REST

Разработаете підсумковий проект, який стане одним з прикладів виконаних проектів

Отримаєте навички командної роботи, які цінуються в сфері розробки

Дізнаєтеся, як пройти співбесіду і отримаєте можливість отримати роботу в IT-компанії

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

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

Викладач курсу:

Ігор Олійник

WEB Developer

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

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

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

Пропустили занятие?
Не страшно, мы можем сделать для вас видеозапись этого урока, или подключить онлайн-трансляцию.

Деталі курсу

Початок курсу
квітень
Тривалість
233 години, 30 тижнів
Расписание
Пн 18:00-21:00, Пт 18:00-21:00
Вартість
8 платежів по 3190 грн

Навчання в Level Up — це:

Підтримка викладача
Закритий чат групи і викладача, де завжди можна вирішити виникаючі питання з пройденого матеріалу
Командна робота
Основний упор робиться на роботу в команді: комплексні завдання, розподіл завдань, терміни виконання
Практичні заняття
Теоретичний матеріал обов’язково закріплюємо на практиці. Велику частину часу приділяємо отримання практичних навичок та роботі з кодом
Кар’єрний коучинг
Безкоштовні семінари та тренінги зі складання IT-резюме, підготовка до співбесіди і успішному його проходженню. Доступ до закритого чату з вакансіями.
Стажування
Основний упор робиться на роботу в команді: комплексні завдання, розподіл завдань, терміни виконання