Warning: Parameter 1 to wp_default_scripts() expected to be a reference, value given in /home/qalight/qalight.com.ua/lviv/wp-includes/plugin.php on line 601

Warning: Parameter 1 to wp_default_styles() expected to be a reference, value given in /home/qalight/qalight.com.ua/lviv/wp-includes/plugin.php on line 601
Front-End розробка - QALight
Front-end_QALight_logo_small

Front-End розробка

Дата старту:

16.05.2017

Тривалість:

75 годин

Вечір

Вт

Чт

Пн

19:00 – 21:00

Вт

19:00 – 21:00

Ср

19:00 – 21:00

Чт

19:00 – 21:00

Пт

19:00 – 21:00

Сб

19:00 – 21:00

Нд

19:00 – 21:00

Ціна

9000 грн

Тренери:

Опис курсу:

Front_end_qalight_kurs_lviv

Вперше! QALight презентує All Inclusive в IT!

Облиш «гризти» суху теорію. У наш пакет з вивчення Front-End включено:

– 75 годин практики;

– три місяці наполегливої роботи нашої команди заради твого успіху;

– індивідуальний підхід (до 10 людей у групі);

– власне портфоліо, з яким сміливо можна влаштовуватися на роботу;

– професійне CV англійською мовою;

– індивідуальна співбесіда з IT рекрутером;

– можливість стажування в реальній ІТ компанії та підтримка тренера.

При замовленні повного пакету – супер пропозиція! Знижка на третій етап Mentor Support – 50% та четвертий етап HR Support – безкоштовно.

Також Ви отримуєте:

diploma

Сертифікат про проходження курсу

plane

Необхідні знання для ІТ - сфери

briefcase

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

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

Етап 1. HTML 5 & CSS 3 (20 год.) – 3000 грн

Веб-дизайн та розробка на основі HTML 5 & CSS3.

Ви оволодієте практичними навичками роботи зі сучасними версіями HTML 5 & CSS3.

Це перший етап курсу All Inclusive.

 

1 заняття

DOCTYPE.

Стандарт Unicode. Кодування.

Структура HTML-документу. Основні елементи розмітки:

  • Концепція семантичної розмітки;
  • Використання коментарів;
  • Атрибути та аксесуари;
  • Спеціальні символи.

Структурні елементи розмітки. Основні HTML теги.

Текстові елементи розмітки. Основні HTML теги.

Створення HTML сторінок.

Основи SEO оптимізації:

  • Елемент meta та його атрибути;
  • Пояснююча мета-інформація;
  • Мета-інформація для роботів.

 

2 заняття

Основні CSS властивості.

Селектори.

Одиниці вимірювання в CSS.

Властивості тексту.

Властивості кольору.

Шрифти.

Основи роботи з Chrome Developer Tools.

 

3 заняття

Таблиці.

Списки.

Посилання.

Зображення.

Робота з фоном.

Створення макету (layout).

Робота з margin, padding.

 

4 заняття

Нові теги та елементи.

Секції, виноски, статті, навігації, «шапки», «підвал».

Modernizr.

 

5 заняття

Багатоколонкова верстка.

Модель CSS box.

Позиціонування елементів.

Властивості float.

 

6 заняття

Псевдокласи/псевдоелементи.

Контекстні селектори.

Каскадування.

Наслідування.

 

7 заняття

Елементи форм та їх атрибути.

Використання зовнішніх об’єктів.

Вбудовування аудіо- та відеофайлів з допомогою елементів HTML 5.

 

8 заняття

Стилі для різноманітних типів носіїв.

Імпорт CSS.

Визначення технологій, які підтримуються браузером.

Властивості CSS для роздруку сторінок.

Властивості шрифтів, @font-face (веб-шрифти).

 

9 заняття

Адаптивна верстка.

Модель Flex-блоків.

 

10 заняття

Bootstrap

 

Етап 2. JavaScript Basic (20 год.) – 3000 грн

Вивчення основ JavaScript на практичних прикладах створення динамічних елементів сторінки. Цей курс – другий етап All Inclusive.

 

1 заняття

Основи мови JavaScript.

Змінні.

Типи даних.

Приведення типів.

Тривіальні типи.

Оператори.

Оператори інкременту та декременту.

Цикл while.

Цикл do while.

Цикл for.

Керуючі конструкції if-else if-else

Мітки.

Переривання та продовження циклу.

Керуюча конструкція switch.

 

2 заняття

Функції.

Робота з математичними функціями.

Способи оголошення функцій.

Область видимості.

Анонімні функції та замикання.

Рекурсія.

 

3 заняття

Обробка помилок та відкладка.

Консоль та dev tools.

Обробка помилок.

Порядок виконання коду.

Error object.

Workflow відкладка.

 

4 заняття

Структури даних: об’єкти і масиви.

Властивості об’єкта.

Методи об’єкта.

Методи функції.

Робота зі строками.

Робота з масивами.

 

5 заняття

Document Object Model (DOM) – об’єктна модель документа.

Робота з елементами HTML сторінки.

Структура документа.

Вибір елементів документа.

Навігація по вузлам документа.

Створення, вставка та видалення вузлів.

Html-форми.

 

6 заняття

Події.

Як працює механізм подій.

Робота з обробниками подій.

Події завантаження документа.

Події миші.

Події клавіатури.

 

7 заняття

Дати та таймери.

Робота з датами.

Робота з таймерами.

 

8 заняття

Browser object model (BOM- об’єктна модель браузера).

Об’єкт window (history, location, navigator, screen).

Адреса документа та навігація по ньому.

Історія відвідування.

Інформація про браузер та екран (Navigator, Screen).

Діалоги.

Iframes.

 

9 заняття

Основи jQuery.

Селектори.

Робота з подіями jQuery.

Маніпуляції з DOM.

Зміна властивостей та атрибутів.

 

10 заняття

jQuery Плагіни.

Ефекти та анімація бібліотеки jQuery.

 

Етап 3. Mentor Support (30 год.) – 6000 грн 3000 грн (при проходженні повного курсу All Inclusive)

Практичні завдання побудовані з метою засвоєння пройденого курсу html/css та JavaScript.

Розпочнемо із адаптивної верстки макету Landing Page, який на сьогодні є досить популярними особливо у сфері продажів. Проект буде побудований із використанням html5/css3, Bootstrap 3, SASS, jQuery з дотриманням стандартів валідації коду (https://validator.w3.org/). Продовжуємо практичне заняття з верстки іншого сайту-візитки, який складатиметься із декількох інформаційних сторінок.

У цьому проекті розглянемо основні моменти оптимізації коду під Google Page Speed (https://developers.google.com/speed/pagespeed/), використання основних jQuery плагінів при розробці сайту, підключення Google Maps, Font Awesome, Animate.css та багато інших бібліотек.

Завершенням курсу буде збірка та автоматизація ще одного проекту за допомогою Gulp. Розглянемо основні моменти при роботі з npm, bower, browser-sync та інших сучасних інструментів для повноцінної роботи front-end розробника. Додатково ознайомимось із принципами роботи Git, та розміщення сайту на GitHub Pages.

По завершенні курсу ви зможете самостійно створювати веб-проекти, використовуючи сучасні методи розробки.

 

  • Проста адаптивна верстка Landing Page із використанням

-html5/css3

-sass/scss

-bootstrap

-jquery

 

  • Адаптивна верстка сайту

-html5/css3

-sass/scss

-bootstrap

-jquery та плагіни

-animate css

-паралакс ефекти

-font-awesome

 

  • Проста front-end збірка проекту

-npm

-gulp

-bower

-browser-sync

-мініфікація проекту

-основи роботи із git

 

 

Етап 4. HR Support (5 год.)

Як бонус ви отримаєте корисний IT коктейль, який допоможе у працевлаштуванні!

Інгредієнти:

  • професійне CV англійською мовою;
  • профайл на Linkedin, правильний формат якого значно підвищує твої шанси працювати в омріяній компанії;

індивідуальна співбесіда з ІТ рекрутером, яка допоможе стати “ідеальним кандидатом” при отриманні роботи.

Читати далі

Записатися на курс

Front-End розробка

Залишилися питання? Дзвони!