Курс з оплатою після працевлаштування
Full-Stack LEAP

Basic level

alarm-clock занять

spiral-calendar занять на тиждень

rocket старт

За тиждень записалося

Залишилося

Цікавить інший формат?

Full-Stack — JavaScript Full-Stack — JavaScript

Навчайся зараз — сплачуй після працевлаштування

На курсі Full-Stack ти зможеш швидко опанувати навички розробки мовою JavaScript як з клієнтського, так і серверного боку (Front-end і Back-end) з можливістю оплатити навчання лише після працевлаштування.

Завдяки детальним урокам і практичним проєктам ти навчишся працювати з Node.js, Express та React, розробляти повноцінні вебзастосунки з нуля, а також створювати і використовувати RESTful API.

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

Цілі курсу

  • Освоїти повний цикл розробки веб-додатків на JavaScript з нуля.
  • Зрозуміти основи клієнтської та серверної розробки з використанням Node.js, Express та React.
  • Ознайомитися з інструментами та бібліотеками, популярними серед Full-Stack розробників.
  • Навчитися створювати та використовувати RESTful API для побудови масштабованих вебзастосунків.
  • Набути навичок роботи з базами даних на прикладі MongoDB, здатних вирішувати реальні задачі

Необхідно пройти тест для перевірки знань

grinning-face

Вступний тест складається з двох частин. Після успішного виконання тесту з англійської ти отримаєш лист із практичним завданням.

Вивчаємо такі технології

  • React

    React

  • Node.js

    Node.js

  • expressjs

    expressjs

  • JavaScript

    JavaScript

  • MongoDB

    MongoDB

  • HTML5

    HTML5

  • CSS

    CSS

  • Git

    Git

  • Github

    Github

  • DOM

    DOM

  • TypeScript

    TypeScript

Програма онлайн-курсу
Full-Stack LEAP

alarm-clock 140 занять
Друк

  • Вступ. Встановлення необхідного ПЗ

    • Знайомство та план курсу
    • Типи файлів
    • Браузер
    • Мови програмування
    • Редактори коду

  • HTML

    • Структура HTML-документу
    • Теги, атрибути тегів
    • Розмітка тексту за допомогою HTML
    • Посилання, списки, таблиці
    • Зображення. Формати зображень
    • Форми
    • Медіа (video, audio). Iframe
    • Теги-орієнтири (header, main, aside, nav, section, article)

  • Git. Github

  • CSS

    • Каскадність. Спадкування
    • Підключення CSS
    • Рідні стилі. Normalize.css Reset.css
    • Селектори
    • Стилізація тексту, шрифти
    • Блокова модель
    • Float. Float layout. Clearfix
    • Position
    • Псевдокласи. Псевдоелементи
    • Flexbox. Flexbox layou
    • CSS Grid. Grid layout
    • CSS препроцесори, фреймворки, методології

  • Просунута робота з графікою

    • SVG
    • SVG спрайти
    • Іконочні шрифти
    • Адаптивна графіка. Тег picture
    • Оптимізація графіки

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

    • Viewport. @media
    • Одиниці вимірювання vh, vw, vmin, vmax, rem
    • Знайомство з концепцією Responsive Web Design
    • Mobile-first/Desktop-first
    • Оптимізація сторінки

  • Семантика і доступність

    • Семантична розмітка
    • Доступність для користувача інтерфейсів

  • CSS анімації

    • Transform
    • Transition
    • Filter
    • Animation

  • Знайомство з JS

    • Знайомство та план курсу
    • Введення в технологію веб-розробки
    • Підключення скриптів, перший запуск програми
    • Взаємодія з користувачем через примітивні функції
    • Git, Github

  • Змінні та оператори

    • Коментарі
    • Оголошення змінних
    • Сплив змінних
    • Порівняння var, let, const
    • Типи даних
    • Оператори

  • Умовні конструкції

    • Умовна конструкція if/else if/else
    • Умовна конструкція switch
    • Тернарний оператор
    • Практика

  • Цикли

    • Введення в цикли
    • Види циклів
    • Цикли while, do…while, for
    • Інструкції break та continue
    • Вкладені цикли
    • Нескінчені цикли
    • Практика

  • Масиви

    • Основи роботи з масивами
    • Варіанти створення масивів
    • Методи для роботи з масивами
    • Перебір масів за допомогою циклів for, for…in, for…of
    • Видалення елементів з масиву
    • Створення простих об’єктів
    • Практика

  • Основи функцій

    • Основи роботи з функціями
    • Варіанти створення функцій
    • Параметри функцій, значення за замовчуванням
    • Область видимості функції
    • Передача параметрів у функцію за значенням та за посиланням
    • Повернення значення з функції
    • Замикання
    • Лексична область видимості
    • Рекурсія

  • Контекст виконання функції

    • Глобальний об’єкт window
    • Функціональний контекст
    • Функції в об’єктах — методи
    • Методи підміни контексту
    • Стрілочні функції та іх відмінності від звичайних

  • Функції

    • Функція-колбек
    • Функція вищого порядку
    • Перебор масивів за допомогою методів forEach, find, map, filter, reduce

  • DOM

    • Що таке DOM?
    • Отримання існуючих DOM-елементів
    • Динамічне створення та видалення нових DOM-елементів
    • Керування атрібутами та вмістом DOM-елементів
    • Можливі події
    • Додавання обробників подій DOM-елементів

  • Events

    • Фази обробки подій
    • Делегування подій
    • Об’єкт event та його методи
    • BOM-об’єкти

  • Робота з формами

    • Основні елементи-керування
    • Базові навички динамічної роботи з елементами керування
    • Валідація отриманих даних від користувача

  • WebStorages

    • Cookies
    • LocalStorage
    • SessionStorage
    • Практика

  • Регулярні вирази

    • Створення регулярного вираза
    • Робота з регулярними виразами за допомогою методів
    • Модифікатори регулярних виразів
    • Структура шаблонів. Метасимволи. Дужки. Квантифікатори

  • Бібліотеки та фреймворки

    • Огляд популярних бібліотек та фреймворків
    • Встановлення бібліотек за допомогою NPM
    • Приклади роботи з розповсюдженими бібліотеками

  • Асінхронне виконання коду

    • EventLoop
    • Функції відкладеного виконання коду

  • ESNext

    • EcmaScript
    • Babel
    • Spread & Rest оператори
    • Деструктурізація масивів та об’єктів
    • Оператор Nullish coalescing
    • Оператор Optional chaining
    • Інші найновіші оператори

  • HTTP

    • Огляд клієнт-серверної архітектури
    • Що такое протокол HTTP та як він працює
    • Огляд технології Ajax
    • Методи роботи з сервером по технології Ajax
    • Приклади відкритих API
    • Технологія WebSockets

  • Promise

    • Вступ до Promise
    • Стан Promise
    • Обробка Promise за допомогою методів then, catch, finally
    • Одночасна обробка кількох Promise
    • Livecoding

  • ООП

    • Основні поняття ООП
    • Фунції-конструктори
    • Прототипне успадкування
    • Створення об’єкту з певним прототипом
    • Створення сутностей за допомогою class
    • Успадкування сутностей створених через class
    • Приватні властивості
    • Статичні властивості та методи class
    • Практика

  • Робота з асінхронними функціями

    • Створення власних асінхронних функцій
    • Обробка асінхронних функцій з інструкцією await
    • Обробка помилок

  • Системи збирання коду

    • Огляд сучасних систем збирання коду
    • Основи роботи з Gulp
    • Компіляція та зборка sass-файлів
    • Транспіляція та зборка js-файлів
    • Плагін ESLint

  • Webpack

    • Огляд можливостей Webpack
    • Встановлення та конфігурація Webpack
    • Налаштування базових лоадерів та плагінів до Webpack
    • Запуск локального серверу за допомогою Webpack

  • React

    • Огляд поняття SPA
    • Введення в React
    • Основні концепції React
    • Створення першого React-додатку
    • Основи роботи з JSX
    • Варіанти створення компонентів
    • Передача props до компонентів
    • Обробка подій у React-компонентах

  • Компоненти React

    • Етапи життєвого циклу компонентів
    • Порівняння класових та функціональних компонентів
    • Робота з класовим компонентом
    • Методи життєвого циклу класового компоненту
    • Робота зі state

  • Функціональні компоненти в React

    • Основи роботи з функціональним компонентом
    • Особливості роботи з хуками: useState, useEffect, useRef, useCallback, useMemo, useContext
    • Створення власних хуків

  • Робота з формами в React

    • Робота з основними елементами керування форми

  • Маршрутизація в React

    • Основи роботи з бібліотекою react-router-dom

  • Бібліотеки для роботи з React-компонентами

    • Огляд бібліотек-компонентів AntD/Material UI
    • Робота з стилями у React за допомогою CSS-модулів та бібліотеки styled-components
    • Огляд бібліотеки для створення таблиць даних Ag Grid

  • Redux

    • Що таке state management?
    • Вступ до Redux та основні поняття
    • Основні етапи data flow у Redux
    • Інтеграція Redux з React-додатком
    • Робота з хуками useDispatch та useSelector
    • Middlewares на прикладі redux-thunk
    • Livecoding

  • Redux-Toolkit

    • Оптимізація роботи з Redux за допомогою Redux-Toolkit
    • Основні поняття Redux-Toolkit
    • Створення та використання RTK Query

  • TypeScript

    • Вступ до TypeScript — переваги та недоліки
    • Статична типізація у TypeScript
    • Типи та інтерфейси
    • Аліаси, можливі значення, необов’язкові параметри
    • Generics
    • Робота з TypeScript в React-додатку

  • Тестування React-додатків

    • Основні поняття тестування програмного забезпечення
    • Модульне тестування за допомогою бібліотеки Jest
    • Тестування React-додатків за допомогою бібліотеки React-Testing-Library

  • NodeJS

    • Eventloop
    • Стандарти, які підтримуються (ECMAscript 5, ECMAscript 6)
    • Core
    • Streams
    • Event emitter

  • Знайомство з асинхронністю

    • Callback
    • Promise
    • Async (caolan)
    • Sync/await

  • Знайомство з проміжними обробниками

    • Connect

  • Створення веб-сервера

    • HTTP
    • Express

  • Використання шаблонизаторів

    • Pug
    • Nunjucks

  • Робота з MongoDB

    • Query
    • Aggregation

  • Підключення авторизації і аутентифікації

  • Тестування і написання документації

В кінці курсу виконується дипломний проєкт.

Бонуси курсу

  • Всі студенти курсу пройдуть тренінг по проходженню співбесіди та складанню резюме з нашим HR-фахівцем
  • Тестова співбесіда з технічним фахівцем

Нагорода «Бізнес Року» 2024 в номінації «Краща школа з навчання програмуванню 2024» від Ukrainian Business Awards

Найвища оцінка в рейтингу UBA завдяки інноваційним програмам, зручної платформи для навчання, постійні адаптації продуктів під потреби ринку та викладачам-практикам.

UBA Medal

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

  • woman-technologist

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

  • briefcase

    Домашні завдання у будь-який зручний час відправляються через особистий кабінет на перевірку викладачеві.

  • thumbs-up

    Викладач дає зворотній зв'язок з розбором помилок у домашньому завданні.

  • light-bulb

    Ви опрацьовуєте помилки і закріплюєте пройдений матеріал.

Переваги онлайн-навчання в Комп'ютерній школі Hillel

  • man-raising-hand
    Групи до 30 осіб Викладач приділяє час кожному студенту.
  • nerd-face
    Викладачі практики У нас викладають тільки практикуючі фахівці з топових IT-компаній.
  • briefcase
    Система особистих кабінетів Ефективне і зручне навчання.
  • speech-balloon
    Оперативна служба підтримки студентів Термінові питання — своєчасне рішення.
  • videocassette
    Доступ до відеозаписів занять Записи уроків залишаються у студентів після закінчення навчання.
  • hammer
    Практичні заняття Велика частина занять орієнтована на практику.
Як школа кардинально змінила парадигму працевлаштування

Оплата онлайн

Оплата здійснюється через виставлення інвойсу на e-mail через сервіси LiqPay та plata by mono.

shield

Гарантія повернення оплати

До шостого заняття ви можете повернути
100% внесених за навчання коштів.

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

    Що ми робимо для того, щоб ви досягли успіху?

  • clipboard

    Проводимо майстер-класи з підготовки резюме та пошуку роботи

  • books

    Регулярно оновлюємо програми курсів під вимоги ринку

  • smiling-face-with-sunglasses

    Запрошуємо викладати тільки кращих практикуючих фахівців

  • globe-with-meridians

    Розвиваємо нашу мережу партнерів серед топових IT-компаній

  • direct-hit

    Наші викладачі часто самі забирають до себе наших кращих Студентів ;)

Наші викладачі та випускники працюють в топових IT-компаніях світу

Запит на консультацію

Залиште ваші контактні дані, і ми вам обов'язково зателефонуємо!

Обов'язково вкажіть ваше ім'я кирилицею

Обов'язково вкажіть email, за яким ми зможемо з вами зв'язатися

Обов'язково вкажіть телефон в міжнародному форматі

Школа працює з 10:00 до 21:00 по буднях і з 10:00 до 19:00 у вихідні дні (за київським часом, GMT + 2).

Відправлено

Матеріали в блозі