frontend

від початку до працевлаштування

курс frontend developer

гарантія працевлаштування

кращого курсу по frontend ще не було

Що ви опануєте?

html / css

javascript

react

react

typescript

angular

github

github

web

роботодавці задоволені

нашими випускниками

В OKTEN найбільша кількість відео відгуків від працевлаштованих випускників в Україні (300+), а також ми єдині, хто має відео відгуки роботодавців про своїх випускників.

Відгук Binariks про випускників Okten

Відгук INCORA про випускників Okten

Відгук Rolique про випускників Okten

Відгук Loonar про випускників Okten

партнери
owu

Довіряєте казкам

про заняття 2 рази на тиждень?

Наші студенти навчаються 6 (шість) разів на тиждень. Вивчають в 2-3 рази більше технологій ніж те, що пропонують конкуренти, а також вчать англійську, яка вже є в нашому курсі. Отже кого візмуть на роботу швидше? Вірно! Нашого випускника! Адже він вже підготовлений до роботи на всі 100%.

javascript complex

курс
frontend

наш Курс складається з :

6 занять в тиждень

Заняття з англійської мови

Стажування в ІТ-компанії

Випускний проект

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

600

Опануй fontend за 4 - 9 місяців

• HTML/CSS.
  Вступ до HTML та знайомство з CSS

  Способи створення сторінок, основні теги, способи приєднання стилів.

  Блочні елементи та способи їх розташування на сторінці

  Побудова блочних елементів, властивості для зміни розташування елементів на сторінці.

  Селектори в CSS

  Способи звернення до елементів. Різноманіття селекторів.

  Події CSS

  Способи побудови подій в CSS. Область впливу події, та способи її використання.

  Таблиці

  Створення та використання таблиць. Недоліки табличної верстки.

  Flexbox

  Викорситання властивості flexbox для розташування блочних елементів на сторінці.

  Анімації

  Створення анімаційних функцій, доцільність їх використання.

  Кроссбраузерна верстка

  Варіанти оголошення та опису кроссбраузерних властивостей.

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

  Побудова адаптивних сторінок та можливості оптимізації під час розробки.

  CSS Framewroks. Bootstrap. PureCSS

  Підключення та використання фреймворків bootstrap & pureCSS.
• JavaScript.
  Введення в JavaScript

  Знайомство з мовою JavaScript, її основні переваги, змінні та оператори.

  Цикли та масиви

  Використання циклів та масивів в JavaScript та їх відмінність у порівнянні з Java.

  Функції в JavaScript

  Побудова та використання функцій в JavaScript, їх переваги та недоліки в порівнянні з методами в Java.

  Об'єкти в JavaScript

  Способи побудови та використання об'єктів в JavaScript. Поведінки об'єктів та їх використання. Способи побудови об'єктів засобами ES6.

  Об'єктна модель документа (DOM - document object model)

  Обробка та використання DOM структури для динамічної зміни контенту на стороні клієнта.

  Події в JavaScript

  Побудова, обробка та використання подій (click, move і тд.) в JavaScript.

  Асинхронність в JavaScript

  Побудова асинхронного коду. Використання Promise, async, await для обробки асинхронного коду.

  jQuery, _dash, та інші цікаві бібліотеки

  Знайомство з різноманітними цікавими бібліотеками (jQuery, _dash, select2 та інші). Способи їхнього застосування.
• Database. MySQL.
  MySQL. Встановлення. Переваги та недоліки.

  Встановлення MySQL server та MySQL Workbench.

  Базові операції MySQL

  Свторення бази даних, створення таблиці, заповнення таблиць інформацією.

  Відношення між таблицями та нормальні форми баз даних

  Способи побудови відношень між таблицями, та їх форми.

  Об'єднання таблиць та каскадні операції

  Каскадні операції, об'єднання таблиць, маніпуляції з кортежами.

  Індексація атрибутів

  Способи створення різноманітних індексів, доцільність їх використання.
• Database. MongoDB.
  MongoDB. Знайомство

  Встановлення MongoDB server та Compas.

  Базові операції

  Створення бази даних, створення таблиці, заповнення колекцій інформацією.

  Відношення в MongDB

  Способи побудови відношень між таблицями. Переваги та недоліки побудови реляційної моделі в нереляційних базах даних.

  Агрегації та внутрішні посилання

  Агрегатні операції, об'єднання колекцій, маніпуляції з документами.

  Індексація документів

  Варіанти побудови індексів та доцільність їх використання.
• TypeScript.
  Типи

  Використання TypeScript як строго типізованої обгортки JavaScript. Використання різноманітних типів.

  Функції

  Варіанти створення та використання функцій в TypeScript. Різновиди функцій. Переваги та недоліки.

  Класи

  Клас як власний тип. Побудова та використання класу. Різновиди класів.

  Інтерфейси

  Інтерфейс як контракт. Побудова та використання інтерфейсів.

  Generics

  Способи узагальнення полів в середені класу.

  Enums

  Перечислення та моменти їх використання.

  Modules

  Модулі в TypeScript, побудова та доцільність використання.

  Namespaces

  Простори імен в TypeScript, побудова та доцільність використання.
• Vue.JS.
  Знайомство з Vue.JS

  Встановлення Vue.js та підключення до сторінки.

  Створення компонентів

  Способи створення компонентів та їх використання.

  Bindings

  Способи передачі інформації в компоненти.

  Стандартні директиви

  Стандартні директиви Vue.JS та способи їх використання.

  Способи стилізування

  Способи стилізування компонентів Vue.JS.
• Angular.
  Angular Starter. AngularCLI

  Створення початкового проекту за допомоги Angular CLI. Комунікація між змінними та компонентами.

  Комунікація між компонентами

  Комунікація між компонентами. Способи комунікації між компонентами. Декоратори @Input @Output.

  Pipe

  Репрезентація інформації. Використання pipe-конструкцій для відображення інформації. Створення власних pipes.

  Directives and Advanced Components

  Способи створення власних директив та поглиблена робота з компонентами.

  Побудова сервісів

  Створення сервісного рівня для отримання даних з різних API.

  Dependency Injection

  Впровадження залежностей. Використання принципу Dependency Injection та його розуміння.

  Routes

  Машрутизація та передача параметрів між компонентами.

  Modules. Lazy Loading

  Модульна система та лінива загрузка модулів.
• React.
  Компоненти та їх різновиди

  State та State lifting ,Props та Props Drilling

  Обробка подій т форми

  Маршрутизація

  Методи життєвого циклу

  Робота зі сторонніми API

  Хуки в функціональних компонентах

  Context API

  Redux & Redux Middleware
• Ionic.
  Знайомство з IONIC 3

  Встановлення. Ознайомлення з архітектурою проекту.

  Навігація

  Способи навігації з використанняи menu, tabs. Розуміння simple stack.

  Ionic Components

  Ознайомлення з стандартними компонентами.

  Ionic SCSS

  Стилізування компонентів ionic.

  Ionic Native

  Створення сервісного рівня для отримання даних з різних API.
• DevOps Tools & Services.
  Docker

  Викорситання Docker та створення docker-контейнерів для мікросервісної архітектури.

  Amazon Web Services

  Розгортання проекту на екземплярах AWS.
• Стажування.
  Проходження 5-місячної практики

  Проходження 5-місячної практики та створення власного або командного проекту під наглядом менторів. Практика доступна всім, хто обрав курс "Базовий +Стажування".

FrontEnd

Випускні проекти

Приклади проектів за допомоги яких наші випускники влаштувались на омріяну роботу. Всі вони мають backend та frontend частини, а також мобільні додатки. Саме цей стек і вимагають майбутні роботодавці.

записатись

Навчайся зараз, сплачуй потім

Розтермінування до 24 місяців

Студенти, які досягли 21 року можуть оформити кредит на навчання в банках-партнерах строком до 24 місяців. Інвестуйте в своє майбутнє на вигідних умовах. Ми допоможемо з оформленням.

чому варто обрати OKTEN?

репутація

Okten School має найкращу на ринку України репутацію. Впродовж останніх п'яти років компанія стала найкращими курсами на ринку.

Працевлаштування

Ми дійсно працевлаштовуємо наших випускників, а не просто говоримо про можливості. Нам не все одно на ваше майбутнє.

Позитивні відгуки

Ми маємо найбільшу кількість відгуків в Україні, і в першу чергу - більше 300 відео відгуків від працевлаштованих випускників.

найбільший об'єм

Навчання 6 разів на тиждень, а не 2 як в інших. Заняття з англійської мови вже включені в курс. Об'єм курсу до 600 годин!

Доведені результати

Більше 800 працевлаштованих випускників, та більше 300 відео відгуків від тих, хто в нас вчився, а нині працює розробником.

Найбільша програма

Коли інші вчать 1 мову, фреймворк або платформу ми вчимо дві!. Саме тому наші випускники мають суттєву перевагу над випускниками інших шкіл.

Стаціонар

Minimal

200 годин

4 місяців

12 годин в тиждень

Розтермінування до 24 міс.

Безкоштовне повторне проходження курсу

Курс у подарунок

Англійська мова

Особистий ментор

Стажування

20 000 грн

12 500 грн

4 вільних місць

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

Pro

200 годин

4 місяців

12 годин в тиждень

Розтермінування до 24 міс.

Безкоштовне повторне проходження курсу

Курс у подарунок

Англійська мова

Особистий ментор

Стажування

22 000 грн

16 500 грн

3 вільних місць

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

Premium

600+ годин

8 місяців

12 годин в тиждень

Розтермінування до 24 міс.

Безкоштовне повторне проходження курсу

Курс у подарунок

Англійська мова

Особистий ментор

Стажування

39 500 грн

22 900 грн

2 вільних місця

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

Індивідуальний

Об'єм, навантаження, тривалість визначаються індивідуально для кожного студента його персональним ментором.

100 000 грн

51 000 грн

1 вільне місце

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

Онлайн

Minimal

200+ годин

4 місяців

12 годин в тиждень

Розтермінування до 24 міс.

Безкоштовне повторне проходження курсу

Курс у подарунок

Англійська мова

Особистий ментор

Стажування

17 000 грн

12 000 грн

4 вільних місця

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

Pro

200+ годин

4 місяців

12 годин в тиждень

Розтермінування до 24 міс.

Безкоштовне повторне проходження курсу

Курс у подарунок

Англійська мова

Особистий ментор

Стажування

22 000 грн

16 000 грн

3 вільних місця

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

Premium

600+ годин

8 місяців

12 годин в тиждень

Розтермінування до 24 міс.

Безкоштовне повторне проходження курсу

Курс у подарунок

Англійська мова

Особистий ментор

Стажування

39 500 грн

22 500 грн

4 вільних місця

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

Індивідуальний

Індивідуальне навчання з особистим ментором.

100 000 грн

51 000 грн

1 вільне місце

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

cтаціонар

онлайн

Стаціонар

Minimal

200+ годин

4 місяців

12 годин в тиждень

Розтермінування до 24 міс.

Безкоштовне повторне проходження курсу

Курс у подарунок

Англійська мова

Особистий ментор.

Стажування

20 000 грн

12 500 грн

4 вільних місця

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

Pro

200+ годин

4 місяців

12 годин в тиждень

Розтермінування до 24 міс.

Безкоштовне повторне проходження курсу

Курс у подарунок

Англійська мова

Особистий ментор.

Стажування

22 000 грн

16 500 грн

3 вільних місця

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

Premium

600+ годин

8 місяців

12 годин в тиждень

Розтермінування до 24 міс.

Безкоштовне повторне проходження курсу

Курс у подарунок

Англійська мова

Особистий ментор.

Стажування

39 500 грн

22 900 грн

2 вільних місця

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

Індивідуальний

Індивідуальне навчання з особистим ментором

100 000 грн

51 000 грн

1 вільне місце

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

online курси

Minimal

200годин

4 місяців

12 годин в тиждень

Розтермінування до 24 міс.

Безкоштовне повторне проходження курсу

Курс у подарунок

Англійська мова

Особистий ментор.

Стажування

17 000 грн

12 000 грн

4 вільних місця

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

Pro

200годин

4 місяців

12 годин в тиждень

Розтермінування до 24 міс.

Безкоштовне повторне проходження курсу

Курс у подарунок

Англійська мова

Особистий ментор.

Стажування

22 000 грн

16 000 грн

3 вільних місця

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

Premium

600 годин

8 місяців

12 годин в тиждень

Розтермінування до 24 міс.

Безкоштовне повторне проходження курсу

Курс у подарунок

Англійська мова

Особистий ментор.

Стажування

39 500 грн

22 500 грн

4 вільних місця

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

Індивідуальний

Індивідуальне навчання з особистим ментором.

100 000 грн

51 000 грн

1 вільне місце

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