Курс «Front-end Developer» охоплює повний цикл створення web-проекту на стороні клієнта – від технічного завдання, розмітки сторінок до побудови клієнтської частини. Основною задачею front-end розробника є створення привабливого, зручного веб-дизайну та інтерфейсу.
Front-end Developer – це спеціаліст, який має добрі навички у побудові web додатків на стороні клієнта. Робота для Front-end Developer знайдеться завжди, тому що на ринку праці кількість вакансій перевищує чисельність фахівців. При цьому середня зарплата спеціаліста становить понад 10 тис.грн. в місяць.
Ви зможете працювати в IT-компанії, веб-студії, будь-який великій компанії (розробка та підтримка її web-сайтів) на таких позиціях:
• Front-end Developer (JavaScript/HTML/CSS);
• JavaScript developer;
• Web UI Software Engineer..
Програма навчання:
1. Верстка (HTML5, CSS3)
HTML5 і CSS 3 – нові технології у web розробці призначені для верстки сайтів.
Результат: готовий шаблон сайту (HTML+CSS) на основі макету.
- Вступ та основи Html.
- Синтаксис та елементи.
- Вступ та основи Css, Sass, Less.
- Селектори та стилі.
- Практика верстання сторінок на основі дизайнів сайтів в інтернеті.
2. JavaScript
JavaScript framework – це бібліотека класів або набір готових утиліт і функцій, які реалізують основну функціональність подібних інтерактивних сайтів, при цьому забезпечують кросбраузерну сумісність цих рішень на всіх рівнях роботи JavaScript.
- Вступ та основи.
- Змінні, типи даних, функції.
- Оператори. Цикли.
- Масиви.
- String. Робота зі стрічками, регулярні вирази.
- Object. prototype.
- Errors: try, catch, throw.
- Робота з Browser Dom.
- Робота з Html Dom.
2.1 JQuery
- Вступ та основи
- Traversing & Manipulating
- Events and Event Delegation
- Effects(Animating with jQuery)
- AJAX & Deferreds
2.2 TypeScript
- Вступ та основи
- Class
- Interface
- Inheritance
2.3 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
2.4 Ember.js
- Вступ та основи
- Application
- Object Models
- Ember MVC
- Routing & Template
- Components
- Configuring Ember.js
2.5 Require.Js
2.6 Node.Js
З.1 Adaptive design
- Вступ та основи.
- Media Query.
3.2 Bootstrap 3.
Крім адаптивної розмітки сторінки має безліч корисних функцій – робота з формами, адаптивна навігація, набір елементів інтерфейсу, набір іконок, робота з модальними вікнами, прогрес-бари, робота з LESS, та багато іншого.
- Вступ та основи.
- Верстка.
- Використання Javascript framework-a.
3.3 Foundation 5.
Серед можливостей фреймворку: підтримка адаптивної розмітки, робота з адаптивними таблицями, формами, навігацією; містить слайдери зображень та контенту, відеовставки з популярних сервісів; підтримує роботу з формами, є набори іконок, кнопок, прогрес барів, модальних вікон тощо. Цей фреймворк використовують в своїх розробках такі популярні компанії як Mozilla, National Geographic та інші
- Вступ та основи.
- Верстка.
- Використання Javascript framework-a.
Розробка проекту в команді
Студентів буде поділено на групи по 2-3 осіб. Кожна група отримає персональний макет сайту, обговорить структуру, спланує роботу та розподілить завдання між учасниками групи. Розробка буде проводитись з використанням спеціалізованих інструментів, що дозволить правильно організувати одночасну роботу команди над одним проектом та досягнути узгодженої та ефективної розробки сайту.
Результат: готовий сучасний веб-сайт з використанням сучасних Web технологій розробки; закріплення знань здобутих в процесі навчання; набуття навичок командної роботи; тестування та розміщення веб-сайту в мережі інтернет.
- Agile, Scrum
- Svn, Git
- Angular Test
- Test with mocha.js, chai.js
Інтеграція веб-додатків
- Facebook Api.
- Google Api.
- Vk Api.
Після завершення курсу «Front-end Developer» Ви професійно зможете:
- розробляти структуру проекту та реалізовувати поставлені задачі на основі технічного завдання;
- верстати web-сторінки з використанням найновіших технологій HTML5/CSS3;
- створювати веб-сторінки на стороні клієнта з використанням популярних JS фреймворків;
- будувати сторінки з використанням адаптивного дизайну;
- використовувати патерни проектування при створенні сайтів;
- застосовувати Web API популярних додатків в своїх проектах;
- тестувати додатки з використанням популярних фреймворків;
- розбиратись в чужому коді та правильно модифікувати його;
- ефективно працювати та організовувати роботу в команді.