Курс Full Stack

Під час навчання на курсі Full Stack ми приділяємо велику увагу не тільки технічним знанням та навичкам, а й іншим важливим аспектам: вивченню англійської, вмінню писати резюме та проходити всі етапи співбесід, наповнюванню портфоліо, захисту особистого проєкту тощо. Тому випускники A-Level є більш конкурентоспроможними та впевненими кандидатами на ринку праці та швидше досягають кар'єрного зростання за умови високої вмотивованості!

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

Модуль 1. Верстка

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

• Роль FrontEnd у світі IT. Взаємодія "фронту" з "беком" і дизайнером
• Етапи життя проєкту
• Інструменти для розробки (редактор коду, Photoshop, devTools)
• Рендеринг сторінки
• Базові принципи верстки. Кросбраузерність і валідність - що це і чому це важливо
• Браузери
• Структура HTML-документа
• Взаємини блоків: вкладений, дочірній, сусідній, батьківський

CSS

• Що таке CSS
• Способи завдання стилів
• Селектори CSS
• Каскад ("вага" селекторів)
• Комбінування та угрупування селекторів. Ієрархія селекторів. Успадкування. Значення inherit
• Вбудовані стилі браузерів. CSS reset
• Блокова модель
• border
• Властивість display
• Потік
• Властивості float
• Позиціонування
• Властивість overflow
• Властивість transition
• Властивість transform
• CSS3-анімація

CSS-Flex-box

• Вбудовані стилі браузера
• Блокова модель
• border
• Box-sizing
• Властивість display
• Потік
• Властивість float
• clearfix
• Властивість overflow

Responsive

• Adaptive & Responsive
• Види "девайсів"
• CSS-інструменти для респонсування
• Налаштування для респонсування сторінки
• Медіа-запити CSS
• Breakpoints (контрольні точки)
• Навігація на сайті
• Pixel Perfect

Практична верстка

• Social networks за допомогою SVG-іконок
• Шрифти та їх підключення
• Практична верстка

GIT

• Основи: команда diff
• Системи контролю версій
• Команда init
• Статуси файлів, команди status, add, commit, config, log
• Робота із віддаленим репозиторієм, ssh, ключі
• Основні команди

Linux

• WHO IS OPERATION SYSTEM
• UNIXWAY
• Automation, scripting, network tools (ssh, rsync, ftp, telnet)
• Networking
• Docker
• Docker-compose

Bootstrap

• Framework. Що? Навіщо? Чому?
• Bootstrap: встановлення, налаштування
• Компоненти Bootstrap
• Утиліти (Utilities)

Модуль 1

Модуль 2. JavaScript

Загальний вступ. Знайомство з JavaScript

• Калькулятор
• Вирази
• Властивості виразів
• Змінні
• Присвоєння
• Блоки коду
• Отладка

Вступ до типів даних. Числа та порожні типи

• Типи даних
• Числа
• Операції та вирази з числами
• Спеціальні значення
• Пусті типи даних

Рядки

• Устройство рядку
• Літерали рядків
• Базові операції з рядками
• Chaining
• Знайомство з регулярними виразами

Boolean та логічні вирази

• Boolean
• Приведення до типу Boolean
• Тернарний оператор
• АБО (||, ??), І (&&)
• Знайомство з умовами "if-else"

Масиви

• Hoisting (Підняття)
• Масиви
• Черги та стеки
• Посилання
• Деструктуризація
• Цикл for...of
• Ітеруючі методи масивів

Об'єкти

• Об'єкти огляд
• Літерали та присвоєння об'єктів
• Робота зі значеннями в об'єкті
• Посилання
• Spread (...)
• Деструктуризація
• Ключове слово in
• Цикл "for-in"
• Знайомство з JSON
• Упорядкованість ключів в об'єктах
• Висновки

Функції

• Знайомство: Функції, дії
• Вирази пов'язані з функціями
• Рівні абстракції
• Стрілкові ункції =>
• Виклик
• Callback

Висновок про синтаксис, типи даних і вирази. Знайомство з DOM

• Огляд
• Деревовидимість коду та його ефекти
• Відокремленість
• Незалежність та зв'язність коду
• Визначення типу значення (typeof та constructor.name)
• Вирази
• Аксіоми

Розгалуження (if та switch)

• Розгалуження (if i switch)
• Блоки коду
• if-else
• switch-case

Цикли

• Визначення
• Загальна структура циклів
• while, do..while
• for
• for..of
• for..in
• Загальні підходи до написання циклів
• Нескінченні цикли, що не запускаються
• Ітеруючі методи масивів

Замикання

• Області видимості
• Замикання
• Let Over Lambda (LOL)
• Як користуватися замиканнями
• Як праблеми вирішують замикання
• This в стрілочних
• Стандартні помилки
• JS реалізація ООП: замикання теж об'єкти

Redux і друга частина DOM

ООП

• Принципи ООП
• Функціональне ООП
• Знайомство з new, та прототипами
• Приховування (інкапсуляція)
• Стан

Рекурсія try-catch-finaly

Асинхронна архітектура браузера. Promise

• Асинхронна архітектура браузера
• WebAPI
• Мережеві можливості браузера
• Promise: ідея, стан, результат
• 'then', 'catch', 'finaly'
• Що приймає та повертає 'then' та інші методи промісу

Async, Await. Паралельність vs Послідовність

• Async, Await
• Паралельність та Послідовність
• Хронологія роботи та результат асинхронної функції
• Схожість із звичайними функціями
• Симетрія виклику
• Використання .then та .catch спільно з await
• Коли використовувати послідовний або паралельний сценарій використання коду і як цим керувати

REST, GraphQL та JWT

• Загальний огляд розповсюджених сучасних мережевих API
• REST - простий та нестандартизований
• GraphQL більш потужний
• Яким чином сервер відрізняє користувачів від анонімів та один від іншого

Redux Thunk та CombineReducers. Модульне завдання

• Просунутий Redux - сценарії роботи з Redux та способи об'єднання ред'юсерів
• Підготовка до модульного завдання

Генератори

ООП, Прототипне ООП, ES6 класи

• Принципи ООП
• Будова JS класів - Конструктори та Прототипи
• Наслідування

Консультаційні заняття

Модуль 2

Модуль 3. Node

Вступ

• Що є ядро та API
• Що є в ноді
• Серверне господарство
• Файли. Бази. Мережа
• npm
• Підходи до реалізації обробки безлічі клієнтів
• Мультитред
• Async/coroutines
• Потоки

Мережа та Express

• Що і навіщо?
• MVC
• REST
• + && -
• File Upload
• Alternatives
• JSON-RPC
• graphql

Знайомство з СКБД. NoSQL. MongoDB. ODM

Mongo та mongoose.

SQL СКБД. Maria DB/MySQL. DDL

• Datatypes
• Data Definition Language
• CREATE DATABASE && TABLES
• CRUD (create-read-update-delete)

SQL СКБД. MariaDB/MySQL. DML. Знайомство з ORM

• INSERT, DELETE, SELECT, JOINS
• Sequelize

JWT Аутентифікація, знайомство з GraphQL

• Як працює аутентифікація
• Як створити та підписати JWT Token
• Різниця між GraphQL та REST
• Базовий каркас GraphQL

Захист модульної роботи

Модуль 4. React

Вступ. Загальний огляд, шаблонізація та JSX

• Загальний огляд: Що таке React та які проблеми він вирішує
• Шаблонізація. Що повині вміти шаблонізатори
• Верска та JSX
• children
• JSX синтакси. Toolchain. Пошук та заміна
• Ланцюжок JSX => React.createElement => VirtualDOM
• Можливості та особливості JSX

Стан

• Коли оновлюється (перевикладається) компонент React
• Стан
• Програмний інтерфейс компоненту
• Проблеми функціональних компонентів

Життєвий шлях та цикл. Компоненти-класи

• Життєвий шлях та цикл
• ref
• Аксіоми React
• Мінімальний компонент-клас. Пропс. Стан в компонентах класах
• Життєвий шлях та цикл

Засоби комбінування коду в React

• Controlled Components
• Контейнери та презентори
• Render Prop
• High Order Component (HOC)
• Custom Hooks

Routing та Redux

• Router
• Route
• Link
• Параметри
• Redirect
• Hooks
• Redux
• connect
• useDispatch
• useSelector

Redux Toolkit

• Redux Toolkit
• RTK-Query
• redux-persist

Випуск

Дипломна робота

Опис

Дипломна робота включає в себе створення сайту. Сайт має містити: реєстрацію та логін, індивідуальний кабінет (залежить від конкретного проєкту), роутинг, захищений роутинг за наявності ролей на беку, заливка файлів, структурне розташування коду на диску, один із фреймворків або своя верстка: Bootstrap, Ant Design. Структурна верстка, розбиття на компоненти за суттю. Сховище, Redux + кілька ред'юсерів, серверна взаємодія та тривалі сценарії: actionCreator + Thunk або Saga, робота з беком.

Захист дипломної роботи

Необхідно здати практику, передбачає демонстрацію робочого проєкту, відповіді на будь-які питання пов'язані з проєктом, демонстрацію коду на вимогу. Та здати співбесіду на Junior Developer, сторонньому, незалежному експерту За обидва блоки можна отримати від 0 до 10 балів.

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

• 24 заняття з англійської мови
• Тестова співбесіда з технічним спеціалістом
• Майстер клас по складанню резюме та проходження співбесід
• Консультація з рекрутером та тестова співбесіда
• Супровід до моменту працевлаштування менеджером, закріпленим за групою