Курси Fullstack Developer

Курс для тих, хто хоче стати Full Stack Developer з нуля. На заняттях ви опануєте усі необхідні інструменти frontend & backend розробки: HTML/CSS, JavaScript, React, React Native, Node.js, а також здобудете комплекс необхідних hard та soft скілів для роботи.

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

HTML/CSS

Розробка інтерфейсів з нуля

• Що потрібно знати.
• Для чого потрібна ця професія.
• Що таке веб.
• Шляхи розвитку.

Початок роботи

• Налаштування середовища.
• Програми для роботи.
• Завантаження першого сайту.

Введення у HTML

• Теги та атрибути.
• Семантика.
• Робота з текстом.
• Зображення.
• Інтерактивні елементи.
• Списки.

Продовження HTML

• Інструменти розробника.
• Таблиці.
• Символьні підстановки.
• Медіаконтент, фрейм.
• Оформлення і валідація коду.

Введення в CSS

• Підключення стилів.
• Синтаксис, селектори.
• Каскадність і специфічність.
• CSS змінні.

Шрифти

• Підключення шрифтів.
• Локальні шрифти.
• Оформлення тексту.

Блокова модель

• Геометрія елемента.
• Типи елемента.
• Структурні псевдокласи.

Flexbox

• Основні концепції.
• Flex-контейнер і flex-елемент.
• Практичне застосування.

Розкладка CSS Grid

• Основні концепції.
• Grid-контейнер.
• Grid-елемент.
• Практичне застосування.

Декоративні ефекти

• Типи зображень.
• Фон.
• Градієнти.
• Тінь.
• Псевдоелементи.

Графіка

• Растрова графіка.
• Векторна графіка. SVG.
• Додавання SVG на сторінку.
• SVG-спрайт.

Позиціонування

• Типи позиціонування.
• Властивість overflow.
• Накладання елементів.

Анімація

• Трансформація.
• Переходи.
• Анімація.

Практика: тестування API

• Основи роботи.
• Елементи форм.
• Групування полів.

Валідація веб-форм

• Види валідації.
• Перевірка введених значень.
• Псевдокласи стану.

Препроцесори

• Препроцесори SASS, SCSS.
• Вкладені правила.
• Директиви.
• Вендорні префікси.

CSS Методології

• Навіщо потрібні методології.
• Методологія БЕМ.
• Блок, елемент, модифікатор.

Адаптивність і Адаптивна графіка

• Типи і види верстки.
• CSS media запити.
• Стратегії Mobile і Desktop first.
• Адаптив і ретинізація фонових та контентних зображень.

Іспит HTML/CSS

Іспит з пройденого матеріалу.

JavaScript

Введення

• JavaScript – що це таке.
• Підключення скрипта.
• DevTools.
• Визначення об'єктів, властивостей та методів.
• Типи данних.

Оператори

• Оператори.
• Вивід данних/Ввід данних.
• Вирішення логічних задач та побудова алгоритмів.
• Умови if/else та switch/case.

Масиви і цикли

• Масиви.
• Цикли.
• Методи присвоєння.
• Методи масиву.
• Області видимості.

Функції

• Функції.
• Стрілочні функції.
• Лексичне оточення.
• Контексти і виклики.

Замикання this

• Замикання this.
• Контексти і виклики.
• Call, apply, bind.

Об'єкти та класи

• ООП.
• Об'єкти.
• Інкапсуляція, абстракція, наслідування, поліморфізм.
• Практика.

ES6

• Конструктори.
• Внутрішні методи.
• Прототипи.
• ES6.

DOM

• DOM.
• Навігація по DOM.
• Властивості.
• Робота з DOM-вузлами.

Події

• Події.
• Форми.
• Event propagation.
• Drag'n'Drop.

Local Storage & Node.js

• Local Storage.
• Node.js.
• Установка і використання.
• Додавання/видалення бібліотек.

Асинхронний Js & дата

• Асинхронний JS.
• Синхронність, асинхронність, багатопотоковість.
• SetTimeout і setInterval.
• Дата.
• Promise.

Протоколи передачі даних

• TCP/IP.
• HTTP.
• HTTPS.
• Коди відповіді.
• Помилки і обробка.

REST API

• REST API.
• Ajax.
• Fetch.
• Практика.

WebPack & Gulp

Складання проєктів: WebPack, Gulp.

React

• Основи популярної бібліотеки.
• Створення зборки.
• Використання React на прикладах.

Іспит з JavaScript

React

Знайомство з React

• Що таке React.
• Налаштування і інструменти.
• Що таке JSX.
• Компоненти.
• Компоненти-класси vs Функціональні компоненти.

State & Події

• Ререндер компонентів.
• Що таке стейт.
• Що таке JSX.
• Робота зі стейтом, зміна та оновлення стейту.
• Події і SyntheticEvent Object.

Props, види рендеру

• Рендер за умовою.
• Рендер колекцій, Що таке key.
• Що таке Props.
• Передача пропсів між компонентами.

Життєві цикли компонентів

• Монтування, оновлення та розмонтування.
• Методи класового компоненту:
  • componentDidMount;
  • componentDidUpdate;
  • componentWillUnmount.

Хуки частина 1

• useEffect.
• useLayoutEffect.
• useState.
• useReducer.
• useRef.

Хуки частина 2, кастомні хуки React memo

• Хуки для оптимізації, useMemo, useCallback.
• React memo.
• Що таке кастомні хуки, як їх використовувати.

Стилізація

• Inline Styles (інлайнові стилі).
• Звичайний CSS.
• CSS модулі.
• CSS in JS.

Форми

• Неконтрольовані елементи.
• Контрольовані елементи.
• Складні форми.
• Бібліотеки для роботи з формами.

HTTP запити

• Робота з REST АРІ, хороші практики.
• Обробка процесу завантаження.
• Обробка помилок, Error Boundary.

Реакт роутинг, частина 1

• Що таке URL, структура.
• Бібліотека React Router.
• Базовий роутинг Routes and Route.
• Вкладені роути.
• Компонент Outlet.
• Компоненти Link, NavLink.

Реакт роутинг, частина 2

• Робота з історією.
• Приватні роути.
• Програмна навігація "useNavigate" і "navigate".
• Lazy Loading.
• ErrorElement для обробки помилок в додатку.

Стейт менеджмент, useContext. Бібліотека Redux частина 1

• UseContext.
• Вступ до стейт менеджменту, які найпопулярніші.
• Вступ до бібліотеки Redux, Redux Toolkit.
• Базове налаштування бібліотеки Redux.

Бібліотека Redux частина 2

• Робота з Redux Toolkit.
• ConfigureStore.
• CreateAction.
• CreateReducer.
• CreateSlice.

React Native

Знайомство з React Native

• Що таке React Native.
• Особливості роботи.
• Expo.
• Відмінність React від React Native.
• Документація.

Теги і робота з данними

• Огляд базових компонентів.
• Введення даних.
• Обробка данних.
• AsyncStorage.

Стилі

Робота зі стилями.

Навігація

• Створення екранів.
• Переключення екранів.
• Передача данних між сторінками.

Додаткові включення

• Робота з картами.
• Робота з календарем.
• Доступ до данних.

API

• Підключення бібліотеки.
• Надсилання запитів.
• Обробка результатів.

Зовнішні посилання і QR

• Створення сторінки з зовнішніми посиланнями.
• Обробка QR-code.

Завершення

• Рефактор коду.
• Збірка білда для Android.

Node.js

Основи Node js. Цикл подій. Створення консольного застосунку

• Що таке Node.js.
• Робота з бібліотеками.
• Написання консольного застосунку та його запуск.
• Робота з дебагером у VSCode.

Основи Express. CRUD. Postman

• Встановлення.
• Що таке CRUD.
• Написання найпростішого серверу.
• Робота з Postman.

Бази даних. Реляційна база даних SQLite

• Види баз даних.
• Реляційні бази.
• Встановлення SQLite.
• Робота з SQLite.
• Мова SQL.
• Додавання у сервер роботи з базою даних.

Нереляційні бази даних. MongoDB. Схеми й методи Mongoose

• Відмінності реляційних і нереляційних баз данних.
• Встановлення MongoDB.
• Додавання у сервер роботи з базою даних.

Аутентифікація

• Безпека застосунку.
• Захист даних користувача.
• Додавання таблиці користувачів.
• Допуск до виклику ендпоінтів гостей (незареєстрованих юзерів), звичайних юзерів та адміністраторів.

Робота з файлами. Буфери. Завантаження файлів у базу даних

• Стандартна бібліотека роботи з файлами.
• Читання, створення, редагування та зберігання файлів.
• Обробка помилок.
• Завантаження файлів у базу даних.

Робота з об'єктами у Node.js

• Робота з об'єктами. Обмеження.
• Властивості об'єкту.
• Методи роботи з об'єктами.
• Цикл for…in.

Створення модулів. Тестування. Mocha. Chai

• Створення власних локальних модулів.
• Import та required.
• Тестування коду. Хто має писати тести?
• Приклад тестування коду за допомогою Mocha та Chai.
• Дебагер у тестах.

Фінальний проєкт. Розробка серверу. Деплой на Heroku. Допоміжні інструменти розробника: основи git, linter

• Завершення розробки серверу.
• Оформлення проєкту у репозиторії.
• Написання документації до проєкту.

Пошта. Docker

Вебсокети

Python

Введення в Python. Встановлення середовища

• Ознайомлення з мовою Python: історія, застосування
• Встановлення Python та налаштування середовища розробки
• Запуск першої програми на Python

Основи синтаксису Python: змінні, оператори, типи даних

• Змінні та їх типи: числа, рядки, списки, словники
• Оператори: арифметичні, порівняння, логічні
• Вбудовані функції для роботи з типами даних

Керуючі конструкції: умовні оператори та цикли

• Умовні оператори: if, else, elif
• Оператори порівняння та логічні вирази
• Цикли: while і for. Ітерування по послідовностям

Структури даних: списки, кортежі, словники

• Списки: створення, індексація, зрізи, методи
• Кортежі: особливості та використання
• Словники: ключі, значення, методи роботи

Функції та модулі

• Визначення та виклик функцій
• Параметри функцій: позиційні, іменовані
• Робота з модулями: імпорт, створення власних модулів

Введення в ООП. Класи та об'єкти

• Основні поняття ООП: класи, об'єкти, атрибути, методи
• Створення класів та екземплярів класів
• Ініціалізація об'єктів через конструктор

Наслідування та поліморфізм

• Принцип успадкування та його застосування
• Розширення класів, перевизначення методів
• Поліморфізм: загальний інтерфейс для різних класів

Інкапсуляція та абстракція

• Інкапсуляція: обмеження доступу до атрибутів та методів
• Абстракція: визначення загального інтерфейсу класу
• Абстрактні класи та методи

Принципи SOLID в ООП

• Принцип єдиного обов'язку (Single Responsibility Principle)
• Принцип відкритості/закритості (Open/Closed Principle)
• Принцип підстановки Барбари Лісков (Liskov Substitution Principle)
• Принцип розділення інтерфейсу (Interface Segregation Principle)
• Принцип інверсії залежностей (Dependency Inversion Principle)

Основи веб-розробки та архітектура клієнт-сервер

• Основні поняття веб-розробки: клієнт, сервер, HTTP-протокол
• Принципи роботи клієнт-серверної архітектури

Введення до FastAPI. Встановлення та перша програма

• Знайомство з фреймворком FastAPI: особливості, переваги
• Встановлення FastAPI та створення простої веб-програми
• Маршрутизація запитів та обробка маршрутів

Введення до баз даних та ORM (Object-Relational Mapping)

• Основи роботи з реляційними базами даних
• Поняття ORM та переваги його використання
• Інтеграція ORM SQLAlchemy з FastAPI

Визначення моделей даних та створення таблиць

• Визначення класів моделей даних з використанням SQLAlchemy
• Створення таблиць в базі даних на основі моделей

CRUD-операції та робота з даними

• Створення, читання, оновлення та видалення даних з використанням SQLAlchemy
• Основи роботи з сесіями та транзакціями

Введення до аутентифікації та авторизації

• Розрізнення між аутентифікацією та авторизацією
• Токени аутентифікації та їх роль у веб-програмах

Реалізація аутентифікації з використанням JWT (JSON Web Tokens)

• Генерація та перевірка JWT-токенів
• Інтеграція аутентифікації з FastAPI

Реалізація авторизації та управління доступом

• Розділення прав доступу користувачів
• Реалізація ролей та дозволів

Валідація даних та обробка запитів

• Валідація даних, що надходять від клієнтів
• Використання пайплайнів для обробки даних запитів

Робота з файлами та завантаження даних

• Завантаження та зберігання файлів на сервері
• Робота з зображеннями та іншими медіафайлами

Docker для розгортання веб-програм

• Основи Docker: контейнеризація, образи, контейнери
• Створення Docker-контейнера для FastAPI-програми

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

• Виявлення та усунення вузьких місць у програмі
• Кешування даних та оптимізація запитів до бази даних

Введення в тестування веб-програм

• Типи тестування: модульне, інтеграційне, функціональне
• Написання та запуск тестів з використанням бібліотеки Pytest

Створення API документації за допомогою Swagger

• Автоматична генерація документації на основі коду
• Інтеграція Swagger UI з FastAPI

Розробка фінального проєкту

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

Розгортання фінального проєкту

Підготовка та розгортання фінального проєкту на віддаленому сервері з використанням Docker.

Soft skills IT

Що таке soft skills

• Які бувають?
• Де застосовувати?
• Як виміряти свій рівень володіння soft skills.
• Як покращувати свої скіли.

Soft skills для IT спеціаліста

• Для чого IT спеціалісту розвивати soft skills?
• Комунікація: як прокачати і де знадобиться.
• Креативність і гнучкість: як прокачати і де знадобиться.
• Самодисципліна: як прокачати і де знадобиться.
• Критичне мислення: як прокачати і де знадобиться.
• Уважність: як прокачати і де знадобиться.
• Проактивність: як прокачати і де знадобиться.
• Адаптивність: як прокачати і де знадобиться.
• Інші навички.

Цілі і їх досягнення

• Колесо балансу.
• Як зрозуміти чого хочу саме я?
• Як правильно поставити свої цілі (смарт).
• Як декомпозувати цілі.
• Як досягати своїх цілей?

Емоційний інтелект/Емпатія

• Що таке емоційний інтелект?
• Ща таке емпатія і чим відрізняється?
• Як це застосовувати з вигодою для себе.
• Особисті кордони при високому рівні емпатії.

Основи комунікації

• Що таке екологічна комунікація?
• Види комунікації.
• Бар'єри в комунікації.
• Ціль в комунікації, як її побачити і застосувати на практиці.
• Правила успішної комунікації.

Конфліктологія

• Що таке конфлікт? Чому це добре?
• Який ідеальний результат конфлікту.
• Види та способи розв'язання конфліктів.
• Як зберігати спокій під час конфліктів.

Ораторське мистецтво

• Навіщо нам рот?
• Як говорити так, щоб тебе почули?
• Як правильно, ефективно та швидко доносити свої думки.
• Страх говорити.

Ефективне навчання

• Що таке ефективне навчання?
• Як правильно навчатись?
• Принципи швидкого і якісного навчання.
• Як не забути все, що вивчив.

Основи фінансової грамотності

• Скільки грошей мені треба для щастя?
• Скільки грошей мені треба насправді?
• Як вести власний бюджет і знати куди і звідки приходять гроші?
• Лайфхак: де взяти гроші, коли їх нема?

Планування і тайм-менеджмент

• Як правильно визначити пріоритетність задач?
• Принципи планування і тайм менеджменту.
• Багатозадачність: добре чи погано? Як встигнути все?
• Трекінгові системи.

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

• Заняття проходять 3 рази на тиждень
• Запис кожного заняття буде доступний в особистому кабінеті
• Практичні домашні завдання
• Живі Q&A-сесії в онлайн-форматі
• Викладачі – практикуючі фахівці у IT-компаніях
• Додаткові переваги у пакеті "Pro"

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

• Богдан Лущенко - Fullstack Developer
• Крістіна Малітовська - Frontend/Mobile Developer
• Дмитро Рябовол - Розробник UI інтерфейсів. Markup developer at Studytube
• Дарія Звягіна - Head of Product and Service
• Костянтин Полішко - Senior front-end developer at Calaton-systems USA
• Дмитро Бузоверя - Python Developer at AJAX Systems

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

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

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

• Введення у HTML. Типи елементів та атрибути
• Введення в CSS та визначення розмірів блоків
• Робота з відступами, властивість margin, робота з текстом та видимістю елементів
• Верстка з використанням Flexbox
• Комбінування селекторів та робота з фоном, властивість background
• Семантична верстка
• Форми
• Позиціювання елементів
• Практика
• Практика

JavaScript стартовий

• Введення до JavaScript. Змінні та типи даних
• Строки та оператори
• Логічні структури
• Масиви та цикли
• Функції
• Об'єкти
• Практика

Основи Git

• Основи Git
• Публікація репозиторію
• Інтеграція з IDE

JavaScript Базовий

• Пошук елементів та DOM дерево
• Зміна DOM дерева. CSS стилі
• Події. Частина 1
• Події. Частина 2
• Події. Частина 3
• Функції-конструктори
• Класи
• Класи. Наслідування
• Контекст функції
• Замикання
• Форми і елементи управління
• Перевірка даних форми
• Cookies i WebStorage
• Обробка виключень
• Асинхронний код. Promise
• Мережеві запити
• Практичне заняття
• Практичне заняття

React Essential

• Вступ до React
• JSX у React
• Основи React
• Стан та життєвий цикл
• Форми
• Стилізація у React
• Створення списку заміток
• Hooks
• Введення в роутинг
• Створення сторінки помилки
• Створення модального вікна
• Оптимізація та продуктивність React додатків
• Практика. Структура та проектування проєкту, вибір архітектури
• Практика. Реалізація інтерфейсу
• Практика. Створення моделей даних
• Практика. Захист курсового проєкту

MySQL Essential

• Вступ до SQL
• Основи DDL
• Проєктування БД
• JOIN-s
• Вкладені запити
• Індексування
• Збережені процедури. Користувальницькі функції
• Транзакція. Тригер

Node.JS

• Знайомство з Node.JS
• Стандартні модулі та NPM
• Асинхронність в Node.JS
• Робота з сервером
• Знайомство з Express.js
• Авторизація та аутентифікація
• Робота з базою даних
• Багатозадачність та багатопоточність в Node.JS
• REST API
• Streams
• WebSockets
• Тестування додатків

Практичний курс "7 кроків для успішної кар'єри в ІТ"

• Знайомство з Кар'єрним сервісом у CyberBionic Systematics
• Сайти пошуку роботи. Різниця, специфіка, рейтинг
• Аналіз ринку праці для IT-фахівців
• Реєстрація на сайтах для пошуку роботи та заповнення власних профілів
• Створення резюме (CV)
• Створення супровідного листа (Cover Letter)
• Спілкування з рекрутерами
• Підготовка до співбесіди з HR
• Підготовка до технічної співбесіди
• Як отримати офер і пройти випробувальний термін

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

• Безкоштовні ключі на софт від JetBrains
• Добірка відео курсів від ITVDN у подарунок
• Доступ до записів уроків
• HR-підтримка під час та після навчання
• Перевірка ДЗ, фідбек
• Спілкування та підтримка
• Тестування і сертифікати
• Курсові проєкти
• Практикуми з ІТ експертами
• Курс Business English
• Курс IT English

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

• Олексій Татаренков - Frontend Developer
• Дмитро Охріменко - Експерт з побудови розподілених та веб-орієнтованих додатків
• Віталій Мазяр - Web Frontend Developer

На курсі Ви навчитесь розробляти адаптивні сайти різної складності за допомогою JavaScript, CSS і HTML, а також програмувати серверну систему на Node.js і Express. Після закінчення навчання видається сертифікат, а також у вас буде 5 проєктів для власного портфоліо та ряд софт навичок для отримання свого першого оферу.

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

Модуль: Soft Skills

• Основні комунікативні навички
• Орієнтування у ситуації спілкування
• Управління емоціями
• Емоційний інтелект
• Критичне мислення
• Робота у команді
• Самопрезентація

Підготовка до початку курсу

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

Модуль 1: Основи HTML, CSS, та JavaScript

• Основи HTML, CSS і JavaScript
• Emmet
• Git і Gitlab
• Інструменти розробки Chrome
• Font Awesome
• HTML5, CSS3
• Flexbox, Grid Layout
• Функції, об’єкти, масиви
• DOM, цикли та вихідні рядки коду
• Написання проєкту цільової сторінки з динамічними елементами та візуальними ефектами

Модуль 2: HTML/CSS просунутий рівень

• Адаптивна розробка
• Mobile First
• Основи npm
• package.json
• Gulp і його модулі
• Препроцесори CSS: SASS, SCSS

Модуль 3: JavaScript просунутий рівень

• Замикання
• Основи ООP
• Прототипи, класи ES6
• Знайомство з Bootstrap
• AJAX і CORS
• Promise і Fetch
• Axios
• Async/Await

Модуль 4: React.js

• Основи React.js
• Створення вкладених компонентів, посилання на DOM
• propTypes, defaultProps
• Життєвий цикл компонента
• React Router
• React hooks
• Робота з Redux
• Асинхронні дії
• Юніт тести
• Context API

Модуль 5: Основи Node.js та Typescript

• Модульна система. Модулі commonjs
• Глобальні змінні
• Модулі fs і path
• Налагодження Node.js
• Основи Typescript
• Query string
• Обробка помилок
• CORS
• TypeScript

Модуль 6: Express.js

• Middlewares
• Маршрутизатор
• Зворотні виклики маршрутизатора
• Об’єкти запиту/відповіді

Модуль 7: Бази даних і SQL

• Основи SQL
• TypeORM
• Створення віддалених баз даних
• Схеми баз даних
• Міграції

Модуль 8: Теми просунутого рівня

• Розгортання програми
• CI/CD
• Авторизація/автентифікація
• Postman
• Swagger
• Websokets

Воркшопи

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

Soft skills, технічна англійська та підготовка до співбесіди

Паралельно з третім модулем студенти почнуть займатися розвитком своїх внутрішніх якостей та готуватися до самопрезентації. Ми будемо проводити повноцінні співбесіди, створюючи умови, максимально наближені до реальних. Разом з професійними рекрутерами та інженерами з індустрії ми будемо працювати над резюме кожного студента, вміннями презентувати себе та свою роботу, вести комунікації; будемо повністю супроводжувати в процесі проходження співбесід.

Фінальний проєкт

• SCRUM і Agile
• Командна робота
• Розуміння вимог
• Розробка мінімального життєздатного продукту (MVP)
• Проведення регулярних зустрічей
• Робота в спринті
• Комплексне планування
• Розробка демоверсії вашого продукту

Бонусний модуль: Англійська для ІТ

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

• Живі заняття у вечірній час (19:00-21:00)
• Система оцінки знань
• Підтримка ментора
• Велика кількість практичних завдань
• 5 проєктів для портфоліо
• Допомога у працевлаштуванні

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

• Роман Марченко - Senior Frontend Developer, DAN IT Education
• Арсеній Деркач - Front-end React developer в Revjet
• Максим Матвеєв - FrontEnd developer, Freelance
• Віталій Мудрий - Software Engineer в Gravity
• Богдан Адмін - Senior Software Engineer, NDA
• Ігор Тоболяков - Front End Developer в Newfold Digital
• Іван Сердюков - Web development lead at Clario
• Андрій Моргун - Middle front-end engineer, LULU Software
• Станіслав Чірва - Senior Frontend (JS) Engineer, EPAM Systems

Ти опануєш всі необхідні знання та навички Full Stack Python/React Developer.

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

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

На курсі Python Fundmentals ти навчишся:

• Навчишся користуватися середовищем розробки для Python
• Будуватимеш алгоритми з базових конструкцій мови
• Розроблятимеш програми з модулями та пакетами
• Працюватимеш зі змінними різних типів та з даними у файлах
• Застосовуватимеш основні принципи ООП
• Користуватимешся системою керування версіями Git

На курсі Frontend Fundamentals ти навчишся:

• Створювати сучасні, адаптовані для мобільних пристроїв та десктопів вебсайти з високим рівнем SEO-оптимізації, використовуючи HTML, CSS і JavaScript
• Використовувати сучасні інструменти розробника на основі Visual Studio Code та Git/GitHub для публікації коду і розгортання проєкту

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

• Розробляти й адмініструвати бази даних, необхідні для будь-яких повноцінних IT-рішень (як реляційні, так і нереляційні)
• Проєктувати та створювати таблиці, і будувати запити до них з використанням мови SQL

Після DevOps for Developers ти навчишся:

• Розгортати, підтримувати та тестувати середовища і інфраструктури для виконання проєктів
• Автоматизувати процеси збірки і розгортання (CI/CD) у тому числі з використанням контейнерів

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

Після Practical Python ти:

• Поглибиш знання з основ Python
• Навчишся створювати сучасні вебзастосунки, використовуючи Django
• Працюватимеш із базами даних за допомогою SQLAlchemy
• Вмітимеш будувати проєкти у клієнт-серверній архітектурі з використанням REST API
• Знатимеш, як створювати модульні тести для сучасних застосунків

Після Practical React ти:

• Створювати вебзастосунки з використанням React, Node.js, Next.js та мов програмування JavaScript і TypeScript, а також тестувати їх
• Застосовувати принципи SOLID і розуміти, як впроваджувати їх у проєкти
• Використовувати ключові аспекти роботи з JavaScript для реалізації ефективних рішень

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

Після Project-based learning Full Stack Python/React ти зможеш:

• Ефективно працювати в проєктній команді за методологією Agile, оцінювати завдання, розставляти пріоритети та працювати з дедлайнами
• Налаштовувати та використовувати Dev, Stage та Prod середовища для розробки та розгортання вебзастосунків
• Розробляти повноцінні вебзастосунки з Python та Django Rest Framework для бекенду і React.js для фронтенду
• Використовувати проєктну документацію та інструменти керування завданнями й обліку дефектів, як-от GitHub Board або Trello
• Інтегрувати backend та frontend за допомогою REST API для забезпечення надійного та гнучкого обміну даними між сервером і клієнтом
• Застосовувати Docker для контейнеризації застосунків і керування середовищами розробки

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

• Графік 2-3 рази на тиждень переважно у вечірній час
• Живі онлайн-заняття з менторами, записи всіх занять і чат в Discord
• Сертифікат за проходження кожного курсу
• 70% програми - практичні завдання з перевіркою
• Підтримка менторів
• Можливість навчатися в будь-який час по записах і брати паузу між курсами
• Навчаємо використовувати сучасні ШІ-помічники та інструменти
• Спільнота однодумців у Discord
• Доступ до додаткових e-курсів
• Безкоштовний розмовний клуб з англійської
• Закриті події з експертами компанії

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

• В'ячеслав Колдовський - Full Stack Developer
• Володимир Дуднік - Ментор SoftServe Academy
• Любомир Галамага - Ментор SoftServe Academy
• Наталія Ревуцька - Ментор SoftServe Academy
• Владислав Хричов - Full Stack Developer
• Михайло Плеша - System Administrator
• Дмитро Міночкін - Cloud Architect
• Ігор Капацила - Full Stack Developer

Курс дає вміння основи створення сайту, стилізації та логіки сайту. Створення статичного вигляду сторінок. Основ веб-дизайну. User Interface та User Experience. Дає вміння створювати шаблони сайтів та як по шаблонам створювати різні сайти, як під комп’ютери так і під телефони. Ми навчаємо повністю веб - статичного програмування. Вміння анімації сторінок. Вміння публікацій на хостингах. Та базові поняття серверів. На курсі буде охоплено декілька мов програмування: PHP, JavaScript та мови розмітки HTML/CSS.

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

Частина 1

Введення в HTML

• Мова розмітки гіпертексту, що це таке та їх поняття
• Завдання зі Шреком
• Ознайомлення з тегами. Теги верхнього рівня
• Додавання структури сайту (Header, Navbar, body, Footer)
• Головні поняття верстки
• Сайт Stark Industries - додаткове завдання (верстка)

Мультимедіа та вбудовування

• Робота із зображеннями, теги зображення
• Пошук в інтернеті - розуміння як працюють сайти в пошуку так як працюють теги медіа
• Відео та аудіо контент
• Перенесення та списки
• Сторінка оркестру (практика верстки)

Фрейми і розмітка сторінки

• Тег iframe
• Власний фрейм
• Свято ліхтарів (верстка)
• Секційні елементи HTML
• Супер Маріо (верстка)

Знайомство з CSS

• Що таке CSS
• Кольори в CSS
• Командна робота (розуміння штату програмістів, хто за що відповідає)
• Налаштування шрифту
• Підключення сторонніх шрифтів
• Проектна робота (Підсумок 4 уроків)

Частина 2

Селектори CSS

• Селектори класу та ідентифікатора
• Застосування селекторів
• Спадкування (Наслідування) в CSS
• Застосування успадкування
• Способи підключення стилів
• Застосування способів підключення
• Найсвіжіші новини (практика верстка сайту новин)

Блокова модель CSS

• Блокові та рядкові елементи
• Похід у магазин
• Блоковий модель
• Ширина та висота
• Межа елемента
• Відступи-близнюки
• Перша секція сайту

Посилання та властивості фону

• Гіперпосилання
• Елементи-пустушки
• Властивості фону
• Створення сайту

Позиціонування

• Потік документа, статичне позиціонування
• Відносне позиціонування
• Абсолютне позиціонування
• Фіксоване позиціонування
• Проєктна робота

Частина 3

Вступ до дизайну

• Вступ до дизайну
• Два кити дизайну
• UI дизайн - у чому схожі
• UI дизайн - у чому різні
• Назва - секрет
• UX дизайн
• Велике дослідження

Аналіз пошукових запитів

• Ідея для проєкту
• Глобальні тренди
• Аналіз пошукових запитів
• Визначення цільової аудиторії
• Принцип роботи пошуку
• Мета теги

Макет підсумкового проєкту

• Вступ до Figma
• Реєстрація в Figma
• Тренування
• Макет підсумкового проєкту

Flexbox

• Навіщо потрібен Flexbox
• Принцип роботи Flexbox
• Justify-content
• Align-items
• Flex-direction
• Flex-wrap та align-content
• Flex 1
• Жаби - додаткове заняття (квіз)

Частина 4

Верстка сайту за макетом

• Робота з VS Code
• Встановлення розширень
• Підготовка робочого простору
• Emmet абревіатури
• Завантаження картинки сайту з Figma
• Верстка проєкту

Нові фішки та доопрацювання проєктів

• Невеликий фінал
• Кросбраузерність
• БЕМ методологія
• Доопрацювання проєкту

Завершення проєкту

• Аналіз верстки
• Закінчення верстки по макету

Публікація проєкту

• Механіка інтернету
• Ласкаво просимо в GitHub
• Публікація проєкту
• Додаємо сайт у пошук
• Підключаємо метрику

Частина 5

Псевдокласи та псевдоелементи

• Псевдокласи
• TO DO LIST
• Псевдоелементи
• Комікс (верстка)

Трансформації в CSS

• Новий скін Бена (практика верстка)
• Зламані візори (практика верстка)
• Трубопровід (практика верстка)
• Трубопровід lvl2 (практика верстка)

Анімації в CSS

• На що здатні анімації
• Ключові кадри
• Основні властивості анімації
• Налаштування анімації
• Творче завдання

Блокова модель: PRO

• Основні одиниці виміру в CSS
• Розміри блоку
• Функція calc()
• Липке позиціонування
• Просунуті властивості блоків
• Рефлексія

Частина 6

Сітчастий макет Grid-layout

• Знайомство з grid-сіткою
• Дисплей: grid
• Своя одиниця виміру fr
• grid-template-areas
• Так гріди чи флекси? Що краще?
• Шаблон із сіток

Змінні в CSS

• Навіщо потрібні змінні
• Змінні та псевдоклас :root
• Коментарі
• Перемикач теми
• Гарний перемикач теми

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

• Адаптивна і чуйна верстка
• Брейкпоінти
• Адаптивна верстка та медіа запити
• Планшети
• Мобільні телефони
• Адаптивний логотип

Взаємодія з інформацією користувача

• Що таке input?
• Початок нашої форми
• Checkbox і radio
• Select і Textarea
• Атрибути та label
• Закінчуємо форму (форма input)

Частина 7

Локальний сервер і знайомство з PHP

• Сервер і домен
• Знайомство з PHP
• Встановлення PHP
• php server
• Підключаємо нашу форму до власного php
• Можливості php

Поглиблення в PHP. Цикли, масиви

• Підготовка файлів
• Змінні та типи даних
• Цикли
• Масиви
• Динамічна верстка

Wordpress

• Підготовка матеріалу
• Що це?
• Встановлення рушія
• База даних
• Налаштування сайту
• Панель адміністратора
• Створюємо свій сайт з нуля

Натягування проєкта на движок

• Вихід на фінішну пряму
• Встановлення порожньої теми
• Вивантаження шапки проєкту
• Вивантажуємо підвал
• Вивантажуємо основний контент
• Робота зі стилями
• Додавання сторінок

Частина 8

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

• Що таке JavaScript і навіщо він потрібен?
• Робота з консоллю та змінними
• querySelector
• Прослуховування подій
• Доопрацювання проєкту

Бургер-меню

• Що це?
• Створення HTML
• Створення CSS
• Пишемо JS
• Плавність
• Підсумок

Карусель

• Підготовка файлів
• Підготовка HTML
• Робота над стилями
• Підключаємо карусель
• Робота над стилями
• Доопрацювання проєкту

Підсумковий урок

Фінальний проєкт.

По закінченню курсу ви:

• Будете володіти основами UX/UI дизайну
• Навчитесь створювати веб - сайти по макету за допомогою мови розміти html/css
• Створите власний проект та опублікуєте його на github
• Навчитесь створювати анімації
• Оволодієте основам програмування JavaScript та PHP
• Познайомитесь з серверною частиною веб-сайту

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

• Індивідуальний підхід
• Висококваліфіковані викладачі
• Сучасні технології навчання
• Мовне оточення для вивчення англійської
• Проєкт в портфоліо
• Сертифікат про проходження курсу

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

Віталій - Python Developer(Django)

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

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

На курсі Frontend Fundamentals ти навчишся:

• Створювати сучасні, адаптовані для мобільних пристроїв та десктопів вебсайти з високим рівнем SEO-оптимізації, використовуючи HTML, CSS і JavaScript
• Використовувати інструменти розробника на основі Visual Studio Code та Git/GitHub для публікації коду й розгортання проєкту

Після курсу JavaScript/TypeScript Fundamentals ти:

• Вивчиш основи JavaScript та TypeScript для frontend й backend
• Створюватимеш інтерактивні елементи та серверні застосунки

Після Data Base Fundamentals зможеш:

• Розробляти й адмініструвати бази даних, необхідні для будь-яких повноцінних IT-рішень (як реляційні, так і нереляційні)
• Проєктувати та створювати таблиці і будувати запити до них з використанням мови SQL

Після DevOps for Developers навчишся

• Розгортати, підтримувати та тестувати середовища і інфраструктури для виконання проєктів
• Автоматизувати процеси збірки і розгортання (CI/CD) у тому числі з використанням контейнерів

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

Пройдеш курс Practical React де ти:

• Закріпиш на практиці розробку вебзастосунків з React, Node.js, Next.js та мовами програмування JavaScript/TypeScript й тестувати їх
• Опануєш принципи SOLID та знатимеш, як їх застосовувати
• Навчишся створювати повністю функціональний вебпроєкт

Після практичного Node.js ти:

• Розумітимеш і застосовуватимеш принципи Node.js та ООП
• Розроблятимеш REST API з Express.js та Koa

Після практичного React Native ти зможеш:

• Розробляти додатки з React Native для мобільних пристроїв
• Працювати з Flexbox, керувати станом, подіями та HTTP-запитами
• Використовувати Redux toolkit, SQLite та React Native Gesture Handler

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

Після Project-based learning Full Stack JavaScript ти вмітимеш:

• Працювати за методологією Agilе
• Писати якісний код, покривати його Unit-тестами
• Розробляти застосунки з використанням JavaScript та сучасних фреймворків (React/Node.js)
• Ефективно працювати в проєктній команді: оцінювати задачі, розставляти пріоритети та працювати з дедлайнами
• Робити рев'ю коду своїх тіммейтів
• Працювати з проєктною документацією та інструментами розробки, системами керування завданнями та обліку дефектів (GitHub Project)

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

• Графік 2-3 рази на тиждень переважно у вечірній час
• Живі онлайн-заняття з менторами, записи всіх занять і чат в Discord
• Сертифікат про проходження курсу
• 70% програми - практичні завдання з перевіркою
• Підтримка менторів
• Можливість навчатися в будь-який час по записах і брати паузу між курсами
• Навчаємо використовувати сучасні ШІ-помічники та інструменти
• Спільнота однодумців у Discord
• Доступ до додаткових e-курсів
• Безкоштовний розмовний клуб з англійської
• Закриті події з експертами компанії

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

• В'ячеслав Колдовський - Full Stack Developer
• Наталія Ревуцька - Full Stack Developer
• Владислав Хричов - Full Stack Developer
• Михайло Плеша - System Administrator
• Дмитро Міночкін - Cloud Architect
• Ігор Капацила - Full Stack Developer