Курс Fullstack JavaScript розробка

Пройдеш повний цикл створення web-проєкту. Навчишся створювати інтерактивні web-сторінки з використанням JavaScript. Отримаєш досвід використання фреймворків для створення користувальницьких інтерфейсів.

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

Основи професії

• Поняття сайту
• Поняття веб-сторінок
• Клієнт-серверна архітектура
• Client side VS Server side rendering
• Налаштування середовища

HTML

• Стандарт W3C
• Структура HTML документа
• Теги та атрибути
• Теги HTML5
• Форми
• Теги input, button, span, label, img, table, a
• Консоль розробника + створення проєкту в GIT
• Обговорення тестового завдання

CSS

• Введення в стилі
• Селектори, вага селектора
• Наслідування стилів
• Величини в CSS
• Форматування тексту
• Рядково-блочні елементи
• Гумова та адаптивна верстка
• Властивості ширини та висоти (min, max)
• Плаваючі елементи Float
• Позиціонування
• Накладання (z-index)
• Властивості фону, спрайт
• Межі
• Стилізація списків, форм
• Псевдокласи і специфічні селектори, псевдоелемент
• Адаптивна верстка (медіазапроси)
• Bootstrap
• Препроцесори

JavaScript

• Вступ
• Парсер
• Змінні
• Типи даних
• Функції
• Аргументи функції
• Область видимості
• Оператори порівняння
• Об'єкти та методи
• Масиви і робота з ними
• Цикли
• Рекурсія
• Замикання
• Таймери
• Promise
• async/await
• AJAX
• try/catch
• Стратегія роботи з помилками
• Об'єкти BOM
• Навігація
• Нативна робота з DOM
• DOM селектори
• Додавання вузлів
• Видалення вузлів
• Події
• Події миші
• Події клавіатури
• Інші події (scroll, load, ready)
• Кастомні події

ООП JavaScript

• Теорія ООП
• Парадигми
• Класи
• Методи і властивості
• getters & setters
• Абстракція
• Спадкування
• Поліморфізм
• Інкапсуляція
• Закріплення, практика
• Архітектурні паттерни MVC & MVP
• Фреймворк Backbone

Інструменти

• Node JS - установка, настройка, введення
• Gulp - загальна інформація
• Види тестування
• Karma
• Jasmine
• Scrum

React

• Встановлення та налаштування
• React DevTools
• Компоненти
• Створення
• Використання
• Класовий VS функціональний
• State/Props/Hooks
• Роутінг
• Запуск комплексного додатка
• Написання програми (Закріплення матеріалу)

NodeJS

• Основні модулі
• Використання модулів
• Фреймворк Express
• Встановлення
• Роутинг
• Робота з body запитом
• Валідація запиту за допомогою Joi
• Middleware
• Сесія
• Аутентифікація і авторизація

Databases

• Documental VS Relational DBs
• MongoDB. mongoose
• MongoDB. Створення колекції
• MongoDB. Пошук по колекціях
• MongoDB. Зміна колекції
• Postgres
• Postgres. Синтаксис мови запитів
• Postgres. Створення колекції
• Postgres. Select запити
• Postgres. join таблиць

Project

• Написання програми
• Захист фінального проєкту

Після курсу ти зможеш:

• Проєктувати інтерфейси користувача, створювати кросбраузерну, адаптивну верстку і вносити зміни в існуючу верстку
• Розробляти логіку роботи клієнтської частини та розуміти роботу серверної частини web-додатків
• За допомогою JavaScript будеш створювати інтерактивні інтерфейси, розробляти серверну частину сайтів
• Створювати адаптивні інтерфейси, оптимізувати сайти під мобільні платформи
• Використовувати повною мірою можливості бібліотеки для прискорення та спрощення процесу розробки
• Аналізувати та керувати результатами своєї роботи використовуючи систему контролю версій Git & GitHub

Особливості курсу

• Інтенсивна практика і розбір домашніх завдань
• Живі онлайн заняття + відеозаписи всіх занять
• 4 проєкти в портфоліо, які ти презентуєш експертам і потенційним роботодавцям
• Допомога у працевлаштуванні, оформленні резюме та підготовка до співбесіди
• Підтримка викладачів
• Кар'єрні івенти

Викладачі курсу

Микола Сотула - Fullstack developer & mentor SoftServe