навчитеся програмувати на JavaScript і TypeScript-зможете самостійно створювати сайти і веб-додатки
Освоїте передові технології-React, Node.js, Docker, Express.js, Nest.js, Firebase, MongoDB
Коли
8 листопада 2021-9 травня 2023
Формат навчання
Вебінари, відеолекції, практичні завдання
Рівень
З нуля
Fullstack-розробник може поодинці запрограмувати веб-додаток
За даними HackerRank, fullstack-Розробник - найбільш затребуваний фахівець 2020 року.
Він володіє всім стеком технологій, розбирається в бекенд - і у фронтенд-складової продукту.
що ви будете вміти після навчання
Ви навчитеся розбиратися і брати активну участь у всіх етапах розробки сайтів — від роботи з дизайн-макетами до програмування і налаштування серверів.
JavaScript-ідеальна мова для старту кар'єри
Його простий синтаксис дозволить вам швидко розібратися в програмуванні і знайти роботу, навіть не маючи досвіду. А оскільки він вважається ще й найпопулярнішою мовою, можна знайти багато вакансій.
105 000 ₽
медіанна зарплата розробників на JavaScript, за даними "Хабр Кар'єри"
Ви зробите під час навчання 5 проектів в портфоліо:
Освоїте передові технології-React, Node.js, Docker, Express.js, Nest.js, Firebase, MongoDB
Коли
8 листопада 2021-9 травня 2023
Формат навчання
Вебінари, відеолекції, практичні завдання
Рівень
З нуля
Fullstack-розробник може поодинці запрограмувати веб-додаток
За даними HackerRank, fullstack-Розробник - найбільш затребуваний фахівець 2020 року.
Він володіє всім стеком технологій, розбирається в бекенд - і у фронтенд-складової продукту.
що ви будете вміти після навчання
- верстати сайти в HTML і CSS
- розробляти клієнтську частину сайту на React
- програмувати на мовах JavaScript і TypeScript
- працювати з базами даних з використанням MongoDB
- створювати серверну частину на Node.js, Express.js, Nest.js
- працювати з API сторонніх сервісів і проводити Unit-тестування
Ви навчитеся розбиратися і брати активну участь у всіх етапах розробки сайтів — від роботи з дизайн-макетами до програмування і налаштування серверів.
JavaScript-ідеальна мова для старту кар'єри
Його простий синтаксис дозволить вам швидко розібратися в програмуванні і знайти роботу, навіть не маючи досвіду. А оскільки він вважається ще й найпопулярнішою мовою, можна знайти багато вакансій.
105 000 ₽
медіанна зарплата розробників на JavaScript, за даними "Хабр Кар'єри"
Ви зробите під час навчання 5 проектів в портфоліо:
- адаптивну верстку сайту
- веб-менеджер особистих фінансів
- Фронтенд для сайту-агрегатора готелів
- додаток для доставки
- бекенд для сайту-агрегатора готелів
Частина 1. Frontend-розробка
Верстка сайту на HTML і CSS
Ви навчитеся верстати сайти на HTML і CSS, а також вносити зміни в існуючу верстку. За підсумками цього модуля самостійно зверстаєте лендінг.
8 годин теорії
8 годин практики
Теги для верстки контенту сторінки
Теги для верстки структури сторінки
Селектори CSS
Визначення контексту елементів
Блокова модель
Позиціонування елементів
Оформлення тексту
Оформлення декоративних елементів
Стан інтерактивних елементів
адаптивна та мобільна верстка (Курсовий проект-Адаптивна верстка сайту)
Навчіться створювати верстку під будь — який тип пристроїв-комп'ютер, планшет, смартфон. Це дозволить вашому сайту бути адаптивним і коректно працювати на будь-яких пристроях.
5 годин теорії
39 годин практики
Верстка гумового макета
Введення в медіазапит
Медіа-функції
Верстка адаптивного макета
Breakpoints
Основи програмування на JavaScript
Познайомитеся з азами програмування, напишете перші рядки коду і створите прості проекти. Для практики будете використовувати мову JavaScript-це допоможе вам краще зрозуміти роботу frontend - частини програми.
8 годин теорії
24 години практики
Алгоритми
Змінні, числа і рядки
Логіка і математика
Розгалуження коду
Алгоритм з множинним вибором
Помилки в коді
Масиви
Цикли
Підпрограма, функція
Об'єкти
Синхронне і асинхронне виконання алгоритму
система контролю версій Git
Кожен розробник повинен знати основи роботи з системою Git-на даний момент це практично стандарт з управління вихідним кодом. За три заняття ви навчитеся працювати з цією системою і з сервісом GitHub, зможете публікувати свої домашні роботи і вже в процесі навчання сформуєте перше портфоліо.
4 години теорії
9 години практики
Призначення системи контролю версій
Основні операції: фіксація і відкат змін, пошук, Історія
Робота з сервісом github
Гілки, злиття гілок і вирішення конфліктів
Командна робота
Основи роботи з JavaScript (Курсовий проект-веб-менеджер особистих фінансів)
Глибше пориньте в JavaScript-один з найпопулярніших і гнучких мов програмування. Почнете з азів синтаксису і дізнаєтеся, що таке ООП, виключення, замикання, асинхронність.
9 годин теорії
51 година практики
Базовий синтаксис
Розширений синтаксис в JavaScript
Типи даних
Функції та об'єкти
Прототип і конструктор об'єкта
ООП в JavaScript (ES6)
Обробка винятків і замикання
Прототип масиву, функції вищого порядку
Асинхронність
Розробка на JavaScript в браузері
Дізнаєтеся про додаткові можливості, які дає браузер-Web API. Підключіть скрипт до HTML-документа і отримаєте до нього доступ, щоб зробити документ "живим": змінювати його і реагувати на дії користувача.
8 годин теорії
24 години практики
Можливості JavaScript в браузері
Способи пошуку потрібного HTML-елемента
Об'єкт події
DOM — Document object model
Робота з HTML-формами
Зміна структури HTML-документа
Асинхронні запити
Зберігання стану на клієнті і відправка на сервер
професійна робота з JavaScript
Навчіться працювати з сучасним інструментом для організації робочого оточення (npm, webpack) і розберетеся з найбільш складними розділами мови: прототипної моделлю, promises і асинхронними програмуванням — async/await. Все це дозволить вам вийти на новий рівень у сфері веб-розробки.
9 годин теорії
27 годин практики
Стандарти та версії
Робоче оточення
Модулі
Unit-тестування
Синтаксичні конструкції (try-catch, delete), функції і замикання
Властивості об'єкта, for-in, обгортки для примітивів
Прототипи, конструктори
Класи, успадкування
Контейнери
Об'єкт Math, клас RegExp, ArrayBuffer
Promises, async/await
Символи, ітератори, генератори
Frontend-розробка на React (Курсовий проект — агрегатор готелів: frontend)
Освоїте одну з найпопулярніших бібліотек на JavaScript-React. За допомогою неї ви зможете створювати інтерактивні користувальницькі інтерфейси. Вам достатньо описати, як частини інтерфейсу програми виглядають в різних станах, а React буде своєчасно їх оновлювати, коли дані змінюються. Ви зможете створювати інкапсульовані компоненти з власним станом, а потім об'єднувати їх в складні користувальницькі інтерфейси.
13 годин теорії
76 годин практики
Компоненти
Події та стани
Props
Форми
Композиція компонентів
Життєвий цикл і робота з HTTP
HOC
Hooks, Context API
React Router
Redux
Redux і Redux Thunk
Redux Saga
Частина 2. Backend-розробка
Введення в Node.js
Познайомитеся з робочим середовищем Node.js та інструментами розробки. За підсумками модуля ви створите консольний додаток для обробки файлів за допомогою потоків.
5 годин теорії
20 години практики
Особливості роботи з Node.JS, встановлення та налаштування робочого середовища
Менеджер пакетів, Io libuv
Робота з консоллю, цикли подій, асинхронність
Модулі Node.js та інструменти розробки
Стріми (потоки)
Node.js HTTP-module. HTTP-stream. Вбудований низькорівневий веб-сервер
бібліотека Express.js (Курсовий проект — додаток для доставки)
Познайомитеся з бібліотекою Express.JS, розгорніть додаток на сервері, освоїте Docker, підключіть базу даних MongoDB для зберігання даних і passport.js для аутентифікації користувачів, налаштуйте обмін даними між клієнтом і сервером-з цим допоможуть websocket і socket.io.
8 годин теорії
56 годин практики
Бібліотеки Node.js для веб-розробки. Express.js
Middleware. Патерн"ланцюжок обов'язків"
Шаблонизаторы. Отрисовка контенту (рендер на сервері). Бібліотеки EJS
Розгортання програми на сервері (heroku)
Docker, встановлення та налаштування. Контейнеризація програми. Розгортання через Docker
Що таке база даних, зберігання даних. Порівняння реляційних та об'єктних БД
Запуск локальної MongoDB в Docker. Підключення MongoDB в Тode.js додаток. Установка бібліотек та налаштування з'єднання. Знайомство з бібліотекою Mongoose
Аутентифікація. PassportJS
Realtime взаємодія з сервером, протокол websocket. Бібліотеки WS і socket.io
TypeScript
Вивчіть принципи ООП для TypeScript, встановіть і налаштуйте TypeScript в проекті. Додайте в проект правила перевірки коду eslint і типи з модуля бібліотеки Node.js.
5 годин теорії
20 годин практики
Node.js і TypeScript: Налаштування оточення, можливості
Динамічна типізація JavaScript vs статична типізація TypeScript. Інструментарій tsc, tslint/eslint. Налаштування проекту
Система типів TypeScript. Основні принципи ООП. SOLID
Бібліотека reflect-metadata. Loc-контейнери-type-di, inversify
TS: перенесення та інтеграція JS-проекту на прикладі пройдених матеріалів
Організація проекту та кодової бази. Поділ програми на шари: інфраструктура, зовнішнє API, сервіси з логікою, робота з базою даних
Nest.js
Верстка сайту на HTML і CSS
Ви навчитеся верстати сайти на HTML і CSS, а також вносити зміни в існуючу верстку. За підсумками цього модуля самостійно зверстаєте лендінг.
8 годин теорії
8 годин практики
Теги для верстки контенту сторінки
Теги для верстки структури сторінки
Селектори CSS
Визначення контексту елементів
Блокова модель
Позиціонування елементів
Оформлення тексту
Оформлення декоративних елементів
Стан інтерактивних елементів
адаптивна та мобільна верстка (Курсовий проект-Адаптивна верстка сайту)
Навчіться створювати верстку під будь — який тип пристроїв-комп'ютер, планшет, смартфон. Це дозволить вашому сайту бути адаптивним і коректно працювати на будь-яких пристроях.
5 годин теорії
39 годин практики
Верстка гумового макета
Введення в медіазапит
Медіа-функції
Верстка адаптивного макета
Breakpoints
Основи програмування на JavaScript
Познайомитеся з азами програмування, напишете перші рядки коду і створите прості проекти. Для практики будете використовувати мову JavaScript-це допоможе вам краще зрозуміти роботу frontend - частини програми.
8 годин теорії
24 години практики
Алгоритми
Змінні, числа і рядки
Логіка і математика
Розгалуження коду
Алгоритм з множинним вибором
Помилки в коді
Масиви
Цикли
Підпрограма, функція
Об'єкти
Синхронне і асинхронне виконання алгоритму
система контролю версій Git
Кожен розробник повинен знати основи роботи з системою Git-на даний момент це практично стандарт з управління вихідним кодом. За три заняття ви навчитеся працювати з цією системою і з сервісом GitHub, зможете публікувати свої домашні роботи і вже в процесі навчання сформуєте перше портфоліо.
4 години теорії
9 години практики
Призначення системи контролю версій
Основні операції: фіксація і відкат змін, пошук, Історія
Робота з сервісом github
Гілки, злиття гілок і вирішення конфліктів
Командна робота
Основи роботи з JavaScript (Курсовий проект-веб-менеджер особистих фінансів)
Глибше пориньте в JavaScript-один з найпопулярніших і гнучких мов програмування. Почнете з азів синтаксису і дізнаєтеся, що таке ООП, виключення, замикання, асинхронність.
9 годин теорії
51 година практики
Базовий синтаксис
Розширений синтаксис в JavaScript
Типи даних
Функції та об'єкти
Прототип і конструктор об'єкта
ООП в JavaScript (ES6)
Обробка винятків і замикання
Прототип масиву, функції вищого порядку
Асинхронність
Розробка на JavaScript в браузері
Дізнаєтеся про додаткові можливості, які дає браузер-Web API. Підключіть скрипт до HTML-документа і отримаєте до нього доступ, щоб зробити документ "живим": змінювати його і реагувати на дії користувача.
8 годин теорії
24 години практики
Можливості JavaScript в браузері
Способи пошуку потрібного HTML-елемента
Об'єкт події
DOM — Document object model
Робота з HTML-формами
Зміна структури HTML-документа
Асинхронні запити
Зберігання стану на клієнті і відправка на сервер
професійна робота з JavaScript
Навчіться працювати з сучасним інструментом для організації робочого оточення (npm, webpack) і розберетеся з найбільш складними розділами мови: прототипної моделлю, promises і асинхронними програмуванням — async/await. Все це дозволить вам вийти на новий рівень у сфері веб-розробки.
9 годин теорії
27 годин практики
Стандарти та версії
Робоче оточення
Модулі
Unit-тестування
Синтаксичні конструкції (try-catch, delete), функції і замикання
Властивості об'єкта, for-in, обгортки для примітивів
Прототипи, конструктори
Класи, успадкування
Контейнери
Об'єкт Math, клас RegExp, ArrayBuffer
Promises, async/await
Символи, ітератори, генератори
Frontend-розробка на React (Курсовий проект — агрегатор готелів: frontend)
Освоїте одну з найпопулярніших бібліотек на JavaScript-React. За допомогою неї ви зможете створювати інтерактивні користувальницькі інтерфейси. Вам достатньо описати, як частини інтерфейсу програми виглядають в різних станах, а React буде своєчасно їх оновлювати, коли дані змінюються. Ви зможете створювати інкапсульовані компоненти з власним станом, а потім об'єднувати їх в складні користувальницькі інтерфейси.
13 годин теорії
76 годин практики
Компоненти
Події та стани
Props
Форми
Композиція компонентів
Життєвий цикл і робота з HTTP
HOC
Hooks, Context API
React Router
Redux
Redux і Redux Thunk
Redux Saga
Частина 2. Backend-розробка
Введення в Node.js
Познайомитеся з робочим середовищем Node.js та інструментами розробки. За підсумками модуля ви створите консольний додаток для обробки файлів за допомогою потоків.
5 годин теорії
20 години практики
Особливості роботи з Node.JS, встановлення та налаштування робочого середовища
Менеджер пакетів, Io libuv
Робота з консоллю, цикли подій, асинхронність
Модулі Node.js та інструменти розробки
Стріми (потоки)
Node.js HTTP-module. HTTP-stream. Вбудований низькорівневий веб-сервер
бібліотека Express.js (Курсовий проект — додаток для доставки)
Познайомитеся з бібліотекою Express.JS, розгорніть додаток на сервері, освоїте Docker, підключіть базу даних MongoDB для зберігання даних і passport.js для аутентифікації користувачів, налаштуйте обмін даними між клієнтом і сервером-з цим допоможуть websocket і socket.io.
8 годин теорії
56 годин практики
Бібліотеки Node.js для веб-розробки. Express.js
Middleware. Патерн"ланцюжок обов'язків"
Шаблонизаторы. Отрисовка контенту (рендер на сервері). Бібліотеки EJS
Розгортання програми на сервері (heroku)
Docker, встановлення та налаштування. Контейнеризація програми. Розгортання через Docker
Що таке база даних, зберігання даних. Порівняння реляційних та об'єктних БД
Запуск локальної MongoDB в Docker. Підключення MongoDB в Тode.js додаток. Установка бібліотек та налаштування з'єднання. Знайомство з бібліотекою Mongoose
Аутентифікація. PassportJS
Realtime взаємодія з сервером, протокол websocket. Бібліотеки WS і socket.io
TypeScript
Вивчіть принципи ООП для TypeScript, встановіть і налаштуйте TypeScript в проекті. Додайте в проект правила перевірки коду eslint і типи з модуля бібліотеки Node.js.
5 годин теорії
20 годин практики
Node.js і TypeScript: Налаштування оточення, можливості
Динамічна типізація JavaScript vs статична типізація TypeScript. Інструментарій tsc, tslint/eslint. Налаштування проекту
Система типів TypeScript. Основні принципи ООП. SOLID
Бібліотека reflect-metadata. Loc-контейнери-type-di, inversify
TS: перенесення та інтеграція JS-проекту на прикладі пройдених матеріалів
Організація проекту та кодової бази. Поділ програми на шари: інфраструктура, зовнішнє API, сервіси з логікою, робота з базою даних
Nest.js
https://privatelink.de/?https://netology.ru/programs/javascript-fullstack#/experts