Курс Full-stack developer: з нуля до роботи в IT

Це старт. Тут ти освоїш синтаксис мови JavaScript, ознайомишся зі змінними, циклами, функціями, логічними операторами та іншими базовими конструкціями.

Теми

• Introduction
• Your First JavaScript Program
• Main Concepts
• Numbers
• Strings
• Boolean
• Functions
• Conditional Statements
• Arrays
• Loops
• String Iteration
• Strings Methods
• Working With Arrays
• Practice

Навчися використовувати GenAI ефективно та відповідально.

Теми

• How GenAI Works
• Limitations of GenAI
• Prompting
• Responsible Use
• GenAI for Learning and Work
• How to Keep Up With AI

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

Теми

• How to Learn Effectively

Поверстаємо? В цьому модулі ти ознайомишся з базовими конструкціями мови розмітки HTML та мовою стилів CSS.

Теми

• Environment Setup
• HTML Basics
• CSS Basics
• Colors and Fonts
• Box Model Basics
• Semantic Basics
• Responsiveness Basics
• CSS Selectors
• Pseudo-Elements and Pseudo-Classes
• Specificity
• Links and URLs
• Images
• Media Queries
• Forms
• Position
• Extra Topics

Термінал — один з основних інструментів будь-якого розробника. У цьому модулі ти познайомишся із базовими командами термінала, а також дізнаєшся, що таке система контролю версій Git та як нею користуватися.

Теми

• Environment Setup
• Command Line Basics
• Git Basics
• Working With Branches
• Working With Remote Repo (GitHub)

Продовжимо знайомство з JavaScript? Час подивитися на рядки, числа та цикли з іншої сторони. Ох, а об'єкти чого тільки варті ... І на десерт — ще порція задач для додаткової практики!

Теми

• Code Style
• Working With Numbers
• Loops in Details
• Working With Strings
• Functions Revisited
• Switch
• Type Conversion
• Logical Operators
• Object Basics
• Extended Extra

Верстають усі! У цьому модулі ти поглибиш свої знання у верстці, розберешся з псевдокласами, псевдоелементами, розглянеш основи препроцесора Sass, а також познайомишся з методологією BEM. Ну і в якості вишеньки на тортику — зверстаєш лендінг для свого портфоліо!

Теми

• Environment Setup
• Figma Installation
• Flexbox
• BEM
• Sass
• Transformations and Animations
• Grid
• Landing [Portfolio Project]
• Document and Events

Тепер поглибимо наші знання та закріпимо базу на практиці. Навчимося працювати з GitHub та отримаємо зворотній зв'язок від менторів на написаний код. Навчимося робити інтерфейси не тільки гарними, але й функціональними! Зробимо перший запит на сервер та багато-багато іншого!

Теми

• How to Solve Tasks on Github
• Object Advanced
• Methods
• Array Methods
• Callbacks
• Array Iteration Methods Implementation
• Array Iteration Methods Usage
• Array Iteration Methods Practice
• Closures
• JS Practice
• Prototype
• Constructors
• Classes
• Extra

В цьому модулі ти дізнаєшся як керувати сторінкою за допомогою JavaScript, а також про асинхронність у JavaScript.

Теми

• DOM Basics
• DOM Styling and Sizing
• Events
• Promises
• Portfolio Project

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

Теми

• Introduction
• Props
• Rendering Lists
• Handling Events
• List Manipulation
• Lifting State Up
• Updating State

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

Теми

• Introduction
• Basic Types
• Advanced Types
• Object Types
• Classes
• Generic Types

У цьому модулі ти познайомишся з магією TypeScript у React.

Теми

• Introduction
• Forms
• Advanced Hooks
• Component Lifecycle
• Custom Hooks
• Loading Data From API
• Updating Data on Server
• State Management
• React Router
• Working With URLSearchParams
• Portfolio

Що там по менеджменту? Розберемось, як використовувати бібліотеку Redux в парі з бібліотекою React для менеджменту загального стану твого додатка. Припинимо прокидатися в холодному поту від слова «ред'юсер». Або почнемо…

Теми

• Main Concepts
• React Redux
• Async Redux

Кожного дня ти так чи інакше взаємодієш із мережею Інтернет. Але чи замислювався ти над тим, як працює всесвітня павутина? У цьому модулі ми допоможемо тобі розібратися з тим, як взаємодіють та обмінюються даними наші пристрої в мережі та що таке Інтернет в цілому.

Теми

• Introduction to the Web
• OSI Model
• HTTP
• API Interface
• Encryption
• Security in the Web

У рамках даного модуля ти познайомишся з поняттям бази даних, а також дізнаєшся, які існують види баз даних. Ти розглянеш, яким чином зберігається інформація в реляційних базах, та навчишся писати запити SELECT, щоб отримувати потрібну інформацію в бажаному вигляді. Після завершення модуля ти будеш знати, що таке INNER JOIN та для чого він використовується, будеш вміти сортувати та групувати дані за потрібними критеріями, а також застосовувати різні функції конкретної БД. Отож, поїхали!

Теми

• Introduction to SQL
• SELECT Statement
• WHERE Clause
• NULL Value, LIKE, BETWEEN, and IN Operators
• ORDER BY, LIMIT, DISTINCT Clauses
• Aliases
• Aggregate Functions
• GROUP BY Clause
• JOIN Clause
• Functions
• HAVING Clause

Ну що, frontend вже підкорений? Тоді саме час почати писати сервери на Javascript! У цьому модулі ти зануришся у світ Node.js і backend-розробки, дізнаєшся як створити API та авторизувати користувача. Також ти будеш працювати з базою даних і WebSocket, писати тести, деплоїти проєкти та багато чого іншого.

Теми

• Introduction
• Modules
• Development Environment
• Working With Command Line
• Working With Files
• HTTP Module
• Event Loop
• Streams
• Express
• Working With Databases
• Node.js App Deployment
• Authentication
• Realtime Applications

За 4 тижні з нуля створюємо свій продукт у командах з Mates з інших напрямків, працюємо за Scrum, презентуємо результати мейтівцям. Наприкінці ти матимеш ще один проєкт у резюме та безцінний real-world досвід.

Теми

• Week 0: Team Project. Intro
• Week 1: Jira Environment
• Week 2: Status Check
• Week 3: Estimates
• Week 4: How to Demo Your Work
• Final Week: Retrospective
• Team Project for Employment

У цьому модулі ти створиш чистий репозиторій для проєкту, дізнаєшся про найкращі практики для оптимізації, а також створиш README.

Теми

• Final Portfolio Review

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

Теми

• Employment Roadmap
• Preparing Your Resume
• Interview Preparation
• Cover Letter Preparation
• Google, LinkedIn, DOU, Djinni
• How to Find and Apply for Vacancies
• Job Search Tips: Talking to Recruiters
• Work details FAQ

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

Теми

• Introduction to Communication & Stress Management
• Confidence Building and Stress Management
• Diction, Filler Words Reduction, and Body Language
• Public Speaking
• Job Interview
• Written Communication
• Social Media Communication Skills Development

У цьому модулі ти створиш застосунок ToDo за допомогою фреймворку Vue.js, використовуючи його систему реактивності, компоненти та обробку даних за допомогою Axios. Ти також вивчиш передові методи та розгорнеш свій застосунок на GitHub Pages.

Теми

• Introduction
• Templates
• State Management
• Forms
• Computed Values
• Components
• Interaction With Page Elements
• Interaction With the Server
• Error Handling
• TodoApp with Vue.js

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

Теми

• Angular Basics

Алгоритми замовляли? У цьому модулі ми познайомимося з різними структурами даних та алгоритмами. Навчимося обходити дерева краще сина маминої подруги, сортувати масиви зі швидкістю quick sort, створювати hash map та не тільки стояти в черзі, а й реалізовувати її. І це тільки маленька частинка того, що тебе чекає в цьому модулі.

Теми

• Module Overview
• Algorithms complexity
• Arrays
• Binary search
• Two pointers
• Linked lists
• Stack
• Queue
• Trees
• Binary search tree
• Priority queue

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

Теми

• Basic Principles
• SOLID Principles

Тестування — це важливо! Але чим більше коду, тим більше треба перевіряти кожного разу. Автоматизація дозволить значно спростити цей процес.

Теми

• Introduction to Javascript Automated Testing
• Unit Testing
• TDD Basics
• Mock Basics
• Advanced Mocks
• Cypress

У цьому модулі ти розглянеш як організована розробка програмного забезпечення та як її можна оптимізувати. А найголовніше — яка роль DevOps-інженера в усьому цьому.

Теми

• Introduction
• DevOps Culture and Practices
• DevOps as a Role
• SDLC and Development Methodologies
• Summary

Модуль, який допоможе впевнено пройти випробувальний термін, сформувати план професійного розвитку, підготуватися до performance review та навчитися фіксувати свої досягнення. Він дає практичні інструменти для свідомого кар’єрного зростання та підготовки до нових можливостей.

Теми

• Succeeding in Your Trial Period
• Personal Development Plan (PDP)
• Performance and Salary Reviews
• CV and LinkedIn Profile
• Interview Preparation