Опис курсу

Тривалість: 12 місяців

Графік навчання: 3 рази на тиждень по 2 год.

Опис курсу:

Курс «Front-end Developer» охоплює повний цикл створення web-проекту на стороні клієнта – від технічного завдання, розмітки сторінок до побудови клієнтської частини. Основною задачею front‑end розробника є створення привабливого, зручного веб-дизайну та інтерфейсу.

Front-end Developer – це спеціаліст, який має добрі навички у побудові web додатків на стороні клієнта. Робота для Front-end Developer знайдеться завжди, тому що на ринку праці кількість вакансій перевищує чисельність фахівців. При цьому середня зарплата спеціаліста становить понад 20 тис. грн. в місяць.

Ви зможете працювати в IT-компанії, веб-студії, будь-який великій компанії (розробка та підтримка її web-сайтів) на таких позиціях:

  • Front-end Developer (JavaScript/HTML/CSS);
  • Junior / Middle / Senior JavaScript developer;
  • Front-end team lead;
  • Junior / Middle / Senior Web UI Software Engineer.

Що потрібно знати:

  • Впевнений користувач ПК або успішне завершення курсу Користувач ПК.
  • Основи роботи в графічному редакторі Adobe Photoshop.
  • Базове знання будь-якої сучасної мови програмування (C, C++, C#, PHP, Javascript, Java, Python, Ruby) або успішне завершення підготовчих курсів "Основи інформатики".

Програма навчання:

1a. Верстка (HTML5, CSS3)

HTML5 і CSS 3 – нові технології у web розробці призначені для верстки сайтів.

Результат: готовий шаблон сайту (HTML+CSS) на основі макету.

  • Вступ та основи Html.
  • Синтаксис та елементи.
  • Вступ та основи Css.
  • Селектори та стилі.
  • Практика верстання сторінок на основі дизайнів сайтів в інтернеті.

1b. JavaScript.

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

  • Вступ та основи.
  • Змінні, типи даних, функції.
  • Оператори. Цикли.
  • Масиви.
  • String. Робота зі стрічками, регулярні вирази.
  • Object. prototype.
  • Errors: try, catch, throw.
  • Робота з Browser Dom.
  • Робота з Html Dom.

1c. ECMAScript.

Результат: Побудований Web-сайт з використанням популярних JavaScript фреймворків. Інтерфейс містить різноманітні візуальні ефекти, а також виконує перевірку введення достовірних даних на стороні клієнта.

2. JQuery

  • Вступ та основи
  • Traversing & Manipulating
  • Events and Event Delegation
  • Effects( Animating with jQuery)
  • AJAX & Deferreds

3a. Adaptive design

Адаптивний веб-дизайн – це дизайн веб-сторінок, який забезпечує відображення сайту на різних пристроях, підключених до інтернету.

  • Вступ та основи
  • Media Query
  • LESS
  • SASS / SCSS

3b. Bootstrap

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

  • Вступ та основи
  • Верстка
  • Використання JS framework-a

3c. Foundation

Серед можливостей фреймворку: підтримка адаптивної розмітки, робота з адаптивними таблицями, формами, навігацією; містить слайдери зображень та контенту, відеовставки з популярних сервісів; підтримує роботу з формами, є набори іконок, кнопок, прогрес барів, модальних вікон тощо. Цей фреймворк використовують в своїх розробках такі популярні компанії як Mozilla, National Geographic та інші.

  • Вступ та основи
  • Верстка
  • Використання JS framework-a

4a. KnockoutJS

4b. Angularjs

  • Вступ та основи
  • Основи MVC
  • Angular MVC
  • Data Binding
  • Repeat & Filters
  • XHRs & Dependency Injection
  • Templating Links & Images
  • Routing & Multiple Views, Templating
  • Event Handlers
  • Animations
  • REST and Custom Services
  • Directives

4c. Require.Js

  • Вступ та основи
  • Застосування Require.Js в проектах

4d. Node.Js

  • Вступ та основи
  • Express
  • Модулі для роботи з файлами
  • Модулі для роботи з базами даних

4e. Ember.js

  • Вступ та основи
  • Application
  • Object Models
  • Ember MVC
  • Routing & Template
  • Components
  • Configuring Ember.js

5. Розробка проекту в команді

Студентів буде поділено на групи по 2-3 осіб. Кожна група отримає персональний макет сайту, обговорить структуру, спланує роботу та розподілить завдання між учасниками групи. Розробка буде проводитись з використанням спеціалізованих інструментів, що дозволить правильно організувати одночасну роботу команди над одним проектом та досягнути узгодженої та ефективної розробки сайту.

Результат: готовий сучасний веб-сайт з використанням сучасних Web технологій розробки; закріплення знань здобутих в процесі навчання; набуття навичок командної роботи; тестування та розміщення веб-сайту в мережі інтернет.

  • Agile, Scrum
  • Svn, Git
  • Angular Test
  • Test with mocha.js, chai.js

ЗАПИСАТИСЬ НА КУРС!

Додати коментар
При заповненні форми була допущена помилка
Невірно заповнені поля відмічені червоним.
Будь ласка, перевірте форму ще раз.
Ім'я*:
Коментар*:
не більше 1000 символів (введено: 0)
Ел. пошта*:
Перевірочний код*:
5 англійських букв:
Залишити коментар
Партнери сайту
Study3D
Study3D
Всі партнери | Стати партнером

Усі курси в Львові, а також ВНЗ в Львові, коледжі та технікуми в Львові, репетитори в Львові, тренінги в Львові, робота в Львові

Зворотній зв'язок