Front End розробка

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

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

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

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

Хочу знижку

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

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

Про курс

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

Про роботу

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

Деталі курсу

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

22 січня

Тривалість

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

Розклад

Ср 18:00-21:00, Сб 14:00-17:00

Вартість

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

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

Новачкам

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

Студентам

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

Дизайнерам

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Ігор Олійник

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

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

Деталі курсу

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

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

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