Під час навчання на курсі 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 заняття з англійської мови
- Тестова співбесіда з технічним спеціалістом
- Майстер клас по складанню резюме та проходження співбесід
- Консультація з рекрутером та тестова співбесіда
- Супровід до моменту працевлаштування менеджером, закріпленим за групою
Больше информации
Дякуємо вам за такі теплі слова!
Ми безмежно раді, що навчання стало для вас не лише корисним, а й справді приємним досвідом. Атмосфера підтримки, дружня комунікація та комфорт — це саме те, що ми прагнемо створювати для кожного студента.
Бажаємо вам нових досягнень, впевненості у власних силах і ще більше кайфу від подальшого розвитку в ІТ)