FrontEnd Developer

Старт курсу:

14 червня, 19:00-21:00 (GMT+3)
15 червня, 09:00-11:00 (GMT+3)
15 червня, 19:00-21:00 (GMT+3)

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

Пробний урок

До початку занять залишилося:

Дні

Години

Хвилини

Секунди

Формат навчання

Live Online

Графік:

3 рази на тиждень

Тривалість:

5 міс. / 124 години

В одній групі:

Від 6 до 25 осіб

Доступ до уроків

Всі уроки записуються

HR - підтримка

Під час та після навчання

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

Новачкам

Ми почнемо вивчення верстки та програмування з нуля, з найпростіших завдань і понять. Крок за кроком ми приведемо вас до успіху і допоможемо стати спеціалістом.

Розробникам початківцям

Якщо у вас вже є базові знання та навички, наш курс допоможе вам у систематизації та поглибленні знань, а також у вивченні необхідних JS бібліотек та фреймворків.

Практикуючим IT-фахівцям

Ми допоможемо вам поглибити знання з JavaScript, вивчити TypeScript, Angular або React. Ці знання допоможуть вам стати більш затребуваним спеціалістом.

Хто такий Frontend Розробник

FrontEnd розробник - одна з найбільш популярних IT спеціальностей. В цьому курсі Ви навчитеся створювати веб-сторінки, використовуючи HTML, CSS і Bootstrap. Також, ви вивчите всі обов'язкові елементи мови JavaScript. Друга половина курсу FrontEnd буде спрямована на вивчення мови TypeScript і одного з найпопулярніших фреймворків - Angular.

Протягом курсу ви отримаєте практичні навички, виконуючи домашні завдання і працюючи з тренером, а розробляючи дипломний проект - отримаєте неоціненний практичний досвід і створите перший проект для портфоліо.

Що ви вивчите

Мови верстання HTML & CSS. HTML створює каркас сайту, а CSS – стилізує та збагачує його

JavaScript – мова програмування для створення анімацій на сайті та відповідної клієнтської логіки

Git – система контролю версій, яка є невід’ємним інструментом командного розроблення

TypeScript – розширює можливості JavaScript і вивчається разом із потужним фреймворком Angular

React – найпопулярніша FrontEnd-бібліотека для розроблення ефектних UI для веб-додатків

Літні знижки на IT-навчання з ментором – до 40%

З 6 до 13 червня ви можете заощадити 30% від повної вартості курсів з цієї спеціальності.
І можете отримати додаткову знижку у 10%, якщо оберете навчання у ранковій групі (9:00-11:00).

Щоб зафіксувати за собою знижку, треба подати заявку на курс в період акції. Кількість місць у групах обмежена!

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

HTML5, CSS3 для початківців

10 занять / 20 год.

Початковий рівень

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

1

Введення у HTML. Типи елементів та атрибути
2

Введення в CSS та визначення розмірів блоків
3

Робота з відступами, властивість margin, робота з текстом та видимістю елементів
4

Верстка з використанням Flexbox
5

Комбінування селекторів та робота з фоном, властивість background

6

Семантична верстка
7

Форми
8

Позиціювання елементів
9

Практика
10

Практика

Курс HTML5&CSS3 Стартовий складається з 10 логічно взаємопов'язаних уроків, на яких учні застосовують практично теоретичні знання технологій HTML5&CSS3 для створення простих елементів веб сторінки.

JavaScript Стартовий

7 занять / 14 год.

Початковий рівень

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

1

Введення до JavaScript. Змінні та типи даних
2

Строки та оператори
3

Логічні структури
4

Масиви та цикли
5

Функції

6

Об`єкти
7

Практика

JavaScript ("джаваскрипт") - це скриптова мова програмування, яка використовується у створенні клієнтської сторони веб-сайту з метою "оживлення" сторінки і додавання їй інтерактивності. Також її застосовують на серверній стороні для роботи з базою даних та програмною логікою. Настільки широка сфера використання цієї мови говорить про її затребуваність на IT-ринку. Курс "JavaScript Стартовий" - відмінний вибір для розробників-початківців, які володіють основами HTML та CSS. Він допоможе з нуля опанувати мову JS на базовому рівні. Заняття проводять сертифіковані викладачі, які зрозуміло пояснюють весь навчальний матеріал, супроводжуючи його легкими для сприйняття практичними прикладами. Завершивши навчання, ви зможете створювати прості програми за допомогою JavaScript, які після вивчення поглибленого курсу можна буде доповнити більш складною логікою.

Основи Git

3 занять / 6 год.

Початковий рівень

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

1

Основи Git
2

Публікація репозиторію
3

Інтеграція з IDE

Розподілена система контролю версій Git вже давно займає лідируючу позицію серед подібних інструментів оперування проектами. На сьогоднішній день її застосування у командній розробці стало своєрідним стандартом.

JavaScript Базовий

18 занять / 36 год.

Базовий рівень

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

1

Пошук елементів та DOM дерево
2

Зміна DOM дерева. CSS стилі
3

Події. Частина 1
4

Події. Частина 2
5

Події. Частина 3
6

Функції-конструктори
7

Класи
8

Класи. Наслідування
9

Контекст функції

10

Замикання
11

Форми і елементи управління
12

Перевірка даних форми
13

Cookies і Web Storage
14

Обробка виключень
15

Асинхронний код. Promise
16

Мережеві запити
17

Практичне заняття
18

Практичне заняття

Вивчення курсу JavaScript Базовий передбачає наявність початкових знань і умінь, які відповідають програмі курсу JavaScript Стартовий. На курсі JavaScript Базовий ви зможете детально вивчити семантику та особливості роботи з конструкціями мови JavaScript.

HTML5 та CSS3 Advanced

9 занять / 18 год.

Поглиблений рівень

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

1

Принципи побудови розмітки, Flex, Grid, Шаблони сайтів
2

Мікродані і користувацькі дані.
3

WebWorker. Audio, Video
4

Робота з графікою на стороні клієнта
5

Canvas

6

Анімація та градієнти
7

Sass основи
8

Практика
9

Практика

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

Далі ви можете обрати один із двох шляхів

React Essential

15 занять / 30 год.

Шлях 1

15 занять / 30 год.

Шлях 1

Поглиблений рівень

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

1

Вступ до React
2

JSX у React
3

Основи React
4

Стан та життєвий цикл
5

Форми
6

Стилізація у React
7

Створення списку заміток
8

Hooks

9

Введення в роутинг
10

Створення сторінки помилки
11

Створення Модального вікна
12

Оптиимізація та продуктивність React додатків
13

Практика
14

Практика
15

Практика

На цьому курсі учні напишуть невеликий додаток за допомогою React, навчаться розбивати його на логічні частини та компоненти, попрактикуються в написанні стилів разом із CSS Modules, а також познайомляться з основними концепціями написання додатку за допомогою цієї платформи. React — дуже популярний JavaScript фреймворк, який застосовується в побудові користувацьких інтерфейсів веб-додатків. Головна особливість цієї платформи — компонентно-орієнтований підхід, котрий дозволяє перевикористовувати код, що підвищує загальну гнучкість написання додатків. Курс із "React Essential" призначений як для початківців, які тільки відкривають для себе JS фреймворки, так і для професіоналів, які бажають опанувати нову технологію. Що на Вас чекає? У ході навчання Ви опануєте базові речі: напишете перший компонент, розберете його стани та життєвий цикл, дізнаєтесь, як використовувати події. Розібравшись із основами бібліотеки, попрацюєте з формами, опануєте стилізацію, познайомитеся з роутингом, виконаєте верстання списку нотатків, навчитеся створювати сторінку помилки та Модальне вікно. Під кінець навчання реалізуєте повноцінний веб-додаток. Курси проходять у Києві. Облаштовані навчальні аудиторії забезпечують максимально продуктивний процес навчання. Також Ви можете пройти курс онлайн, підключаючись до групи через Zoom. Після завершення курсу Ви зможете використовувати React для створення нескладних односторінкових додатків (SPA).

TypeScript Fundamentals

5 занять / 10 год.

Шлях 2

5 занять / 10 год.

Шлях 2

Базовий рівень

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

1

Введення. Змінні та функції
2

Класи і інтерфейси
3

Generics
4

Модулі і простору імен
5

Практика

TypeScript - мова програмування для розробки веб додатків, який є суперсетом JavaScript і відрізняється більш строгими правилами і типізацією. Багато сучасних фреймворки використовують TypeScript. Якщо ви збираєтеся вивчати Angular або інший схожий інструмент, то цей курс для вас. В цьому курсі Ви дізнаєтеся все, що необхідно для початку використання цієї мови програмування. Протягом 5 уроків, Ви навчитеся користуватися інструментами для розробки і компіляції коду і освоїте синтаксичні конструкції, які є в TypeScript.

Angular

10 занять / 20 год.

Шлях 2

10 занять / 20 год.

Шлях 2

Базовий рівень

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

1

Введення до Angular
2

Події та датабайдинг
3

Директиви, пайпи. Роль модулів Angular
4

Компоненти та їх робота
5

Основи роботи сервісів та їх роль у додатку

6

Введення у HttpClient та RxJS
7

Форми в Ангуляр
8

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

Практичне заняття
10

Практичне заняття

Angular — популярний JavaScript фреймворк, який використовується для створення односторінкових додатків (Single Page Applications) з єдиним інтерфейсом. На виході розробник отримує ефективний веб-додаток з кодом, який легко читати та підтримувати. Кожна нова версія Angular відрізняється від попередніх кращою продуктивністю, більшою зручністю розробки, а також новими можливостями. Відповідно до виходу нових версій оновлюється програма навчання і практичні приклади.

Як проходить навчання

Є чимало різних форм онлайн навчання. Ми експериментували з ними і обрали найбільш ефективний – регулярні «живі» заняття групи студентів із ментором з використання програми Zoom та телеграм чату в позаурочний час.

Чому це ефективно? Адже можна було б просто дати студентам для самостійного вивчення нового матеріалу відео урок, записаний раніше. Але, як показує практика, у початківців виникає дуже багато запитань, вони різні і часто непередбачувані і відповідати на них бажано одразу.

На наших уроках ви можете показати ментору ваш екран з кодом, якщо потрібно прокоментувати його чи знайти помилку, ви можете спілкуватися у текстовому чаті чи голосом – як вам зручніше.

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

Кожен урок записується і студент має можливість переглянути запис у разі потреби.

Добірка відео курсів від ITVDN у подарунок

28 відеокурсів

Доступ на 5 міс.

Навчальні матеріали

28 тестів і сертифікатів

Сайт піцерії Особисте резюме

Проект містить інформацію про студента, його цілі, освіту, досвід роботи, контакти і т. д. Це односторінковий сайт з адаптивною версткою.

Веб-додаток реалізовано як SPA і він складається з розділів - каталог, корзина, панель адміністрування. Товар можна фільтрувати за кількома параметрами, додати до кошику. Реалізований функціонал адміністрування каталогу товарів та бази клієнтів.

Сайт піцерії Прогноз погоди

Додаток показує поточну погоду по трьом містам: Київ, Лондон, Нью Йорк з можливістю перемикати налаштування виводу температури в градусах Цельсія або за Фаренгейтом.

Сайт піцерії

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

Сайт піцерії Інтернет магазин

Ваші сертифікати і диплом

Програма отримання досвіду

Після навчання ви можете стати учасником Програми отримання досвіду. Протягом 1,5-2 місяців ви будете працювати з іншими розробниками над вирішенням реальних комерційних завдань. Так ви підготуєтеся до роботи в IT компанії і отримаєте відповідні рекомендації для успішного працевлаштування.

Робота в реальному комерційному проекті.
Використання гнучких технологій розробки (Git, TFS).
Розуміння принципів проектної роботи, розподілу ролей і завдань в команді. Agile, Scrum, Trello.
Робота з наставником. Виявлення слабких місць і отримання додаткових знань.
Навички ведення проектної документації, ділового листування.
Підтверджений досвід, рекомендації та допомога у працевлаштуванні.

Про програму

Відгуки наших студентів

Мирослав Рогаченко

Спасибо CyberBionic Systematics за интенсивное и интересное обучение, за постоянную поддержку со стороны тренеров и ментора. Курс был насыщен полезной и актуальной информацией, для себя узнал много нового и разобрался со сложными вещами, которые нелегко воспринимались.

Владислав Коломиец

Специальность Frontend нужна была для работы. Учебный центр посоветовал друг. Учёба была сложной для меня, поскольку теории было больше, чем практики, а мне тяжело запоминать новый материал в таком объеме. Во всяком случае, я теперь лучше разбираюсь в программировании сайтов, изучив HTML5, CSS3, JS, TS, SASS, Angular. Теперь без проблем могу верстать лендинги. Тренер хорошо объясняет материал, и в случае, если мне было что-то непонятно, помогал даже в нерабочее время.

Богдан Карзюк

Отличный курс. Всё четко и по делу. Никакой лишней информации. Прекрасные менторы и сам центр. Всем советую.

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

З першого дня навчання з вами буде працювати HR менеджер - консультант з питань кар'єри. Він допоможе вам визначити ваші цілі, спираючись на наявний досвід і знання, допоможе скласти резюме і організувати тестові співбесіди, коли ви будете готові до них.

Проведення екскурсій в IT компанії та зустрічей з фахівцями цих компаній.
Проведення екскурсій в IT компанії та зустрічей з фахівцями цих компаній.
Допомога в складанні резюме спеціаліста.
Рекомендації з оформлення соціальних профілів (LinkedIn, Facebook)
Програма отримання досвіду. Організація стажувань і пошук вакансій в компаніях-партнерах.
Телеграм канал: дайджести подій та спеціальні пропозиції партнерів.

Детальніше

ВИКЛАДАЧІ КУРСУ

Олександр Гончаренко

Web Frontend Developer. Сертифікований спеціаліст MCSA

Віталій Мазяр

Web Frontend Developer. Тренер – консультант. Сертифікований тренер Microsoft. Автор відео курсів на ITVDN

Олексій Татаренков

FrontEnd Developer, тренер-консультант в CyberBionic Systematics

Вартість курсу

UAH

USD

EUR

820

USD

Ви можете оплатити 5 платежами

5 x 164 USD

Оплатити зараз

Знижка 10%

738

USD

Ви заощаджуєте 82 USD

Ви можете оплатити 3 платежами

3 x 246 USD

Оплатити зараз

Знижка 30%

574

USD

Ви заощаджуєте 246 USD

Ви можете оплатити 1 платежем

1 x 574 USD

Оплатити зараз

Можливі варіанти оплати

Оплата частинами (від 2-х до 5-х на вибір). Без додаткової комісії.

Оплата частинами (від 3-х до 6-ти на вибір). Без додаткової комісії.

Оплата картою

Безкоштовні ключі на софт від JetBrains

Для студентів CyberBionic Systematics наші партнери надають можливість отримати безкоштовні ліцензії для навчання програмуванню за допомогою професійних інструментів для розробників IDE JetBrains.

Детальніше

Компанії, в яких працюють наші студенти

Про українські та міжнародні групи

Про українські групи

Навчальний центр CyberBionic Systematics заснований в Україні, то ж не дивно, що і більшість студентів, які тут навчаються – з України. Ми здійснюємо навчання українською мовою і графік занять максимально адаптований до наших реалій. Тож, якщо ви з України і хочете навчатися українською мовою, то вкажіть це у заявці на курс.

Якщо вам легше сприймати нові знання російською чи англійською, ви можете записатися у міжнародну групу.

Про міжнародні групи

Серед студентів CyberBionic Systematics є громадяни понад 30 країн світу. Навчання у міжнародних групах здійснюється російською або англійською мовами, залежно від побажань студентів. Графік навчання у міжнародній групі також може бути змінений з урахуванням побажань студентів групи.

Від 24 лютого 2022 року ми не надаємо послуг громадянам росії та білорусі.

Дні

Години

Хвилини

Секунди

Будь ласка зачекайте...

Ваша заявка прийнята! Менеджер навчального центру зв'яжеться з Вами найближчим часом.

Відповіді на типові запитання

1

Що потрібно, щоб почати навчання? Щоб почати навчання, ознайомитися з програмою курсу, який Вас цікавить, відправити заявку, здійснити оплату і прийти на заняття. Навчання в CyberBionic Systematics будується за принципом «від простого до складного». Тому на початку навчання важливо правильно визначити Ваш базовий рівень. Для самостійного визначення рівня знань Ви можете скористатися ресурсом Testprovider.
2

Як вибрати спеціальність? У CyberBionic Systematics ви можете пройти навчання по таких популярних спеціальностях, як Java Developer, C#/.NET Developer, FrontEnd Developer, Python Developer. Саме за цими напрямками Ви знайдете найбільшу кількість вакансій в IT компаніях. Про особливості навчання і роботи за цими спеціальностями Ви можете дізнатися, переглянувши записи вебінарів з серії «Як стати програмістом?» за тими напрямками, які Вас цікавлять або записатися на безкоштовну консультацію щодо вибору спеціальності.
3

Чи підійдуть мені ваші курси, якщо я нічого не розумію в програмуванні? Всі програми навчання за спеціальностями починаються з вивчення найпростіших понять і підходять для новачків.
4

Я не зовсім новачок. Чи можу я почати навчання на більш високому рівні? Ви можете вибрати в нашому каталозі курс того рівня складності, який відповідає вашим потребам. Оформіть заявку на курс і менеджери зв'яжуться з вами для уточнення деталей.
5

Який графік занять? Навчання проходить три рази в тиждень по 2 години. Є ранкові (з 9:00 до 11:00), денні (11:30 - 13:30, 16:30 - 18:30) та вечірні групи (19:00 - 21:00). Якщо ваша група навчається за графіком вт-чт-сб, то час занять по суботах узгоджується зі студентами групи.
6

Що таке on-line навчання? Для студентів з інших міст і країн ми пропонуємо скористатися формою навчання on-line. Графік занять три рази на тиждень по 2 години. Ви будете підключатися до міні-групи, яка займається стаціонарно в навчальному центрі. У вас буде можливість спілкування з тренером, розшарювання екрану, перевірка домашніх завдань. Для онлайн навчання вам знадобиться комп'ютер зі спеціальним програмним забезпеченням і стабільне підключення до Інтернету. Детальніше.
7

Що таке відео навчання? Проходячи очне або онлайн навчання в CyberBionic Systematics, ви отримуєте в подарунок доступ до відео уроків по курсу, який вивчаєте або до пакету курсів, якщо проходите навчання за фахом. Відео курси дозволять вам повторно переглядати матеріал уроку. Також в разі пропуску занять ви зможете надолужити згаяне, пройшовши урок самостійно по відео.
8

Як можна ознайомитися з повним розкладом курсів? Розклад курсів регулярно оновлюється на сторінці Розклад. Якщо Ви не знайшли потрібний тренінг в розкладі, подайте заявку на новий курс, заповнивши дану форму , або зв'яжіться з нашим менеджером за телефоном 0 800 750 312. З Вами обов'язково зв'яжуться, як тільки курс буде додано до розкладу.
9

Як обладнані Ваші навчальні аудиторії? Заняття проходять в добре обладнаних сучасних аудиторіях. Зручні офісні меблі, сучасні ноутбуки з ліцензійним програмним забезпеченням, проектори, фліпчарти та маркерні дошки, кондиціонери, кулери з питною водою. У перерві між заняттями студенти мають можливість випити чашечку чаю або кави. У нас зручно, красиво і затишно.
10

Чи можна приходити на заняття зі своїм ноутбуком? Так, Ви можете відвідувати заняття з особистим ноутбуком. На вашому ноутбуці має бути встановлено програмне забезпечення, необхідне для проведення навчання за обраною вами спеціальністю: Java: JDK 8+ (засіб для розробки), Intellij Idea Community (середовище розробки). FrontEnd: Visual Studio Community або Visual Studio Code (з розширеннями Open in Browser і Live Server). Python: Visual Studio (з інтерпретатором Python) або PyCharm (з інтерпретатором Python) - середовище розробки. C #: Visual Studio Community 2017.Прі установці Visual Studio Community 2017 Вам потрібно вибрати наступні компоненти: -.NET desktop development.
11

Які документи видаються після проходження курсів? По завершенню курсу в разі успішного проходження тестування Ви отримуєте сертифікат CyberBionic Systematics. Після проходження всіх обов'язкових курсів, що входять до складу певної спеціальності, Ви отримуєте диплом спеціаліста із зазначенням всіх пройдених Вами курсів.
12

Як проводиться перевірка знань? Кожному студенту, який починає навчання, відкривається доступ до тестування по курсу, що вивчається на 40 днів. Після кожного заняття студенти проходять тестування, щоб зрозуміти, наскільки засвоєний матеріал. Після закінчення навчання проводиться підсумкове тестування по всій програмі курсу, на основі якого формується Сертифікат. Також в кожному уроці є домашні завдання для закріплення пройденого матеріалу.
13

Як ви допомагаєте студентам з працевлаштуванням? Навчальний центр CyberBionic Systematics співпрацює з багатьма IT компаніями і рекомендує своїх випускників, які пройшли повне навчання за фахом і здали успішно фінальні тести.
14

Чи можна організувати навчання співробітників в окремій групі? Навчання співробітників Замовника в спецгрупі відрізняється від навчання в планових групах тим, що в групі вчаться тільки співробітники Замовника. Програма курсу може бути адаптована під потреби Замовника. Навчання може бути проведено в дати, зручні Замовнику, як в аудиторіях Навчального Центру, так і на території замовника. Дізнатися більше про програми корпоративного навчання і залишити заявку на навчання співробітників .
15

Коли потрібно оплатити навчання? Кількість місць в групі обмежена. Передоплата є гарантією того, що для вас буде заброньовано місце в групі. Тому ми рекомендуємо вносити передоплату до початку занять.
16

Які є форми оплати за навчання? Ви можете здійснити оплату готівкою, безготівковим способом або за допомогою платіжної картки Visa або Mastercard. Детальніше.
17

Чи можна оплатити навчання частинами або оформити розстрочку? Ви можете оплатити частинами без додаткової комісії через ПриватБанк (від 2-х до 4-х частин на вибір) та Монобанк (від 3-х до 5-ти частин на вибір). Детальніше.
18

Чи можна отримати рахунок-фактуру після оплати, але до початку навчання?
Що для цього необхідно? Всі питання, пов'я зані з оформленням платіжних документів бажано узгодити до початку навчання, звернувшись до клієнт-менеджерів за номером 0 800 750 312.