Взагалі не рекомендую цю школу! Жахливий сервіс, де вас не попередять про зростання цін, клієнтоорієнтованість взагалі жах! На усі зауваження відповідь дають «зафіксував», коли провина саме лежить на школі та надані послуг.
Роблять усі умови, щоб ви сплатили пакетом, кажуть що якщо щось дитині не сподобається то повернуть кошти , але повертають вони 30% з того , що повинні. Звичайно, що це прописано у оферті на 9 сторінок, але при продажу кажуть зовсім інше і в тебе не виникає навіть сумнівів, що таке може бути!! Я проходила навчання раніше і в інших школах і усе було прозоро, відповідально і тд, а тут просто пробили дно.
Ще важливе зауваження- при підписані договору заявляли, що ціна закріплюється на весь період навчання, але потім раптом все змінилось і навчання подорожчало на 15%. Ось такий сервіс, тємкі муткі
Курси Frontend Developer: HTML та CSS
Порівняння усіх курсів
- JavaScript
- Frontend
Програма курсу
Основи
- Змінні
- Типи даних
- Браузерні функції
- Перетворення типів даних
- Базові оператори, математика
- Оператори порівняння
- Оператор 'if', '?', 'switch', '??'
- Console, comments
Цикли
- Цикл for
- Цикл while
- Цикл do...while
- Цикл for in
- Цикл for of
Функції
- Основи функцій
- Function Expression
- Стрілочні функції
- Область видимості функції
- Замикання функцій
Масиви
- Основи
- Методи масивів
- Перебирання масивів
- Map i Set
- Spread i Rest
- Деструктуризація
Дата та час
- Об'єкт дати
- setTimeout() та setInterval()
DOM та робота з браузером
- DOM
- Пошук по елементам
- Зміна елементів
- Перебирання
- Створення, вставка та видалення
- Робота з подіями
- Події миші
- Події клавіатури
- Робота з формами
Інструменти які ти вивчиш на курсі
- JavaScript
- VS Code
- GitHub
Навички які ти отримаєш після курсу
- Вміння самостійно робити програми рівня панелі адміністратора, та виявляти й виправляти помилки в коді
- Глибоке розуміння мови JavaScript, синтаксису, типів даних, змінних, функцій та об'єктів
- Вміння застосовувати захоплюючі ефекти на сторінках та реалізовувати інший цікавий функціонал
- Вміння впевнено представляти себе на співбесіді та розвивати свої SoftSkills
Викладачі курсу
Владислав Ралець - Front End Developer at CGI
Подати заявку- Frontend
Курс надає знання та навички розробки web-додатків та додатків для Windows Store з використанням стеку технологій HTML5/CSS3/JavaScript, створення на HTML5 програмних компонентів та структур для цих додатків. Розглядаються принципи побудови програмної логіки, визначення та використання змінних, написання циклів та розгалужень, побудови інтерфейсів користувачів, обробки та зберігання даних, які вводяться, розробки структурованих додатків на базі HTML5/CSS3/JavaScript.
Програма курсу
Огляд HTML та CSS
- Огляд HTML
- Огляд CSS
- Створення web-додатків за допомогою Visual Studio 2012
Створення та стилізації HTML5-сторінок
- Створення сторінки HTML5
- Налаштування стилю сторінки HTML5
Вступ до JavaScript
- Огляд синтаксису JavaScript
- Використання DOM в JavaScript
- Вступ до jQuery
Створення форм для збору даних та перевірки даних, які введені користувачем
- Огляд форм та типів введення
- Перевірка даних, які введені користувачем, за допомогою атрибутів HTML5
- Перевірка даних, які введені користувачем, за допомогою JavaScript
Взаємодія з віддаленим джерелом даних
- Відправлення та отримання даних за допомогою XMLHttpRequest
- Відправлення та отримання даних за допомогою операцій jQuery AJAX
Моделювання за допомогою HTML5 CSS3
- Стилізація тексту
- Стилізація групи елементів
- Селектори CSS3
- Використання графічних ефектів CSS3
Створення об'єктів за допомогою JavaScript
- Розробка структурованого коду на JavaScript
- Створення власних об'єктів
- Розширення створених та наявних об'єктів
Створення інтерактивних сторінок за допомогою HTML5
- Взаємодія з файлами
- Використання мультимедіа
- Реагування на дислокацію та контекст глядача
- Налаштування та профілювання web-додатків
Використання можливостей зберігання даних на стороні клієнта
- Локальне читання та запис даних
- Збереження даних на стороні клієнта у offline-режимі за допомогою кеша додатка
Реалізація адаптивного інтерфейсу користувача
- Підтримка різних форм-факторів
- Створення адаптивного інтерфейсу користувача
Використання графіки
- Створення векторної графіки за допомогою бібліотеки SVG
- Програмне створення графіки за допомогою елемента Canvas
Анімація інтерфейсу користувача
- Застосування CSS-переходів transitions
- Перетворення елементів transformations
- Використання покадрової CSS-анімації
Реалізація обміну повідомленнями, спрямованого в обидва боки, з використанням Web Sockets
- Вступ до Web Sockets
- Відправлення та отримання даних за допомогою Web Sockets
Використання Web Workers
- Вступ до Web Workers
- Виконання асинхронної обробки за допомогою Web Workers
Після курсу слухачі зможуть:
- Використовувати Visual Studio 2012 для створення Windows Store та web-додатків
- Описати нові функції HTML5, створювати сторінки в стилі HTML5
- Додавати інтерактивні сторінки HTML5 з використанням JavaScript
- Створювати форми HTML5 з використанням різних типів введення, перевіряти дані, які введені користувачем, за допомогою атрибутів HTML5 та коду JavaScript
- Відправляти та отримувати дані віддалено за допомогою об'єктів XMLHttpRequest та методів AJAX-бібліотеки jQuery
- Налаштовувати стиль сторінок HTML5 за допомогою нових можливостей CSS3
- Створювати структурований код на JavaScript, який легко супроводжувати
- Використовувати нові можливості JavaScript API в інтерактивних web-додатках
- Створювати web-додатки, які підтримують зберігання даних на стороні клієнта у offline-режимі
- Створювати web-сторінки HTML5, здатні адаптуватися до різних видів пристроїв та форм-факторів
- Виводити графіку засобами HTML5, використовуючи елементи Canvas та масштабовану векторну графіку SVG
- Підвищити зручність інтерфейсу користувача за допомогою анімації на сторінках HTML5
- Використовувати нові можливості Web Sockets API для передачі та прийому даних між web-додатком та сервером
- Зробити більш ефективною роботу додатків, які здійснюють тривалі операції з використанням Web Worker
Особливості курсу
- LIVE-навчання незалежно від формату участі в курсі (очно/віддалено)
- Підбірка матеріалів по темі курсу
- Попередньо налаштоване середовище та навчання на сучасному обладнанні
- Електронний сертифікат НЦ "Мережні Технології"
- Обід та кава-брейки (очний курс)
- Консультації тренера протягом 6-ти місяців після закінчення курсу
- Frontend
На завершення курсу кожен студент розробить повноцінний проєкт, який буде захищений. Це дозволить набути досвіду у формуванні власного проєктного погляду та аргументуванні думок. Ця навичка допоможе дитині просувати власні ідеї у сфері IT, здобуваючи авторитет серед дорослих програмістів.
Програма курсу
Модуль 1. HTML&CSS Basics
- Основні HTML теги та атрибути
- Основи CSS, блочна модель
- Селектори CSS
- Оформлення елементів
- Поля і відступи
- Порядок верстки блоку
- Тестування результатів верстки
- Управління розміром і положення блоків на сторінці
- Технологія Flexbox
- Базова анімація
- Основні інструменти розробника
- Робота з GitLab, базові команди, створення свого репозиторію
Модуль 2: UI/UX design Basics
- Базове знання Figma
- Базове знання UI/UX
- Основи сайтобудування
Модуль 3. Advanced HTML/CSS
- Технологія Bootstrap 4
- Технологія Gulp
- Просунута структура проєкту
- Адаптивна верстка
- Гумова верстка
- Препроцессори, а саме: Sass
Модуль 4. Basic JavaScript
- Базові та об’єктні типи даних
- Перетворення типів
- Змінні й правила їх іменування
- Умови, оператори, масиви, цикли, функції, робота з датами та часом
- Введення в браузерні події
- Робота з таймерами, localStorage
- Області видимості
- Контекст виклику
- Обробка помилок
- ООП в JavaScript – функції-конструктори, прототипи, класи
Модуль 5. Soft Skills
Модуль 6. Final Project
Особливості курсу
- Для дітей віком від 12 до 15 років
- До 15 дітей в групі
- Система оцінки знань
- Багато практичних завдань
- Робота над власними проєктами
- Сертифікат про закінчення навчання
- Frontend
Програма курсу
HTML/CSS
На етапі курсу HTML/CSS ти отримаєш всі необхідні знання стосовно "каркасу", розмітки сайту. Навчишся застосовувати стилі, шрифти та опануєш всі основні моменти у побудові сайту. Створиш свою першу лендінг сторінку, навчишся як робити навігацію по сайту, сайдбар та багато іншого. Будеш працювати з зображеннями на сайті та текстовими блоками. Зрозумієш що таке мета-кодування сторінки та для чого воно використовується. Познайомишся з різними браузерами з точки зору розробника та зрозумієш переваги та недоліки кожного з них.
Основи програмування
У блоці "Основи програмування" ти поринеш у світ IT, зробиш свій перший крок до того, щоб зрозуміти що таке програмування та чим займаються програмісти. Будеш вивчати ази мови Java, розберешся чому вона одна з найпопулярніших. Також в цьому курсі ти напишеш ряд програм, які нададуть тобі перший поштовх в цій сфері. Цей блок підготує тебе до того, щоб перейти вже на професійний рівень програмування.
JavaScript
На цьому етапі курсу ти ще більше будеш заглиблюватись у веб-розробку та програмування. Дізнаєшся про всі особливості та можливості JavaScript. Навчишся ще більше взаємодіяти з користувачами на твоєму сайті через форми, корзину, карти, коментар та багато іншого. Тут ти зможеш зробити свій сайт більш функціональним та професійним.
JavaScript Advanced
На етапі курсу "JavaScript Advanced" ти зможеш реалізувати на своєму сайті все задумане, адже будеш вивчати такий популярний фреймворк Angular. Ти дізнаєшся про те які є фреймворки та як з ними працювати. Навчишся працювати з базами даних та зрозумієш особливості роботи сервера. Дізнаєшся що таке Git та опануєш новий для тебе підхід роботи з даними. Дізнаєшся що таке Gulp та як з його допомогою можна автоматизувати роботу фронтенд-розробника. Будеш працювати з об'єктами, функціями та дізнаєшся про всі можливості їх взаємодії у JavaScript. Вивчиш ще одну "мову програмування", фактично надбудову JavaScript, яка допомагає створювати масштабні проєкти, зберігаючи при цьому високу якість та спрощує процес самої розробки.
Проєкт
Після всіх етапів курсу ти зможеш застосувати всі свої знання виконуючи фінальний проєкт. Це практика яка триватиме 2 тижні. За цей час ти зможеш максимально заглибитись у розробку, оскільки всі матеріали наближені до реального проєкту та робочого процесу в ІТ компанії.
Тренінг "Співбесіда в IT"
На тренінгу ми навчимо тебе як правильно проходити співбесіду, щоб ти міг показати всі свої навики та успішно працевлаштуватись. Обговоримо яка специфіка співбесіди саме в ІТ сфері. Ти дізнаєшся з чого розпочинати розмову, що варто, а що не варто говорити та як переконати рекрутера, що ти його ідеальний кандидат.
Тренінг "Методологія управління проєктами SCRUM"
Тут ти дізнаєшся які є переваги цієї гнучкої методології та зможеш на практиці її застосувати. А також поговоримо:
- у чому специфіка ринку ІТ
- які є цінності у розробці ПЗ та готового продукту загалом
- які ще є підходи до розробки та у яких випадках вони використовуються
- як зробити продукт з точки зору безпеки як для клієнта, так і для кінцевого користувача
Ми детально пропрацюємо всі пункти та розберемо їх важливість. Ти зможеш стати частиною змодельованого процесу розробки та закріпити все на практиці. Більшість компаній працює саме за цією методологією, тому, дуже важливо вміти правильно взаємодіяти з колегами та розуміти всі процеси розробки.
Тренінг "Як заробити на міжнародному фрілансі UpWork першу 1000$"
Якщо ти хочеш працювати та не залежати від компанії тобі на UpWork. На фрілансі ти можеш працювати за своїм особистим графіком та брати тільки ті проєкти, які цікаві тобі. На тренінгу провідні спеціалісти розкажуть як ефективно працювати на UpWork. Розкажуть як здобути перший досвід та просуватись у рейтингу професійних розробників. Навіть маючи мінімальний досвід ти зможеш працювати над своїми першими проєктами та почнеш заробляти. Тебе чекає покрокова інструкція від реєстрації до пошуку та відбору проєкту.
Особливості курсу
- Робота з експертами
- Портфоліо
- Зворотній зв'язок
- Ефективне навчання
- Диплом
- Повний стек технологій
- Закритий телеграм-чат
- Геймифікація
- Допомога з працевлаштуванням для успішних студентів
Викладачі курсу
- Олександр Гуцуляк - Solution Architect at TeachMagic
- Добрянський Юрій - CTO at Empeek
- Тарас Кундик - Frontend Developer at CodeLions
- Олег Коваль - Intermediate QC Engineer at SoftServe
- Володимир Ярошинський - Python Developer at NDA Company
- Юрій Кіт - Senior Software Engineer at TalentFly
- Маріна Мокра - IT and Business English
- Петро Жук - Web Software Developer at UKEESS Software House
- Анна Кузій - Intermediate Software Engineer at SoftServe
- Іванна Бабчанік - Senior Software Engineer at EPAM
- Михайло Гладченко - CEO & Founder at Asign
- Андрій Ровенський - Lecturer of Computer Science at Logos IT-Academy
- Тарас Погорецький - Senior Full Stack Engineer at EPAM
- Angular
- Frontend
Пройдеш повний цикл створення веб-проєктів з нуля. Навчишся швидко та якісно створювати програми з використанням Angular. Налагоджувати вже існуючі програми та покращувати їх роботу.
Програма курсу
Модуль 1. Встановлення Angular CLI
- Встановлення Node.js та npm
- Встановлення Angular CLI через npm
- Створення нового проекту Angular
Модуль 2. TypeScript
- Основи TypeScript
- Типи даних (примітиви, об'єкти, масиви, функції)
- Інтерфейси та класи
Модуль 3. Філософія Angular
- SPA (Single Page Application) концепція
- Архітектура Angular (MVVM, DI, модулі)
Модуль 4. Angular CLI
- Основні команди CLI
- Генерація компонентів, директив, сервісів
- Виконання завдань, таких як build, serve, test
Модуль 5. Компоненти: Створення/Використання/Декоратори
- Структура компоненту (TS, HTML, CSS)
- Використання декораторів @Component
- Створення компонентів через Angular CLI
- Зв'язування даних (Data Binding)
Модуль 6. Component Life Cycle
- Життєвий цикл компоненту
- Основні методи життєвого циклу (ngOnInit, ngOnChanges, ngOnDestroy)
- Використання хуків життєвого циклу для керування станом компонента
Модуль 7. Change Detection
- Механізм виявлення змін
- Оптимізація продуктивності
Модуль 8. Модулі / standalone
- Основи створення модулів в Angular
- Використання декоратора @NgModule
- Standalone компоненти
- Створення standalone компонентів
Модуль 9. Директиви + Pipes
- Основи створення директив
- Відмінності між структурними та атрибутивними директивами
- Використання вбудованих директив (ngIf, ngFor)
- Створення та використання pipes
- Вбудовані pipes (DatePipe, CurrencyPipe, UpperCasePipe)
- Асинхронні pipes (async pipe)
Модуль 10. Services
- Основи створення сервісів
- Використання декоратора @Injectable
- Використання HttpClient для виконання HTTP запитів
- Обробка помилок та інтерсептори
Модуль 11. Форми Reactive Forms
- Основи Reactive Forms
- Створення FormGroup та FormControl
- Зв'язування форми з шаблоном
Модуль 12. Обробка даних форми
- Використання FormBuilder для спрощення створення форм
- Валідація форм (вбудована та кастомна)
- Відстеження стану та змін форми
Модуль 13. Форми валідація, динамічне створення
- Вбудовані валідатори (required, minLength, maxLength)
- Кастомні валідатори
- Асинхронні валідатори
Модуль 14. Динамічне створення форм
- Динамічне додавання та видалення контролів
- Створення форм за допомогою даних з сервера
- Динамічні форми з повторюваними елементами
Модуль 15. Ін'єкція залежностей
- Основи ін'єкції залежностей
- Використання декоратора @Injectable
- Впровадження DI (Dependency Injection) в Angular
- Використання провайдерів
Модуль 16. Роутінг
- Налаштування маршрутизації в додатку
- Використання RouterModule та Routes
- Створення навігації між сторінками
- Lazy Loading модулів
- Guard-и та Resolver-и
Модуль 17. Angular Material/PrimeNG
- Angular Material
- PrimeNG
Модуль 18. RxJS
- Основи RXJS
- Спостережувані (Observables) та підписники (Subscribers)
- Основні оператори (map, filter, tap)
- Обробка асинхронних даних
Модуль 19. Store - state management
- Основи управління станом
- Поняття глобального стану
- Використання бібліотеки NgRx
- Створення стору, редюсерів та екшенів
Модуль 20. Store практика
- Реалізація простого додатку
- Створення простого додатку з використанням NgRx
- Управління станом додатку
Модуль 21. Translate Service
- Інтернаціоналізація додатку
- Використання бібліотеки ngxtranslate
- Створення файлів перекладів
- Динамічна зміна мови в додатку
Після курсу ти зможеш:
- Розуміти, як працює відстеження змін. Налагоджувати вже існуючі програми та покращувати їх роботу
- Швидко та якісно створювати програми з використанням можливостей Angular приймаючи правильні архітектурні рішення
- Збирати веб-додатки з окремих компонентів, як з деталей конструктора та застосовувати шаблони Angular дизайну
- Використовувати в роботі низку допоміжних бібліотек, які часто доповнюють Angular для створення повнофункціональних додатків
- Навчишся справлятися з витоками пам'яті у своїх проєктах, щоб підвищити продуктивність
- Візьмите участь у командному стажуванні та створите власний проєкт - інтернет-магазин. Роботу організуєте як у справжній компанії - у вас будуть спринти, дзвінки з тимлідом, а вести контроль версій у Git.
Особливості курсу
- Живі онлайн заняття
- 90% практики
- Підтримка викладачів
- Кар'єрні івенти
- Можлива оплата курсу частинами
Викладачі курсу
Димтро Томчук - Front-End Developer (Angular Developer)
Подати заявку- Frontend
Курс для вивчення основ HTML, CSS та Javascript. Після курсу кожен студент отримає повний набір навичок, які необхідні для працевлаштування, а також свій проєкт для портфоліо.
Програма курсу
Модуль: Soft Skills
Блок 1. Основи HTML, CSS
- HTML – засіб логічної розмітки веб-сторінки
- Використовуючи структуру розмітки, можливо вносити дані на сторінку. У процесі першого модуля студенти навчаться описувати цю структуру, використовуючи HTML-теги
- Основи CSS
- Селектори CSS
- Оформлення елементів
- Управління розміром і положенням блоків на сторінці
- Поля і відступи
- Порядок верстки блоку
- Тестування результатів верстки
- Базова анімація
- Стандарт CSS3
- Основні інструменти розробника
Блок 2. Основи JavaScript
- Базові та об’єктні типи даних
- Перетворення типів
- Змінні та правила їх іменування
- Умови, оператори, масиви, цикли, функції
- Області видимості, замикання
- Контекст виклику
- Керуючі конструкції
- Обробка помилок
- Введення в браузерні події
- Порядок обробки подій (event loop)
- Взаємодія з браузером DOM
- Функціями зворотного виклику (callback)
- Знайомство з бібліотекою Jquery
Фінальний проєкт
Реалізація landing page на HTML, CSS та Javascript з використанням SVG графіки, паралакс ефекту, перемикання вкладок, анімованої каруселі та анімованих блоків, використовуючи бібліотеку jQuery та плагіни до неї, а також з використанням бібліотеки для роботи із зображеннями.
Особливості курсу
- Живі заняття у вечірній час (19:00-22:00)
- Система оцінки знань
- 15 практичних завдань
- Дипломний проєкт для портфоліо
- Допомога у працевлаштуванні
Викладачі курсу
- Андрій Моргун - Middle front-end engineer, LULU Software
- Богдан Адмін - Senior Software Engineer, NDA
- Роман Марченко - Senior Frontend Developer, Freelance
- Angular
- Frontend
Студенти на курсі будуть вивчати не тільки внутрішні механізми, а й навколишню екосистему, невід'ємну при повноцінної розробки вебдодатків. Слухачі дізнаються, як інтегрувати CI/CD-процеси, як створювати білди, як взаємодіяти з іншими модулями і як будувати легко підтримувані додатки на базі Angular 15.
Програма курсу
Поглиблена робота з RxJS
- Що вирішує RxJS?
- Observables: глибоке розуміння та застосування
- Управління потоками даних (switchMap, mergeMap, concatMap, exhaustMap)
- Subject, BehaviorSubject, ReplaySubject
- Використання операторів для трансформації потоків
- Signal API як альтернатива традиційній реактивності
Маршрутизація та Lazy Loading
- Вкладені маршрути та їхня взаємодія
- Захист маршрутів (Guards, Resolvers, Interceptors)
- Оптимізація завантаження модулів
- Динамічні маршрути та параметри
Управління станом додатка (State Management)
- Чим відрізняються підходи: Signals, Redux, NgRx, Akita, MobX?
- NgRx: Store, Actions, Effects, Selectors
- Використання Signal API для керування станом
- Структурування сховища даних
- Взаємодія з API через ефекти
Авторизація та вутентифікація
- Методи авторизації: OAuth2, JWT, OpenID Connect
- Angular + Node.js + Express.js для безпеки додатка
- Використання Firebase Authentication
- Захист маршрутів та доступ до ресурсів
SSR та SSG
- Angular Universal: що це і навіщо?
- Використання ngExpressEngine
- Оптимізація продуктивності через SSR
- Генерація статичних сторінок (SSG)
- Використання ISR (Incremental Static Regeneration)
Мікрофронтенд-архітектура
- Що таке Micro Frontends і коли їх варто використовувати?
- Webpack Module Federation
- Інтеграція Angular у гібридні рішення
Тестування та оптимізація додатка
- Unit-тестування з Jasmine та Karma
- End-to-end тестування з Cypress
- Оптимізація продуктивності (Change Detection, OnPush, TrackBy)
- Lighthouse-аналіз та покращення швидкодії
Деплой та CI/CD
- Платформи деплою: Vercel, Firebase, Hostiq, GitHub Actions
- Створення автоматичних пайплайнів у CI/CD
- Налаштування Docker-контейнерів для Angular
- Використання серверless-функцій для бекенду
Як залишатись в курсі оновлень Angular
- Де шукати актуальну інформацію про оновлення?
- Огляд офіційної документації та найкращих ресурсів
- Як самостійно навчатися новим можливостям Angular
Мінімальні вимоги
- Впевнене володіння Angular та JavaScript
- Досвід роботи з HTTP-запитами та сервісами
- Розуміння принципів реактивного програмування
- Базове знання Node.js та Express.js
Після курсу ви зможете
- Створювати, підтримувати і деплоїти додаток на базі Angular
- Інтегрувати систему OAuth
- Розуміти різницю між підходами до менеджменту даних
- Створювати повноцінні портовані модулі Angular-екосистеми
Особливості курсу
- Допомога ментора
- Практика
- Сертифікат про проходження курсу
- Frontend
Наш курс Front End для підлітків надає унікальну можливість отримати глибокі знання та практичні навички у сфері веб-розробки. Після завершення курсу студенти матимуть змогу створювати професійні веб-додатки, працювати з популярними фреймворками та інструментами, а також ефективно співпрацювати в команді, використовуючи систему контролю версій Git.
Програма курсу
Структура курсу
- HTML&CSS + git&github
- Інструменти для інтерфейсного дизайну (Figma, Sketch, Adobe XD): Дизайн та прототипи
- Просунутий конструктор сайтів Webflow
- JavaScript
- Фреймворки (Vue та React)
- Додаткові бібліотеки та інструменти
- Підготовка до працевлаштування
Додаткові теми
HTML & CSS + git & github
- Фреймворки CSS (Sass, Less): Гнучке та ефективне написання стилів
- CSS-методології (BEM, OOCSS, SMACSS): Управління стилями
- Інструменти автоматизації (Gulp)
- Робота з ШІ (Copilot, Supermaven, ChatGPT)
JavaScript
Робота з бандлерами Webpack та Rollup: Взаємодія з зовнішніми даними.
Фреймворки (Vue та React)
- Робота з REST API: Взаємодія з зовнішніми даними
- Управління стейтом (Redux(React) / Pinia(VUE))
- Роутинг: Vue Router (VUE),(React router DOM) (React)
- Просунута типізація (TypeScript)
- Бібліотеки для роботи з HTTP-запитами (Axios, Vue Query (VUE), React Query (React)): Управління асинхронними запитами
- UI-бібліотеки компонентів (Shadcn ui, Tailwind CSS Components): Компоненти для швидкої розробки UI
Додаткові бібліотеки та інструменти
- Оптимізація продуктивності (Performance Optimization): Техніки підвищення швидкості
- Тестування (Jest, Mocha, Cypress): Забезпечення надійності та якості коду
- Server-Side Rendering (SSR): Next.js для React, Nuxt.js для Vue
- Motion UI, Framer Motion: Плавні анімації
- SVG анімації та маніпуляції: Векторна графіка
- WebGL та Three.js: 3D-графіка
- websocket
Проміжні результати
- Перші уроки: Розуміння HTML та CSS, створення простої веб-сторінки
- Наступні 8 уроків: Знання JavaScript, створення інтерактивних елементів
- Наступні уроки: Освоєння фреймворків, створення простого додатку
- Далі: Глибше вивчення інструментів автоматизації, управління станом, роутинг
Що отримає студент
Практичні навички
- Створення структурованих веб-сторінок за допомогою HTML
- Стилізація та модульність стилів з використанням CSS і Sass
- Додавання інтерактивних елементів за допомогою JavaScript
- Робота з фреймворками React або Vue для побудови сучасних веб-додатків
- Управління станом додатка з Redux(React) тa Pinia(VUE)
- Налаштування навігації між сторінками (роутинг)
- Автоматизація задач з Gulp
- Використання Git для контролю версій і командної роботи
Портфоліо
Студенти створять власне портфоліо з розробленими веб-додатками, що стане чудовою основою для подальшої кар'єри.
Кар'єрні можливості
- Отримані знання дозволять претендувати на позиції фронтенд-розробника
- Можливість працювати над простими та середніми проєктами
- Високі шанси на працевлаштування з початковою зарплатою від $500 до $1000 на місяць
Де можна використати ці навички
- Кар'єра в ІТ: Можливість почати кар'єру у сфері веб-розробки та з часом стати провідним фахівцем
- Фриланс: Виконання замовлень на створення та підтримку веб-додатків для клієнтів з усього світу
- Особисті проєкти: Реалізація власних ідей та стартапів, створення персональних або комерційних веб-додатків
Особливості курсу
- Допомога ментора
- Практика
- Вік: від 13 до 17
- Інтенсивність - 2 заняття на тиждень
- Сертифікат про проходження курсу
- Проєкт в портфоліо
Викладачі курсу
- Тарас - Front-end Developer
- Назар - React & Next.js Developer
- Frontend
Програма курсу
CSS/HTML
- Основи Git. GitHub
- Figma. Photoshop
- Контент. Семантика. HTML теги. Атрибути. Валідація
- Введення в CSS. Синтаксис. Селектори
- Одиниці виміру
- Стилізація текстів. Шрифти. Наслідування
- Блочна модель і позиціонування
- Графіка на сторінці. <img/>. Background. Тіні
- Анімація в CSS
- Адаптивний веб-дизайн
- Основи Twitter Bootstrap
JavaScript
- Знайомство з JS
- Змінні. Типи даних
- Оператори
- Умовні оператори
- Цикли
- Функції
- Робота з числами і текстом
- Дата і час
- Об'єкти
- Наслідування
- jQuery (взаємодія з вибіркою)
Vue.js
- Основи Vue.js
- Умови, списки
- Основи компонентів
- Події, робота з формами
- AJAX
- Слоти, користувацькі події
- Переходи і анімація, слайдери зображень
- Маршрути (Vue-Router)
- Vuex або глобальне сховище
- PWA
По закінченню курсу ви:
- Зможете самостійно створювати нескладні веб-сторінки та програмувати скрипти
- Опануєте практичні інструменти роботи веб-розробника
- Отримаєте досвід роботи з адаптивним дизайном
- Зрозумієте структуру клієнтської частини сайту
- Вивчите синтаксис мов
- На практиці освоїте програмування та попрацюєте над власними проєктами
- Отримаєте досвід роботи з оптимізацією сайтів під мобільні платформи
Особливості курсу
- Онлайн навчання
- 2 заняття на тиждень по 2 години
- Сертифікат про проходження курсу
- Підтримка ментора
Викладачі курсу
Денис Скоров - Full Stack Developer
Подати заявку- Frontend
Програма курсу
CSS/HTML
- Основи Git. GitHub
- Figma. Photoshop
- Контент. Семантика. HTML теги. Атрибути. Валідація
- Введення в CSS. Синтаксис. Селектори
- Одиниці виміру
- Стилізація текстів. Шрифти. Наслідування
- Блочна модель і позиціонування
- Графіка на сторінці. <img/>. Background. Тіні
- Анімація в CSS
- Адаптивний веб-дизайн
- Основи Twitter Bootstrap
JavaScript
- Знайомство з JS
- Змінні. Типи даних
- Оператори
- Умовні оператори
- Цикли
- Функції
- Робота з числами і текстом
- Дата і час
- Об'єкти
- Наслідування
- jQuery (взаємодія з вибіркою)
Vue.js
- Основи Vue.js
- Умови, списки
- Основи компонентів
- Події, робота з формами
- AJAX
- Слоти, користувацькі події
- Переходи і анімація, слайдери зображень
- Маршрути (Vue-Router)
- Vuex або глобальне сховище
- PWA
По закінченню курсу ви:
- Зможете самостійно створювати нескладні веб-сторінки та програмувати скрипти
- Опануєте практичні інструменти роботи веб-розробника
- Отримаєте досвід роботи з адаптивним дизайном
- Зрозумієте структуру клієнтської частини сайту
- Вивчите синтаксис мов
- На практиці освоїте програмування та попрацюєте над власними проєктами
- Отримаєте досвід роботи з оптимізацією сайтів під мобільні платформи
Особливості курсу
- Курс в Хмельницьку
- 2 заняття на тиждень по 2 години
- Сертифікат про проходження курсу
- Тривалість 4 місяці
Викладачі курсу
Денис Скоров - Full Stack Developer
Подати заявку- Frontend
Курс складається з двох блоків: hard skills (занять з розробки сайтів Front-End - отримання професійних навичок) та Soft skills (занять з управління собою та командою, розвитку персональних навичок). Навчаємо підлітків з нуля. Вступне тестування на рівні Beginner - на логіку та базове володіння комп'ютером. Модуль Працевлаштування - робота з реальними замовниками, симуляція проходження співбесід, оформлення професійного портфоліо та резюме тощо.
План курсу
Освітні результати
Hard skills (Рівень Beginner):
- 4 створених власних сайта
- Критичне та креативне мислення
- Основи типографіки
- Основи теорії кольору
- Принципи вебдизайну
- Розгортання сайту на своєму домені
- Основи програмування мовою JavaScript
- Робота з DOM-елементами
- Створення своєї гри у Web
- Робота з анімаціями
- Основи роботи з CSS Frameworks
- Робота з HTML\CSS
- Робота з API
- Створення адаптивного UI
Hard skills (Рівень Advanced):
- Знання на рівні Junior спеціаліста
- Створення складних web додатків
- Досвід проектування UX та прототипування додатків
- Вміння писати асинхронний код
- Розгортання базового сервера
- Вміння верстати складні дизайни
- Grids, Flexboxes, CSS Tricks
- Принципи Mobile First
- Ключова та програмувальна анімація в web
- Робота з Canvas та растровою графікою
- Проєктний менеджмент з нуля до релізу
- Досвід роботи самостійно, в парах та у великих командах в різних ролях, актуальних у сфері IT
- Trello
- Участь в унікальному модулі Працевлаштування, результатом якого будуть реалізовані персональні та командні комерційні та соціальні проєкти, пітчі перед експертами сфери IT
- Можливість дізнатись, як влаштуватись на першу роботу в компанію, працювати на фрілансі або заснувати свій бізнес
- Отримати перші замовлення, роботу або інтернатуру після закінчення курсу
Soft skills:
- Емоційний інтелект
- Самоідентифікація
- Лідерство
- Цілепокладання
- Мотивація та дисципліна
- Тайм-менеджмент
- Самопрезентація
- Комунікація - конфліктологія - перемовини
- Мистецтво публічного виступу
- Робота в команді та з замовником
Результат курсу
IT сфера цінує знання та досвід. Підліток отримує:
- Профорієнтацію, підготовку до вступу у профільний ВНЗ (вже після рівня Beginner)
- Здатність працювати на рівні Junior IT спеціаліста (після рівня Advanced)
- Професійне портфоліо власних та командних робіт
- Сертифікат о проходженні кожного рівня (Beginner, Advanced)
Перша робота:
- Рівень Beginner дає базу та розуміння напрямку подальшого розвитку
- Рівень Advanced є професійним, тому дозволяє працювати на фрілансі
- Програма навчання складається із командних проєктів та їх захисту (пітчів) перед експертами сфери та HR менеджерами
- В тому числі таким чином підлітки знаходять свою першу роботу або стажування в компаніях
- Також в нас працює кар'єрний сервіс для випускників Ampli з пошуку стажування та першої роботи
Особливості курсу
- Тривалість навчання - 6 місяців (24 тижнів/занять)
- Онлайн навчання під контролем наставника - IT-спеціаліста та супроводом стаді-менеджера плюс 4 персональних онлайн заняття з наставником
- Завдання для роботи серед тижня: відео-підручник (3-5 відео на тиждень), тести до нього, практичні завдання, додаткові матеріали (галузеві статті, ін.). Перевірка завдань тренером. Спілкування у чаті
- Заняття у зручний для підлітка час. У середньому 2-5 годин/тиждень
- Онлайн-практикуми з тренером по soft skills (надпрофесійні навички) раз на тиждень (1.5 години)
- Зворотний зв'язок для батьків:
- раз/місяць статус навчання по програмі від стаді-менеджера
- раз/три місяці - відгуки наставників
Автори програми
- Роман Мордюк - AVA.codes
- Владислав Омельченко - LumoSpark
- Назар Галайко - galaikonazar.com.ua
- Євген Вінійчук - Youshido
- Юрій Кабай - Levi9
- Nick Rollinson - Mews
- Роман Балата - ekreative
- Ігор Бондарчук - GlobalLogic
- Олексій Горносталь - CloudWorks
- Ярослав Виговський - Falcrum/GlobalLogic
- Василь Нагуляк - ekreative
- Назар Барчук - Nasdaq
- Frontend
Дітки навчаються на практиці будувати HTML структуру сайту, писати програмний код, верстати кнопки, меню, іконки з макетів, додавати картинки, створювати рухомі елементи та анімації на сайті за допомогою CSS стилів. А ще використовувати різноманітні інструменти айтішника, не боятися спілкуватися в колективі та розвиватися в світі інформаційних технологій.
Програма курсу
Інтернет, веб-сторінка, введення в HTML
- Зародження інтернету
- Основні визначення
- Програми для розробки
- Введення в HTML
- Побудова структури
Інструменти верстальника
- Налаштування програм
- Екскурс по інтерфейсам
- Порізка макету
HTML верстка
- Знайомство з тегами на макеті
- HTML верстка
- Побудова моделі
Введення в CSS
- Одиниці вимірювання
- Основні стилі CSS
Додаткові CSS властивості
- display
- :hover
- Посилання
- Стилі браузера
- Вага стилів
- Онлайн-редактори
HTML5
- Основні відмінності та переваги
- Нові теги HTML5
- Правильне використання
Псевдоелементи
- :before & :after
- box-sizing
- position
Селектори
- Псевдо-селектори
- Специфічні селектори
- Селектори по атрибутам
Шрифти
Підключення зовнішніх шрифтів.
Таблиці
- Звичайні таблиці
- Таблиці стилями
ЕММЕТ
- Переваги використання
- Практика
GIT
- Призначення
- Основні команди
CSS трансформація
- scale
- rotate
- skew
- translate
- matrix
CSS анімація
- transition
- animation
Основи адаптивної верстки
- @media
- viewport
- Відносні величини
- Практичні приклади
Flexbox
display: flex
Особливості курсу
- Офлайн курс для дітей 8-13 років у Хмельницькому
- Щосуботи по 2 год.
- 12 місяців / 48 занять
- Багато практики
- Індивідуальний підхід
- Актуальна програма навчання
- JavaScript
- Frontend
На нашому курсі програмування викладач практик навчить вас, як за допомогою джаваскрипт, розробляти інтерактивні сайти, створювати різноманітні сценарії, запрошувати дані, передавати інформацію на сервер, додавати анімації та графічні ефекти на веб-сторінки враховуючи дії користувача.
Програма курсу
Введення в JavaScript
- Зародження JS
- Особливості та вимоги до студентів
- Визначення об'єктів, властивостей та методів
- Базові методи виводу строк на екран
- Вставка в HTML
Змінні та типи даних
- Змінні
- Методи вводу об'єкта window
- Типи даних
- Оператори
Алгоритми та умови
- Вирішення логічних задач та побудова алгоритмів
- Умови if/else та switch/case
- Оператори виключних ситуацій
Цикли
- for
- while та do while
- Генерація випадкових чисел
Функції
- Робота з функціями
- Види функцій
Строки
Практика використання та робота з методами обробки строк.
Масиви
Методи обробки масивів. Практика.
Об'єкти та Класи
- Створення об'єктів, їх методи та властивості
- Синтаксис роботи з класами
Об'єкти Date та RegExp
- Date - обробка дати та часу
- RegExp - регулярні вирази
DOM
- Пошук елементів
- Обробка подій
- Таймери
- Робота з класами та атрибутами
Local Storage
Практика використання локального сховища.
Drag'n'drop
Перетягування елементів.
Ajax
Асинхронна передача/прийом даних на сервер без перезавантаження сторінки.
jQuery
- Знайомство з популярною бібліотекою
- Принципи роботи
- Основні методи
Особливості курсу
- Офлайн курс у Хмельницькому
- Для дорослих та молоді від 14 років
- 2-чі на тиждень по 2 год. 16:00 - 18:00
- Дні навчання: понеділок, четвер
- 5 місяців / 40 занять
- +30 хв. консультації після кожного заняття (до 18:30)
- Вимоги: базові знання з основ верстки HTML/CSS
- Frontend
Програма курсу
Інтернет, веб-сторінка, введення в HTML
- Зародження інтернету
- Основні визначення
- Програми для розробки
- Введення в HTML
- Побудова структури
Інструменти верстальника
- Налаштування програм
- Екскурс по інтерфейсам
- Порізка макету
HTML верстка
- Знайомство з тегами на макеті
- HTML верстка
- Побудова моделі
Введення в CSS
- Спецсимволи
- Одиниці вимірювання
- Основні стилі CSS
Додаткові CSS властивості
- display
- :hover
- Посилання
- Стилі браузера
- Вага стилів
- Онлайн-редактори
HTML5
- Основні відмінності та переваги
- Нові теги HTML5
- Правильне використання
Псевдоелементи
- :before & :after
- box-sizing
- position
Спрайти
- Особливості та переваги
- Створення спрайтів
Селектори
- Псевдо-селектори
- Специфічні селектори
- Селектори по атрибутам
Шрифти
- Підключення зовнішніх шрифтів
- Підключення внутрішніх шрифтів
Таблиці
- Звичайні таблиці
- Таблиці стилями
ЕММЕТ
- Переваги використання
- Практика
БЕМ
- Особливості методології
- Практика
GIT
- Призначення
- Основні команди
- Гілки
Веб-форми
- Елементи форм
- Атрибути елементів
- HTML5 елементи
Основи PHP
- Введення
- Структура
- Змінні
- Налаштування локального серверу
- Відправка замовлень на пошту
Практика PHP
- Умови
- Цикли
- Функції
- Написання гри "Орел-Решка"
- Написання гри "Екстрасенс"
CSS трансформація
- scale
- rotate
- skew
- translate
- matrix
CSS анімація
- transition
- animation
Препроцесори
- Основи
- Змінні
- Вкладеність
- Міксини
- Спадкування
- Імпорт
- Компілятори
SVG
- Основні переваги
- Структура
- Базові фігури
- Робоча область, заливки, обведення
- Практика
Основи адаптивної верстки
- @media
- viewport
- Відносні величини
- Практичні приклади
Flexbox & CSS Grid
- display: flex
- display: grid
Bootstrap
- Bootstrap 5
- Випускний проєкт
Особливості курсу
- Офлайн курс у Хмельницькому
- Для дорослих та молоді від 14 років
- 3-чі на тиждень по 2 год 18:30 - 20:30
- Дні навчання: понеділок, середа, п'ятниця
- 7 місяців / 84 заняття
- +30 хв. консультації перед кожним заняттям (на 18:00)
- Можливість індивідуального навчання
- Python
- Frontend
Курс присвячений освоєнню одного з найпопулярніших фреймворків для веб-розробки на Python. Учасники дізнаються про роботу з шаблонами, базами даних, аутентифікацією користувачів, створення REST API та інтеграцію з front end технологіями. Курс дозволить швидко і якісно створювати комерційні веб-додатки, використовуючи всі можливості Django.
Програма курсу
Вступ до Django
- Запуск проєкту
- Файл settings.py
- Основні принципи роботи
Бази даних та моделі
- Поняття моделі
- Створення моделі
- Зв’язки в базі даних
Система URL-адрес
- Slug-адреси
- Динамічні адреси
- Статичні адреси
- Namespace
Шаблонизатор
- Система шаблонів
- Фільтри
- Теги
- Створення власних фільтрів та тегів
Практика
Форми та валідатори форм
- Форма на основі моделей
- HTML-форма
- Django-forms
Class-based views
- Створення класів для відображень
- Використання шаблонів з класами
- Налаштування методів GET і POST
- Спадкування та розширення класів
Аутентифікація, авторизація та реєстрація користувачів
- Вбудовані механізми аутентифікації Django
- Створення користувацьких форм реєстрації
- Налаштування авторизації та прав доступу
- Використання Django Allauth для соціальної автентифікації
Відправка повідомлень на електронну пошту та Telegram
- Налаштування SMTP для відправки електронних листів
- Використання бібліотеки Django для роботи з електронною поштою
- Відправка повідомлень через Telegram бот
- Використання сторонніх API для повідомлень
Практика
- Розробка навчального проєкту
- Впровадження отриманих знань у реальний проєкт
- Тестування та дебагінг коду
- Презентація та обговорення проєктів
Створення REST API
Django REST Framework.
Вступ до Front-end
- Основи мови JavaScript
- Базові поняття CSS
- Налаштування front end частини проєкту
Бібліотека jQuery та фреймворк React.js
- Технологія AJAX
- Використання REST API
- Реактивні дані
Після завершення курсу учасники будуть вміти
- Професійно розробляти комерційні веб-додатки за допомогою Django
- Створювати та налаштовувати проєкти Django
- Працювати з базами даних та моделями
- Налаштовувати URL-адреси та шаблони
- Використовувати форми та валідатори
- Реалізовувати аутентифікацію та авторизацію користувачів
- Створювати REST API та інтегрувати їх з front end частиною
- Використовувати бібліотеки jQuery та фреймворк React.js
Особливості курсу
- Допомога ментора
- Практика
- Проєкт в портфоліо
- Сертифікат про проходження курсу
- Frontend
На курсах по Front-end від компанії Foxminded ми навчаємо трьох стовпів Front-end: HTML, CSS, JavaScript. Наші студенти освоюють основи верстки та розмітки сторінки, навчаються підключати бібліотеки та віджети, валідувати та зберігати дані, а також забезпечувати ефективну взаємодію з Back-end частиною. У процесі курсів студенти створюють простий додаток, який можна буде додати до портфоліо проектів.
Програма курсу
React
Git Course
Вiдеокурс по GitLab допоможе вам зрозуміти основні концепції та інструменти, які використовуються для керування проєктами програмного забезпечення. Під час цього курсу ви ознайомитеся з основами системи контролю версій Git та платформою GitLab, яка надає широкий спектр можливостей для спільної роботи над кодом, відстеження змін, управління задачами та багато іншого. Ви дізнаєтеся, як ефективно використовувати GitLab для спільної роботи в команді, ведення проєктів та забезпечення якості програмного забезпечення.
Передмова
Для всіх завдань курсу, які передбачають наявність дизайнів, ми надаємо їх у Figma, де вони чітко опрацьовані талановитим дизайнером. Тож у вас не виникне запитань щодо того, який вигляд має бути у виконаного завдання. У розділі React, окрім базових завдань, є завдання із зірочкою, спрямовані на найамбітніших студентів, щоб зробити ваше навчання ще цікавішим і наповненим відчуттям подолання виклику.
HTML/CSS
- Верстка сторінки відповідно до наданого дизайну, використовуючи Flex
- Верстка адаптивної веб-сторінки, використовуючи Flex і Grid для двох різних макетів
- Створення форми, аналогічної дизайну, обов'язково використовуючи всі зазначені інпути
- Створення анімації з використанням CSS
- Створення сторінки з паралакс-ефектом, де прокрутка покаже 4 пори року
- Створення сторінки документації з використанням дизайну
- Створення каруселі згідно з дизайном
- Фінал. Верстка повноцінної адаптивної веб-сторінки з використанням усіх вивчених у курсі технік
JavaScript
- Зміна кольору фону сторінки, що випадково генерується, під час кліку на кнопку
- Створення сторінки ресторанного меню з фільтрацією елементів за натисканням кнопки
- Сортування масиву різними способами (Bubble Sort, Sort by choice, Insertion Sort, Quicksort, Merge Sort)
- Реалізація класу валідації для перевірки строкових даних (OOP challenge)
- Створення віджета погоди з можливістю пошуку
- Створення списку завдань (Todo list) відповідно до дизайну. Todo list повинен зберігатися в cookie з обмеженим терміном дії
- Створення сторінки зі списком країн з можливістю переключитися на темну тему оформлення, фільтрацією за регіоном і пошуком за назвою
- Створення онлайн-магазину з кошиком покупок. Використання local storage
- JavaScript на серверній стороні (Node.js, Express). Створення простого API для додатка TODO
- Створення гри Doodle Jump на JavaScript. (Опціонально)
React
- Вступ до React. Створення mobile gallery app з використанням css/scss modules, styled-components або tailwind на вибір.
- Поглиблене занурення в React hooks. Створення простого додатка "Таймер" з використанням useState, useEffect, useMemo, useRef, useCallback.
- Форми в React. Створення сторінки з двома формами, використовуючи контрольовані та неконтрольовані компоненти.
- Керування станом у React. Створення гри хрестики-нулики з використанням однієї з бібліотек: redux-toolkit, zustand, mobx тощо.
- Маршрутизація в React. Створення додатка магазину з навігацією між сторінками, використовуючи react-router або аналогічні бібліотеки.
- UI Kit. Створення кастомних компонент (Button, Link, Input, Textarea, Checkbox, SelectMenu, Dropdown, ColorPicker тощо), що використовуватимуться у фінальному проєкті.
- Тестування у React. Написання юніт-тестів для UI Kit з попереднього завдання. Використання Jest framework і react-testing-library.
- Асинхронні операції в React. Створення клієнт-серверного додатка TODO з асинхронними операціями, використовуючи локальне API із завдання 2.9. Використання однієї з бібліотек: react-query, rtk-query, useSWR, redux-saga та ін.
- Фінальний проєкт - Веб-календар із широким функціоналом.
Angular
- Git Course
- HTML/CSS
- JavaScript
- Angular:
- Створення основних компонентів, модулів, моделей та сервісів за допомогою Angular CLI
- Види прив'язки даних
- Вбудовані директиви
- Події та форми
- Використання та створення каналів (pipes)
- Компоненти та їх життєвий цикл
- Служби (Services) та їх провайдери
- Маршрутизація та навігація
- Модулі (створення та використання) та таке відкладене завантаження (lazy loading)
- Асинхронні запити HTTP, використання бібліотеки RxJS
- Зберігання даних із застосуванням Firebase
Vue.js
- Git Course
- Введення в Vue.js
- Огляд фреймворка
- Створення та використання компонентів
- Встановлення та налаштування середовища розробки
- Маршрутизація в Vue та Vue CLI
- Використання Vue Router для навігації в додатку
- Робота з подіями та обробники подій
- Пропси , події компонентів, директиви та реактивність
- Vite typescript and configuration
- Робота з конфігурацією Vite та додатковими налаштуваннями
- Створення алгоритмічної задачі
- Створення анімацій
- Створення та валідація форм, локалізація та тестування
- Створення форм та їх валідація за допомогою VeeValidate
- Використовування ui бібліотеки vuesax
- Основи тестування компонентів та додатку за допомогою VueTestUtils
- Імплементація локалізації за допомогою vue-i18n
- Отримання, збереження та управління даними
- Використання Axios або інших інструментів для взаємодії з API
- Введення в управління станом за допомогою Vuex
- Динамічне завантаження даних
- Todo список і робота з фаєрбейс
- Робота з фаєрбейс за допомогою vuefire
- Робота з різними типами запитів
- Використання Vue Router для навігації в додатку
- SSR за допомогою Nuxt
- Створення проєкту за допомогою Nuxt
- Робота з сторами браузера
- Імплементація проєкту по дизайну
- Підсумкове завдання
- На основі пройденого курсу виконання задачі з використанням останніх тенденцій. Задача може увійти у ваш приклад виконаних задач.
- Багатоплатформенний проєкт (опціонально)
- На основі пройденого курсу виконання задачі зі створення багатоплатформенного проєкту написаного на quasar.
Попередні вимоги
- Знання Javascript на базовому рівні
- Базові поняття верстки, знання та використання тегів HTML та селекторів CSS
- Навички пошуку інформації
- Знання англ. мови на рівні читання технічної документації
Особливості курсу
- Швидкість проходження курсу залежить від вас. Швидже вчитесь - менше платите. Середня швидкість проходження 4-5 місяців.
- 7 днів тестового періоду
- Менторинг
- Безкоштовна заморозка
- Можливість вибору напрямку
Викладачі курсу
Викладачі Angular:
- Олексій Стус - Senior Front-end (Angular) at Innovecs
- Юлія Ламотько - Front-end Angular Developer at JetSoftPro
- Антон Скиба - Senior Front-end Developer at LabOS
- Станіслав Діор - Senior Front-end Developer at Intersog
- Ростислав Рошкович - Software Web Developer (Angular) at Lazy ant's
- Марина Шарун - Front-end Developer at Ekreative
- Юрій Шевчук - Middle Front-end Developer at SoftServe
Викладачі React:
- Вадим Олійник - Senior Software Developer (React) at Itransition
- Віталій Мельник - Front-end Developer at SoftServe, EPAM
- Артур Полянський - Senior Front-end Developer at N-iX
- Владислав Зубко - Lead Fullstack Developer at Binary Studio
- Іван Беккер - Senior Front-end Developer at Customertimes
- Євген Матвєєв - Lead Front-end Developer at Radensy
- Вадим Свиридов - Senior Software Engineer at SoftServe
- Дмитро Винту - Software Engineer (React) at Grid Dynamics
- Олександр Сімонов - Front-end Developer at Bookmap
- Денис Абрамов - Middle React Developer at DTI Algorithmic
- Станіслав Діор - Senior Front-end Engineer at Intersog
- Євген Сметана - Front-end Engineer at Avenga
- Денис Ніканов - Senior Front-end Engineer at AgileEngine
- Юрій Вовк - Front-end Developer at PlanetOfHotels
- Данило Голенок - Senior Front-end Developer at Parimatch Tech
- Давид Бенідзе - Front-end Developer
Викладачі Vue.js:
- Ярослав Гюльназарян - Frontend Engineer at SoftBlues
- Віталій Мельник - Team/Tech lead front-end at GlobalLogic
- Frontend
Програма курсу
Trainee Level (1 Етап)
JavaScript Start
Середивище виконання
На цьому етапі ми встановимо весь інструментарій, що достатній для знайомства з мовою програмування JavaScript. До них відносяться платформа Node.js та IDE VS Code. З цими інструментами ми будемо працювати протягом усього курсу.
Змінні
Тут ми познайомимося зі змінними, дізнаємось яке їх призначення, що ми можемо зберігати в змінних і розглянемо синтаксис (правила) створення зміних.
Структури даних
На цьому етапі розглянемо структури даних, які використовуються в JS, такі як об'єкти, масиви, Map, Set. Розглянемо окремо кожен з них, наведемо приклади навіщо кожен з них використовують і які їх особливості.
Логічні операції, цикли. функції, помилки
Тут ми розглянемо дуже важливі конструкції які застосовуються для розробки реальних програм, подивимося як працювати з кожним з них, і розглянемо на прикладах навіщо кожен із них застосовується і які завдання вони вирішують.
Класи та екземпляри класів
В цьому розділі ми розкриємо тему класів. Які елементи є у класів, як вони взаємодіють, для чого вони використовуються, як допомагають робити нашу програму більш зрозумілою та простою до змін.
ООП
ООП - об'єктно-орієнтоване програмування. Підхід, який використовується у величезній кількості проєктів. Ця тема буде продовженням класової теми. Розглянемо поняття успадкування, інкапсуляції та поліморфізм, у чому їх особливість та які проблеми вони вирішують.
Особливості JS
У цій секції ми розглянемо деякі особливості JS, такі як асинхронність. Розглянемо у чому її переваги перед синхронністю. Також трохи розкриємо тему об'єктів у контексті JS, ключове слово this для JS, і що таке пакетний менеджер і чим він корисний для розробника.
Задачі перед менторингом
Розділ 1. Робота з примітивними типами даних
В розділі 10 задач на роботу з примітивними типами даних.
Розділ 2. Умовні оператори
Розділ містить 10 задач на закріплення навичок роботи з умовними операторами.
Розділ 3. Цикли
Цей розділ мscnbnm 10 задач для вирішення за допомогою циклів for та while.
Розділ 4. Масиви
10 задач на роботу з масивами.
Junior Level (2 Етап)
React
Git Course
Вiдеокурс по GitLab допоможе вам зрозуміти основні концепції та інструменти, які використовуються для керування проєктами програмного забезпечення. Під час цього курсу ви ознайомитеся з основами системи контролю версій Git та платформою GitLab, яка надає широкий спектр можливостей для спільної роботи над кодом, відстеження змін, управління задачами та багато іншого. Ви дізнаєтеся, як ефективно використовувати GitLab для спільної роботи в команді, ведення проєктів та забезпечення якості програмного забезпечення.
Передмова
Для всіх завдань курсу, які передбачають наявність дизайнів, ми надаємо їх у Figma, де вони чітко опрацьовані талановитим дизайнером. Тож у вас не виникне запитань щодо того, який вигляд має бути у виконаного завдання. У розділі React, окрім базових завдань, є завдання із зірочкою, спрямовані на найамбітніших студентів, щоб зробити ваше навчання ще цікавішим і наповненим відчуттям подолання виклику.
HTML/CSS
- Верстка сторінки відповідно до наданого дизайну, використовуючи Flex
- Верстка адаптивної веб-сторінки, використовуючи Flex і Grid для двох різних макетів
- Створення форми, аналогічної дизайну, обов'язково використовуючи всі зазначені інпути
- Створення анімації з використанням CSS
- Створення сторінки з паралакс-ефектом, де прокрутка покаже 4 пори року
- Створення сторінки документації з використанням дизайну
- Створення каруселі згідно з дизайном
- Фінал. Верстка повноцінної адаптивної веб-сторінки з використанням усіх вивчених у курсі технік
JavaScript
- Зміна кольору фону сторінки, що випадково генерується, під час кліку на кнопку
- Створення сторінки ресторанного меню з фільтрацією елементів за натисканням кнопки
- Сортування масиву різними способами (Bubble Sort, Sort by choice, Insertion Sort, Quicksort, Merge Sort)
- Реалізація класу валідації для перевірки строкових даних (OOP challenge)
- Створення віджета погоди з можливістю пошуку
- Створення списку завдань (Todo list) відповідно до дизайну. Todo list повинен зберігатися в cookie з обмеженим терміном дії
- Створення сторінки зі списком країн з можливістю переключитися на темну тему оформлення, фільтрацією за регіоном і пошуком за назвою
- Створення онлайн-магазину з кошиком покупок. Використання local storage
- JavaScript на серверній стороні (Node.js, Express). Створення простого API для додатка TODO
- Створення гри Doodle Jump на JavaScript. (Опціонально)
React
- Вступ до React. Створення mobile gallery app з використанням css/scss modules, styled-components або tailwind на вибір
- Поглиблене занурення в React hooks. Створення простого додатка "Таймер" з використанням useState, useEffect, useMemo, useRef, useCallback
- Форми в React. Створення сторінки з двома формами, використовуючи контрольовані та неконтрольовані компоненти
- Керування станом у React. Створення гри хрестики-нулики з використанням однієї з бібліотек: redux-toolkit, zustand, mobx тощо
- Маршрутизація в React. Створення додатка магазину з навігацією між сторінками, використовуючи react-router або аналогічні бібліотеки
- UI Kit. Створення кастомних компонент (Button, Link, Input, Textarea, Checkbox, SelectMenu, Dropdown, ColorPicker тощо), що використовуватимуться у фінальному проєкті
- Тестування у React. Написання юніт-тестів для UI Kit з попереднього завдання. Використання Jest framework і react-testing-library
- Асинхронні операції в React. Створення клієнт-серверного додатка TODO з асинхронними операціями, використовуючи локальне API із завдання 2.9. Використання однієї з бібліотек: react-query, rtk-query, useSWR, redux-saga та ін.
- Фінальний проєкт - Веб-календар із широким функціоналом
Angular
Git Course
Вiдеокурс по GitLab допоможе вам зрозуміти основні концепції та інструменти, які використовуються для керування проєктами програмного забезпечення. Під час цього курсу ви ознайомитеся з основами системи контролю версій Git та платформою GitLab, яка надає широкий спектр можливостей для спільної роботи над кодом, відстеження змін, управління задачами та багато іншого. Ви дізнаєтеся, як ефективно використовувати GitLab для спільної роботи в команді, ведення проєктів та забезпечення якості програмного забезпечення.
HTML/CSS
- Основи верстки
- Створення макету в стилі "святий Грааль"
- Flex і Grid layouts
- Реалізацію складних інтерфейсів користувача
JavaScript
- Взаємодія з DOM, рядками та масивами
- Об'єктно-орієнтований JavaScript
- Розширення та валідація форм за допомогою JS
- Оновлення веб-сторінок за допомогою AJAX
- Зберігання даних із застосуванням Local та Session Storage
- Збереження проміжних даних із використанням cookie
Angular
- Створення основних компонентів, модулів, моделей та сервісів за допомогою Angular CLI
- Види прив'язки даних
- Вбудовані директиви
- Події та форми
- Використання та створення каналів (pipes)
- Компоненти та їх життєвий цикл
- Служби (Services) та їх провайдери
- Маршрутизація та навігація
- Модулі (створення та використання) та таке відкладене завантаження (lazy loading)
- Асинхронні запити HTTP, використання бібліотеки RxJS
- Зберігання даних із застосуванням Firebase
Vue.js
Git Course
Вiдеокурс по GitLab допоможе вам зрозуміти основні концепції та інструменти, які використовуються для керування проєктами програмного забезпечення. Під час цього курсу ви ознайомитеся з основами системи контролю версій Git та платформою GitLab, яка надає широкий спектр можливостей для спільної роботи над кодом, відстеження змін, управління задачами та багато іншого. Ви дізнаєтеся, як ефективно використовувати GitLab для спільної роботи в команді, ведення проєктів та забезпечення якості програмного забезпечення.
Введення в Vue.js
- Огляд фреймворка
- Створення та використання компонентів
- Встановлення та налаштування середовища розробки
Маршрутизація в Vue та Vue CLI
- Використання Vue Router для навігації в додатку
- Робота з подіями та обробники подій
- Пропси, події компонентів, директиви та реактивність
Vue typescript and configuration
- Робота з конфігурацією Vite та додатковими налаштуваннями
- Створення алгоритмічної задачі
- Створення анімацій
Створення та валідація форм, локалізація тестування
- Створення форм та їх валідація за допомогою VeeValidate
- Використовування ui бібліотеки vuesax
- Основи тестування компонентів та додатку за допомогою VueTestUtils
- Імплементація локалізації за допомогою vue-i18n
Отримання, збереження та управління даними
- Використання Axios або інших інструментів для взаємодії з API
- Введення в управління станом за допомогою Vuex
- Динамічне завантаження даних
Todo список і робота з фаєрбейс
- Робота з фаєрбейс за допомогою vuefire
- Робота з різними типами запитів
- Використання Vue Router для навігації в додатку
SSR за допомогою Nuxt
- Створення проєкту за допомогою Nuxt
- Робота з сторами браузера
- Імплементація проєкту по дизайну
Підсумкова задача
На основі пройденого курсу виконання задачі з використанням останніх тенденцій. Задача може увійти у ваш приклад виконаних задач.
Багатоплатформенний проєкт (опціонально)
На основі пройденого курсу виконання задачі зі створення багатоплатформенного проєкту написаного на quasar.
Strong Junior Level (3 Етап)
Проєкт 1
Java + Angular or React
Проєкт "Платформа для допомоги неприбутковим організаціям у пошуку партнерів, волонтерів та знаходженні виконавців для вирішення повсякденних завдань".
Проєкт 2
Java + Angular or React
Проєкт Learning Management System - інструменти для організації навчального процесу. Java, Spring, мікросервісна архітектура. Інтеграція з Google Calendar, Atlassian Jira.
Проєкт 3
Python + React
Проєкт "Платформа для благодійної організації, що займається опікою над безпритульними котиками (міні-притулок для котів)". Система має за мету поширити інформацію про діяльність організації, інформацію про котів, що потребують прихистку, збору донатів для роботи притулку, покупки кормів і т.д.
Проєкт 4
JuniorSpace (Python + React)
JuniorSpace - це платформа, спрямована на об'єднання молодих IT-фахівців та громадських організацій для створення команд, які розробляють інноваційні рішення в області інформаційних технологій. Мета проєкту - створити сприятливе середовище для розвитку новачків у сфері IT, одночасно допомагаючи соціально важливим проєктам. Платформа пропонує різноманітні інструменти для співпраці та комунікації, такі як веб-сайт, телеграм-чат та соціальні мережі, і реалізує різні форми монетизації для забезпечення стійкості та підтримки проєкту.
Особливості курсу
- Допомога ментора
- Практика
- Проєкт у портфоліо
- Особистий куратор
- Сертифікат про проходження курсу
- Допомога з оформленням LinkedIn
- Перевірка резюме
- Пробна співбесіда
- Вебінар по софт-скілам
- Frontend
- WEB Developer / Webmaster
Вивчіть основи HTML/CSS, JavaScript та запустіть свій перший сайт.
Програма курсу
За тиждень кожен охочий зробить власний сайт-календар. За допомогою HTML/CSS можна візуалізувати 3 цілі, а також список навичок, необхідних для їхньої реалізації. А за допомогою JavaScript - динамічні графіки.
Урок 1. Знайомство з HTML/CSS/JavaScript. Налаштування редактору коду
Виконуємо перші завдання з програмування у тринажері. Завантажуємо і налаштовуємо редактор коду VS Code.
Урок 2. Робота з зображеннями та посиланнями. Запуск проєкту в редакторі
Практикуємо HTML/CSS/JavaScript в тринажері для створення фотографій і посилань на власному сайті. Запускаємо свій готовий проєкт в редакторі VS Code.
Урок 3. Фінальне налаштування проєкту. Публікація сайту на хостингу
Оформлюємо дошку бажань, використовуючи власний контент: фотографії, текст, цифри. Завантажуємо фінальний проєкт на хостинг Netlify.
Особливості курсу
- Всі завдання в одному місці
- Доступ назавжди
- Спільнота найкращих
- 3 відеоуроки
- 6 практичних занять
- Сертифікат
- Технічна підтримка впродовж всього курсу
- Frontend
Навчимо вашу дитину професійно розробляти сайти та допоможемо розвинути навички, необхідні для успішного майбутнього.
Програма курсу
Frontend Junior (10-11 років)
Семестр 1
- Знайомство з WordPress
- Верстка сайту, модуль CSS Flexbox
- Оформлення, підключення та розміщення віджетів
- Пошукова оптимізація сторінки в Yoast SEO
- Збір аналітики за допомогою Google Analytics
- Плагін MailPoet та налаштування розсилки
- Підключення сторінки до CMS
- Створення власного каталогу інформації
- Робота з плагіном Advanced Custom Fields
- Використання WordPress як джерела REST API
Семестр 2
- Створення посадкової сторінки за прикладом
- Робота з динамічними елементами CSS (анімація)
- Конструктори сайтів Wix та Weblium: можливості та інструменти
- WordPress: створення сторінок, меню сайту, розміщення контенту, налаштування доступу
- Контент, оформлений в HTML, CSS
- Розгортання сайту на CSS WordPress
Фінальні проєкти:
- Особистий інформаційний сайт
- Інтернет-магазин
- Власний сайт за тематикою свого хобі
Frontend (12-17 років)
Семестр 1
- Вступ до HTML
- Блочні та рядкові теги, семантична верстка
- CSS. Використання стилів, CSS-селектори
- Каскад. Ієрархія. Наслідування. Псевдокласи
- Текст, шрифти, стилі
- Верстка дизайн-макета
- Розміщення верстки на GitHub
- Модуль Flexbox: порядок та розташування елементів
- Background
Семестр 2
- Анімація в CSS
- Властивості transition & transform
- Робота з зображеннями SVG та створення SVG-іконки
- Позиціювання при верстці
- Адаптивна верстка сайту
- Responsive та Mobile first
- Bootstrap: розмітка, компоненти, утиліти
- Препроцесори SASS/SCSS
Семестр 3
- Знайомство з JavaScript
- Змінні, типи даних, взаємодія з користувачем
- Основні оператори, числа, рядки
- Пошук DOM-вузлів, властивості, атрибути
- Події, логічні оператори, розгалуження
- Використання різних інструкцій розгалуження
- Цикли, функції, методи масиву
- Об’єкти. Створення об’єкта, переназначення властивостей. Деструктуризація об’єктів
- ООП: класи, функції, конструктор
Семестр 4
- Оптимізація подій
- Бібліотека Lodash. Throttle і Debounce
- Node.js та Пакетний менеджер npm
- Модульність коду
- Формат даних JSON, вебсховище
- Асинхронність, таймери, дата і час
- Методи класу Promise. Цикл подій
- HTTP-запити
- Пагінація
- CRUD взаємодії з ресурсами бекенду
Семестр 5
- Бібліотека React. JSX
- Компоненти .JSX
- Стилізація. CSS модулі
- Стилізація. CSS in JS
- HTTP-запити
- Життєвий цикл
- React hooks. Хуки useState, useEffect та власні хуки
Семестр 6
- Проблеми хостингу SPA. React Router V6 - призначення та налаштування
- Програмна навігація, запити та об’єкт місцезнаходження. Розподіл коду
- Знайомство з Redux, класичний Redux
- Redux Toolkit
- Redux persist
- Селектори та бібліотека Reselect
- Робота з користувачами. Портали
Фінальні проєкти:
- Сайт для пекарні або іншого локального бізнесу
- Сайт для IT компанії
- Веб-каталог ігор
- Cайт-агрегатор різних заходів та подій в країні, на якому можна придбати квитки на ці події
- Сайт Трекер витрат
- Сайт Онлайн бібліотека з електронними книгами
Особливості курсу
- Комфортний навчальний процес
- Зворотній зв'язок та підтримка
- Комунікація та Soft Skills
- Записи уроків
- Проєкти для портфоліо
Викладачі курсу
- Альона - 4+ роки досвіду викладання
- Олександр - 5+ років досвіду викладання Frontend, Roblox
- Вадим - 3+ роки досвіду роботи Frontend/Wordpress developer
- Олександра - 2+ роки досвіду викладання
- Богдан - 15+ років викладання
- Ілля - Front-end розробник
- Ольга - Фрілансер, Frontend розробник
- Frontend
Пройдеш повний цикл створення web-проєкту. Отримаєш досвід використання фреймворка NextJS (ReactJS, TypeScript) для створення search friendly web-сайтів. Отримаєш знання по SSR (Server Side Rendering) в екосистемі ReactJS.
Програма курсу
Налаштування проєкту та конфігурація фреймворку
- Встановлення необхідних npm пакетів та запуск тестового проєкту на локальному сервері
- Налаштування середовища розробки
- Застосування TypeScript для написання компонентів проєкту
- Конфігурація фреймворку
Створення сторінок сайту
- Навігація та маршрутизація
- Статична та динамічна генерація сторінок, SSR
- Обробка помилок
Інтернаціоналізація
- Встановлення необхідних npm пакетів
- Конфігурація маршрутизації
- Застосування компонентів та хуків
- Перемикання мови сайту
Дизайн сайту
- Створення основного лейаута сайту
- Налаштування UI бібліотеки
- Робота з шрифтами
Отримання даних
- Встановлення необхідних npm пакетів
- Отримання даних на сервері та клієнті
- Оптимізація роботи з REST API, кешування
- Змінні середовища
Форми та відправка даних
- Встановлення необхідних npm пакетів
- Перевірка даних форми
- Відправка даних
- Очищення кешу
SEO налаштування (Search Engine Optimization)
- Встановлення необхідних npm пакетів
- Налаштування заголовків та метаінформації
- OpenGraph & JSON-LD
- Оптимізація зображень
Аутентифікація користувачів
- Встановлення необхідних npm пакетів
- Створюємо сторінки логіна та реєстрації
- Працюємо з middleware
- Профіль користувача
Розробка індивідуального проєкту
Після курсу ти зможеш:
- Швидко створювати web-сайти за допомогою фреймворка NextJS максимально адаптованого до вимог пошукових систем
- За допомогою TypeScript будеш створювати користувацькі інтерфейси, розробляти серверну частину сайтів
- Використовувати всі переваги ReactJS для побудови швидких інтерактивних інтерфейсів web-сайту
- Використовувати сторонні API для побудови web-сайту
- Аналізувати та керувати результатами своєї роботи використовуючи систему контролю версій Git & GitHub
Особливості курсу
- Інтенсивна практика, мінімум теорії
- Розбір документації фреймворка та домашніх завдань
- Випускний проєкт для портфоліо
- Допомога у працевлаштуванні, оформленні резюме та підготовка до співбесіди
- Підтримка викладачів
- Кар'єрні івенти
- Можлива оплата курсу частинами
Викладачі курсу
Олександр Слободян - Front-End Developer
Подати заявкуСторінки
Читайте нас в Telegram, щоб не пропустити анонси нових курсів.
Відгуки про курси
У школі сподобалося, що ніхто не тягне кота за хвіст. Все чітко, по темі і з купою практичних задач. Брала курс Front-end. Вперше написала сайт, який відкривається не тільки в мене на ноуті. Вдячна викладачу за терпіння.
Як учасник стажування хочу підтримати компанію після відгуку нижче. Як колись написав один з учасників - "це вже не курси, а симуляція реальної роботи і ніхто не буде водити вас за ручку". Зі своєї сторони хочу підтвердити, що стажування проходить на дуже хорошому рівні для тих, хто прийшов туди за досвідом. Прикольний доволі складний проєкт, на момент моєї участі був доволі активний чат учасників, які допомагали один одному.
Після 10 років важкої фізичної праці на меблевій фабриці я й не сподівався, що в моєму житті щось може кардинально змінитись. Але бажання навчитися чомусь новому, спробувати себе в чомусь іншому й нарешті відчути повагу до своєї праці підштовхнуло мене до програмування.
Чесно кажучи, все це «айтішні» розповіді про басейни, більярди, фітнес-зали, гнучкий графік і круте ставлення на роботі здавалося мені вигадкою. Але вирішив ризикнути. Вступив на курс. І знаєте що? Вже через кілька тижнів зрозумів - це моє.
Було важко. Деякі речі давались із боєм. Але цікавість і підтримка менторів тримали на плаву. Найбільшим шоком стало те, що вже через два місяці після старту навчання мені запропонували пройти співбесіду на позицію верстальника в одній компанії. Пройшов. З першого разу. Після 10 років, де максимум що змінювалося — це розміри меблів.
Зараз я вже на третьому місяці випробувального терміну. Працюю з HTML, CSS і JavaScript. Робота не легка, але я кайфую. Радію, що наважився. І хочу сказати всім, хто сумнівається: у вас усе вийде, якщо не здаватись.
Дякуємо за ваш надзвичайно щирий і надихаючий відгук!
Ваша історія - це найкраще підтвердження того, що зміни можливі в будь-якому віці й з будь-якого старту. Ви - приклад сили волі, наполегливості та віри в себе. Дуже радіємо, що навчання стало для вас тим самим кроком, який відкрив нові можливості та новий етап життя.
Пишаємося, що ви змогли знайти своє місце в ІТ і вже працюєте за спеціальністю! Нехай далі буде ще більше професійних перемог, задоволення від роботи та впевненості у власних силах. Дякуємо, що обрали GoIT і поділилися своєю історією!
