Курси Frontend Developer: HTML та CSS

Добірка кращих курсів Frontend Developer, що познайомлять вас з сучасними практиками розробки сайтів. Ви зможете засвоїти з нуля основні технології для верстки сайтів: HTML, CS, JavaScript та Bootstrap. Досвідчені Frontend розробники також знайдуть для себе підходящі навчальні програми.
Читати далі

Порівняння усіх курсів

Фільтр
Курс
Формат
Offline
Початок навчання
Дата формується
Тривалість
4 місяців
Рівень
Для початківців
Мова навчання
Ukrainian
Вартість
20 880 UAH за курс
Вечірні заняттяВидається диплом/сертифікатСупровід ментора
Stfalcon Academy
  • 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

Більше інформації
Курс
Формат
Online
Початок навчання
Дата формується
Тривалість
6 місяців
Рівень
Для дітей
Мова навчання
Ukrainian
Вартість
3 400 UAH за місяць
Гнучкий графікВидається диплом/сертифікатСупровід ментораРеальний проект у портфоліо
Ampli
  • 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
Більше інформації
Курс
Формат
Offline
Початок навчання
Дата формується
Тривалість
48 занять
Рівень
Для дітей
Мова навчання
Ukrainian
Вартість
1 600 UAH за місяць
Гнучкий графікВидається диплом/сертифікатСупровід ментораРеальний проект у портфоліо
Hashtag Academy
  • 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 занять
  • Багато практики
  • Індивідуальний підхід
  • Актуальна програма навчання
Більше інформації
Курс
Формат
Offline
Початок навчання
Дата формується
Тривалість
5 місяців
Рівень
Для початківців
Мова навчання
Ukrainian
Вартість
3 000 UAH за місяць
Вечірні заняттяВидається диплом/сертифікатСупровід ментораРеальний проект у портфоліо
Hashtag Academy
  • 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
Більше інформації
Курс
Формат
Offline
Початок навчання
Дата формується
Тривалість
7 місяців
Рівень
Для початківців, Для досвідчених
Мова навчання
Ukrainian
Вартість
4 800 UAH за місяць
Вечірні заняттяВидається диплом/сертифікатСупровід ментораРеальний проект у портфоліо
Hashtag Academy
  • 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)
  • Можливість індивідуального навчання
Більше інформації
Курс
Формат
Online
Початок навчання
15.04.2025
Тривалість
39 годин
Рівень
Для початківців, Для досвідчених
Мова навчання
Ukrainian
Вартість
16 200 UAH за курс
Гнучкий графікВидається диплом/сертифікатСупровід ментораРеальний проект у портфоліо
Світ Сучасної Освіти
  • 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

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

  • Допомога ментора
  • Практика
  • Проєкт в портфоліо
  • Сертифікат про проходження курсу
Більше інформації
Курс
Формат
Online
Початок навчання
Будь-який момент
Тривалість
5 місяців
Рівень
Для початківців
Мова навчання
Ukrainian
Вартість
6 400 UAH за місяць
Гнучкий графікВидається диплом/сертифікатСупровід ментораРеальний проект у портфоліо
Foxminded
  • 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
Більше інформації
Курс
Формат
Online
Початок навчання
Будь-який момент
Тривалість
10 місяців
Рівень
Для початківців
Мова навчання
Ukrainian
Вартість
53 925 UAH за курс
Гнучкий графікВидається диплом/сертифікатСупровід ментораРеальний проект у портфоліо
Foxminded
  • 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
  • Перевірка резюме
  • Пробна співбесіда
  • Вебінар по софт-скілам
Більше інформації
Відеокурс / Платформа
Формат
Online
Початок навчання
Будь-який момент
Тривалість
7 днів
Рівень
Для дітей
Мова навчання
Ukrainian
Вартість
уточнюйте
Гнучкий графікВидається диплом/сертифікатСупровід ментораРеальний проект у портфоліо
GoITeens
  • 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 практичних занять
  • Сертифікат
  • Технічна підтримка впродовж всього курсу
Більше інформації
Курс
Формат
Online
Початок навчання
Дата формується
Тривалість
12 місяців
Рівень
Для дітей
Мова навчання
Ukrainian
Вартість
уточнюйте
Гнучкий графікВидається диплом/сертифікатСупровід ментораРеальний проект у портфоліо
GoITeens
  • 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 розробник
Більше інформації
Курс
Формат
Online
Початок навчання
Дата формується
Тривалість
8 годин
Рівень
Для початківців, Для досвідчених
Мова навчання
Ukrainian
Вартість
2 227 UAH за курс
Гнучкий графікВидається диплом/сертифікатСупровід ментора
CyberBionic Systematics
  • Frontend
Подробиці

Bootstrap 5 - це HTML, CSS, JavaScript фреймворк для розробки кросбраузерності веб-орієнтованих інтерфейсів. Bootstrap представляє набір інструментів від Twitter, створений для полегшення розробки web-додатків і сайтів, використовує CSS і HTML для друкарні, форм, кнопок, таблиць, сіток, навігації і т.д., а також додаткові розширення JavaScript, що спрощують роботу веб-розробника.

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

Знайомство з Bootstrap 5. Типографіка

  • Знайомство з фреймворком
  • Способи підключення фреймворка
  • Знайомство з Grid-System
  • Заголовки і скорочення
  • Блокові текстові елементи
  • Цитати і вирівнювання
  • Списки і таблиці
  • Зображення і фігури

Компоненти Bootstrap 5

  • Оповіщення
  • Значок
  • Хлібні крихти
  • Картка
  • Кнопки, групи кнопок
  • Випадаючі списки
  • Пагінація форми
  • Інпут групи
  • Навігація, навбари
  • Підказка
  • Прогрес бар
  • Скролінг
  • Адаптивне відео

JavaScript Bootstrap 5

  • Перевірка форм
  • Карусель
  • Акордеон
  • Списки груп
  • Модальні вікна

Утиліти Bootstrap 5. Службові класи

  • Межа
  • Очищення
  • Колір
  • Відображення елементів
  • Flexbox
  • Розміри, позиціонування
  • Відстань
  • Форматування тексту
  • Вертикальне вирівнювання

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

  • Практичні заняття і перевірка ДЗ
  • Безкоштовний відеокурс
  • Онлайн тестування і сертифікація

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

  • Сергій Патьоха - Senior Software Engineer at BIScience
  • Олександр Гончаренко - Web Frontend Developer
  • Анна Павлюк - Web Frontend Developer
  • Олена Хижняк - Web Frontend Developer
  • Поліна Соколенко - Web Frontend Developer
  • Дмитро Охріменко - Експерт з побудови розподілених та веб-орієнтованих додатків
  • Анастасія Ткаченко - Web Frontend Developer
  • Філіп Севене - Web Frontend Developer
  • Віталій Мазяр - Web Frontend Developer
  • Оксана Дмитрієва - Web Frontend Developer
  • Ростислав Сілівейстр - Web Frontend Developer
  • Олександр Петрик - FullStack Developer, CEO at Dinamicka Development
  • Денис Ковтун - Web Frontend Developer
Більше інформації
Курс
Формат
Online
Початок навчання
Дата формується
Тривалість
12 годин
Рівень
Для початківців, Для досвідчених
Мова навчання
Ukrainian
Вартість
3 320 UAH за курс
Гнучкий графікВидається диплом/сертифікатСупровід ментора
CyberBionic Systematics
  • VueJS
  • Frontend
Подробиці

Курс Vue.js складається з 6 уроків, на яких учні ознайомляться з новою бібліотекою JavaScript - Vue.

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

Введення в бібліотеку Vue.js

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

Робота з формами

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

Умовне відображення даних

Ознайомлення з директивами умовного відображення об'єктів і масивів. Будуть розглянуті основні методи роботи з висновком масивів в призначений для користувача інтерфейс. Також в уроці дається визначення обчислюваним властивостям об'єкта Vue, фільтрів і спостерігачам.

Компоненти Vue.js

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

Анімація і переходи

Вивчення роботи анімації і переходів у Vue, компонента transition, основних класів появи і зникнення елементів Virtual DOM. Застосування групового компонента для списків. Буде показаний приклад Velocity бібліотеки для поліпшення режиму анімації. Розглянуто тему власних компонентів і застосування їх на сторінці.

Маршрутизація у Vue.js

Ознайомлення з основними відмінностями SPA і серверним рендерингом. Розібратися з основними програмами для роботи програми на локальному сервері. Розібрати поняття маршрутизації і розглянути компонент vue-router. Ознайомитися з видами маршрутів, а також з основними параметрами.

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

  • Практичні заняття і перевірка ДЗ
  • Безкоштовний відеокурс
  • Онлайн тестування і сертифікація
Більше інформації
Курс
Формат
Online
Початок навчання
Дата формується
Тривалість
10 годин
Рівень
Для початківців, Для досвідчених
Мова навчання
Ukrainian
Вартість
2 311 UAH за курс
Вечірні заняттяВидається диплом/сертифікатСупровід ментора
CyberBionic Systematics
  • Frontend
  • WEB Developer / Webmaster
Подробиці

Курс XML складається з 5 занять на яких повноцінно розглядається це метамова. В ході курсу вивчаються семантика XML документів, таблиці стилів XSL, інструкції мови, атрибути, елементи, об'єкти.

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

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

На цьому уроці повноцінно розглядається технології XML і методи роботи з ними. У нього входить:

  • Термінологія XML
  • Робота з документами
  • XSL розширювана мова таблиць стилів
  • XLink, XPointer

DTD - штучна мова описання структури документа

  • DTD - описання типів документу
  • Побудова DTD
  • Застосування DTD
  • Перевірка структури за допомогою DTD

XML схеми

  • Недоліки DTD
  • Знайомство з XML схемами
  • Основні елементи XML схем
  • Описання типів, єлементів та атрибутів
  • Перевірка документів по XML схемі

Знайомство з XSLT, XPath

  • XSLT як засіб перетворень XML документа
  • Мова XPath
  • Осі вибірки
  • Предикати
  • Типи даних і функції XPath

Основні елементи XSLT

  • Вузли-елементів
  • Вузли-атрибутів
  • Текстові вузли
  • Створення коментарів і інструкцій обробки
  • Копіювання вузлів
  • Керуючі конструкції
  • Умовна обробка
  • Оператор вибору
  • Циклічна обробка
  • Сортування значень

Після закінчення курсу ви будете вміти:

  • Розбиратися в особливостях мови розмітки XML: структурі, граматиці, синтаксисі і семантиці
  • Працювати зі штучною мовою опису структури документа DTD
  • Працювати з XML-схемами
  • Застосовувати основні елементи мови XSLT у перетворенні XML-документів

Попередні вимоги

  • Впевнене володіння персональним комп'ютером
  • Навички роботи з текстовими редакторами
  • Знання HTML, CSS

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

  • Практичні заняття і перевірка ДЗ
  • Безкоштовний відеокурс
  • Онлайн тестування і сертифікація
Більше інформації
Курс
Формат
Online
Початок навчання
Дата формується
Тривалість
10 годин
Рівень
Для досвідчених
Мова навчання
Ukrainian
Вартість
4 622 UAH за курс
Гнучкий графікВидається диплом/сертифікатСупровід ментора
CyberBionic Systematics
  • Angular
  • Frontend
Подробиці

В курсі Angular 6 Advanced ви дізнаєтеся, як створюються директиви і фільтри, основи використання реактивних підходів в програмуванні і в роботі з Observable, а також познайомитеся з відстеженням змін в Angular-проєкті.

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

Користувальницькі директиви і компоненти

У цьому уроці ми вивчимо принципи створення структурних і атрибутивних директив. Це допоможе вам зрозуміти, як працюють директиви в Angular-додатку. Також в цей урок включені приклади створення призначених для користувача фільтрів (Pipe). Ви не тільки навчитеся створювати і використовувати фільтри, але і дізнаєтеся, які налаштування фільтрів можуть підвищити продуктивність програми.

Форма. Частина 1

У цьому уроці ми навчимося створювати користувальницький інтерфейс з використанням Model Driven підходу або реактивних форм. Крок за кроком ми створимо модель, прив'яжемо її до інтерфейсу і додамо логіку, виконує перевірку коректності введених користувачем даних. Також ми розглянемо принципи створення користувацьких валідаторів, а також дізнаємося, як працюють асинхронні валідатори в Angular.

Форма. Частина 2

У цьому уроці ми продовжимо розглядати роботу з формами в Angular. У прикладах буде показаний спосіб створення динамічних форм, які створюють елементи управління в процесі виконання програми, спираючись на модель даних. Також в ці уроки включені приклади створення компонентів, які використовують 3rd party бібліотеки.

Реактивне програмування. RxJS

Реактивне програмування - це підхід в розробці програмного забезпечення, який заснований на маніпуляції асинхронних потоків. У цей урок входять приклади роботи з Observable об'єктами та їх методами, які надає бібліотека Ext.js. Ви дізнаєтеся, як можна створювати вами об'єкти і використовувати різні методи, такі як filter, map, flatMap, debounce та інші. Також ви дізнаєтеся, як можна використовувати вами об'єкти при створенні сервісів в Angular.

Відстеження змін

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

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

  • Практичні заняття і перевірка ДЗ
  • Безкоштовний відеокурс
  • Онлайн тестування і сертифікація

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

  • Дмитро Охріменко - Експерт з побудови розподілених та веб-орієнтованих додатків
  • Сергій Патьоха - Senior Software Engineer at BIScience
  • Олександр Гончаренко - Web Frontend Developer
  • Анна Павлюк - Web Frontend Developer
  • Олена Хижняк - Web Frontend Developer
  • Поліна Соколенко - Web Frontend Developer
  • Віталій Мазяр - Web Frontend Developer
  • Оксана Дмитрієва - Web Frontend Developer
  • Денис Ковтун - Web Frontend Developer
Більше інформації
Курс
Формат
Online
Початок навчання
Дата формується
Тривалість
10 годин
Рівень
Для досвідчених
Мова навчання
Ukrainian
Вартість
2 774 UAH за курс
Гнучкий графікВидається диплом/сертифікатСупровід ментора
CyberBionic Systematics
  • JavaScript
  • Frontend
Подробиці

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

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

Літерали і конструктори

  • Перевага використання літералів
  • Використання літералів об'єктів
  • Використання літералів масивів
  • Шаблони для створення користувацьких конструкторів
  • Об'єкти - обгортки простих типів

Функції

  • Особливості функцій в JavaScript. Термінологія
  • Шаблони використання функцій зворотнього виклику
  • Шаблони роботи з функціями
  • Миттєві функції
  • Самовизначні функції
  • Замикання
  • Мемоізація
  • Каррірування

Шаблони створення об'єктів і повторне використання коду

  • Шаблон створення просторів імен
  • Шаблон "Модуль"
  • Шаблон "Ізольований простір імен"
  • Класичні шаблони повторного використання коду
  • Сучасні шаблони повторного використання коду

Шаблони проєктування в JavaScript

  • Singleton
  • Фабрика
  • Ітератор
  • Декоратор
  • Стратегія
  • Фасад
  • Проксі
  • Медіатор
  • Спостерігач

Шаблони роботи з DOM

  • Анти шаблони роботи з деревом DOM
  • Приклади правильної організації звернення до DOM
  • Розробка сценаріїв, які працюють тривалий час
  • Способи розгортання сценаріїв
  • Мінімізація JavaScript коду
  • Замір швидкості завантаження документа, оптимізація веб-документа

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

  • Практичні заняття і перевірка ДЗ
  • Безкоштовний відеокурс
  • Онлайн тестування і сертифікація

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

  • Дмитро Охріменко - Експерт з побудови розподілених та веб-орієнтованих додатків
  • Олена Хижняк - Web Frontend Developer
Більше інформації
Курс
Формат
Online
Початок навчання
Дата формується
Тривалість
20 годин
Рівень
Для початківців, Для досвідчених
Мова навчання
Ukrainian
Вартість
5 547 UAH за курс
Гнучкий графікВидається диплом/сертифікатСупровід ментора
CyberBionic Systematics
  • Frontend
Подробиці

У курсі буде продемонстровані приклади додавання інтерактивних і динамічних компонентів сторінки, різних елементів управління, ефектів і плагінів.

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

Введення в jQuery

  • Основи jQuery
  • Обгортка jQuery
  • Ненав'язливий JavaScript
  • Елементи DOM

Базові селектори

  • Базові селектори CSS
  • Створення нових елементів HTML
  • Маніпуляція обгорненим набором елементів

Маніпуляція властивостями і атрибутами

  • Читання і установка значень атрибутів
  • Зміна стилю відображення елемента
  • Установка вмісту елементу
  • Обробка значень елементів форми

Модель подій jQuery

  • Модель подій DOM рівня 0
  • Модель подій DOM рівня 2
  • Модуль подій Internet Explorer
  • Модуль подій jQuery

Анімація

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

Ефекти

  • Створення своїх анімаційних ефектів
  • Ефект масштабу
  • Ефект падіння
  • Ефект розсіювання

Допоміжні функції jQuery

  • Прапори jQuery
  • Управління об'єктами і колекціями JavaScript
  • Динамічне завантаження сценаріїв

Розширення jQuery за допомогою власних модулів

  • Основні правила створення модулів розширення для jQuery
  • Створення власних допоміжних функцій
  • Додавання нових методів обгортки

jQuery UI

  • Вибір стилів і компонентів на сайті jQuery UI
  • Робота з елементами керування jQuery UI
  • Ефекти

Використання розширень

  • FancyBox
  • Form Plugin
  • Dimension Plugin
  • Live Query Plugin

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

  • Практичні заняття і перевірка ДЗ
  • Безкоштовний відеокурс
  • Онлайн тестування і сертифікація
Більше інформації
Курс
Формат
Online
Початок навчання
20.02.2025
Тривалість
8 тижнів
Рівень
Для досвідчених
Мова навчання
Ukrainian
Вартість
уточнюйте
Вечірні заняттяВидається диплом/сертифікатМожливе працевлаштуванняСупровід ментораРеальний проект у портфоліо
Levelup
  • 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

Більше інформації
Курс
Формат
Online
Початок навчання
15.02.2025
Тривалість
99 годин
Рівень
Для початківців
Мова навчання
Ukrainian
Вартість
3 700 UAH за місяць
Гнучкий графікВидається диплом/сертифікатСупровід ментораРеальний проект у портфоліо
PeaPod
  • Frontend
Подробиці

На базі курса ви отримаєте знання з HTML, CSS, вивчите базу мови програмування JavaScript та створите свої перші проєкти: портал новин та список справ (to do list). Програма складена за принципом збільшення складності та передбачає багато практичних завдань.

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

Модуль 1. Введення в основи Front-end розробки. Мова розмітки HTML, CSS

  • Вивчення синтаксису мови розмітки HTML
  • Структура (скелет) HTML документа
  • Заголовки, параграфи, посилання, зображення, форми, таблиці в HTML
  • Вивчення основ мови CSS
  • Адаптивність та кросбраузерність. Media-запити
  • Робота над практичним завданням з HTML та CSS. Основи HTML5

Модуль 2. Технологія Flexbox

  • Структура документа HTML5. Вивчення тегів в HTML5
  • Практичні завдання HTML5+CSS
  • Технологія Flexbox. Верстання учбового макета сайту

Модуль 3. Технологія GRID CSS. Бібліотека Bootstrap

  • Базова сітка GRID CSS. Рядки і стовпці. Вирівнювання вмісту. Нумерація ліній сітки
  • Верстання макету Landing-page
  • Бібліотека Bootstrap. Розробка проєкта із використанням Bootstrap

Модуль 4. Основи JavaScript

  • Типи даних, змінні, числа, строки, введення в об'єкти
  • Масиви в JavaScript. Методи роботи із масивами
  • Функції в JavaScript. Робота із функціями
  • Об'єкти в JavaScript. Копіювання, створення, деструктуризація

Модуль 5. Введення в DOM. Атрибути елементів. Маніпуляція DOM елементами

  • Введення в події браузеру. Властивості і методи подій
  • Практична робота. Проєкт "список справ" (To do list)

Модуль 6. Асинхронність в JavaScript. Робота з AJAX. Promises-об'єкти

  • Введення в AJAX. POST-запити. Відладка в AJAX CORS. Обробка помилок
  • Введення в Promises
  • Практична робота. Розробка новинного порталу

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

  • Онлайн навчання у режимі реального часу
  • Доступ до записів уроку
  • Робота над портфоліо
  • Підтримка у чаті від викладачів
  • Доступ до матеріалів курсу
  • Сертифікат
  • Індивідуальний підхід

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

Олександр Левицький - Python backend and frontend developer

Більше інформації
Курс
Формат
Online
Початок навчання
Дата формується
Тривалість
4 місяців
Рівень
Для початківців
Мова навчання
Ukrainian
Вартість
25 000 UAH за курс
Вечірні заняттяВидається диплом/сертифікатСупровід ментораРеальний проект у портфоліо
Main Academy
  • Frontend
Подробиці

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

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

Git control version

  • Знайомство з git control version
  • Установка Git
  • Початкова настройка Git
  • Створення Git-репозиторію
  • Робота з віддаленими репозиторіями
  • Основи розгалуження та злиття
  • Управління гілками
  • Робота з гілками
  • Віддалені гілки

Photoshop & Figma

  • Знайомство з Photoshop
  • Формати графічних файлів
  • Робота з інструментами
  • Зміна розміру зображення
  • Фільтри
  • Нарізка та експорт макета веб-сайту + HTML
  • Знайомство з Figma
  • Реєстрація у Figma
  • Експорт зображення
  • Розбір отримання стилів у Figma
  • Шари у Figma
  • Клон макета у Figma

HTML & HTML5, Optimization

  • Знайомство з HTML
  • Структура HTML-документа
  • Заголовки, блокові та малі теги
  • Робота зі списками
  • Зображення, iframe, посилання
  • Таблиці, Форми
  • Відео, аудіо
  • Нові теги в HTML5

Пошукова оптимізація

  • Сторонні та внутрішньосторінкові завдання
  • Мета теги
  • Контент використання
  • Ключові слова
  • Якірний текст
  • Теги заголовків
  • Атрибут зображення alt & title
  • 301 Redirect, canonical, 404
  • Robots.txt
  • Meta "robots"
  • sitemap.xml

CSS & CSS3

  • Знайомство з CSS
  • Синтаксис
  • Підключення css файлу
  • Селектори CSS element, id, class
  • Селектори угруповання
  • CSS background, background position CSS
  • Комбінатор
  • text properties, fonts
  • Псевдо-елементи, псевдо-класи
  • Lists properties
  • padding, margin, border
  • position, display, float, z-index
  • CSS3 box-sizing property
  • Градієнт
  • CSS3 2D та 3D
  • CSS3 Animation
  • @keyframes
  • CSS3 Flexbox

Front-End Framework

  • BootStrap 4.0
  • Plugins Owlcarousel
  • Plugins Fancybox

JavaScript базовий

  • Огляд мови JavaScript
  • Огляд інструментарію засобів налагодження коду
  • Команди Console
  • Знайомство Змінні
  • Літерали шаблону
  • Примітивні типи
  • Типи даних. Оператори
  • Метод для String()
  • Об'єкт Math
  • Призначення деструктуризації
  • Вікна діалогів
  • Використання innerHTML
  • Використання If/Else
  • Операція вибору першого певного операнда (??)
  • Умовний доступ до властивостей
  • Switch
  • For (in & of, await)
  • Оператор in
  • Оператори While та Do/While
  • ToLocaleString() метод
  • Масиви даних
  • Операція розповсюдження масиву
  • Array.of(), Array.form(), Array length, forEach()
  • Методи ітератора для масивів
  • Згладжування масивів за допомогою flat() та flatMap()
  • Об'єднання масивів за допомогою concat()
  • Організація стопок і черг за допомогою push(), pop(), shift() та unshift()
  • Робота з підмасивами за допомогою slice(), splice(), fill() та copyWithin()
  • Асоціативні масиви
  • Стандартний клас Object, методи роботи
  • Поняття функції
  • Поняття стрілкових функцій
  • Анонімні функції
  • Callback функції
  • Конструктор функції
  • Рекурсія функції
  • Аргумент функції
  • Поняття та використання замикання
  • Регулярний вираз
  • Робота з рядками, датами
  • Конструкція try…catch

JavaScript просунутий

  • Огляд об'єктної моделі W3C DOM
  • Об'єкт Window
  • Властивості Window
  • Методи Window
  • Location, Location методи
  • History
  • Navigator
  • Screen
  • Огляд подій елементів у моделі DOM
  • Посилання на об'єкти за ідентифікатором або ім'ям
  • innerHTML
  • Events
  • setTimeout() & setlnterval()
  • Форма Валідації
  • Події миші та клавіатури для елементів керування
  • jQuery

JavaScript просунутий

  • Взаємодія із сервером
  • HTTP методи
  • XMLHttpRequest: властивості, методи
  • Опис модуля за допомогою define та виконання за допомогою require
  • Формати передачі даних від сервера JSON
  • URL API
  • Promise Об'єкти
  • Promise властивості & методи
  • Symbol об'єкт
  • Promise властивості & методи
  • Cookies. Доступ до cookies.
  • Технологія Ajax та робота з HTTP протоколами
  • localStorage & sessionStorage
  • IndexedDB

Gulp

Робота збиранням проєкту Gulp.

Сертифікація

Ефективне працевлаштування

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

  • Вечірні заняття у режимі живих онлайн зустрічей
  • Велика кількість практичних завдань
  • Постійний фідбек від тренера
  • Навчальні проєкти
  • Сертифікат після успішного закінчення навчання
  • Кар'єрний тренінг з HR-фахівцями
Більше інформації
Курс
Формат
Online
Початок навчання
Дата формується
Тривалість
9 тижнів
Рівень
Для початківців
Мова навчання
Ukrainian
Вартість
уточнюйте
Гнучкий графікВидається диплом/сертифікатСупровід ментораРеальний проект у портфоліо
Web Academy
  • Frontend
Подробиці

На Вас чекають живі онлайн-заняття, під час яких Ви вивчатимете основи Front-end розробки та одразу ж застосовуватиме знання на практиці. Разом із досвідченим Front-end Engineer Ви напишете свій код та проаналізуєте помилки.

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

Огляд курсу. Основи синтаксису HTML

  • Інструменти
  • Структура HTML-документа
  • HTML-теги та їх атрибути
  • Семантичні елементи HTML5

Основи синтаксису CSS

  • Види селекторів у CSS
  • Специфіка селекторів
  • Одиниці розмірів у CSS
  • Налаштування фону

Основи HTML форм, верстка простої форми реєстрації

  • Поля введення різних типів даних
  • Типи кнопок
  • Ідентифікатори та значення

CSS бокс модель / Flex box

  • Потік сторінки та управління ним
  • Відступи
  • Вирівнювання

Position

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

Grid layout

  • Види сіток
  • Верстка сітки товарів за допомогою grid
  • Властивість gap, відступ між грід елементами

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

  • Що таке адаптивна верстка?
  • Запити за допомогою Media queries
  • Приклад верстки адаптивного меню

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

  • Основи SCSS
  • Змінні та їх відмінність від CSS-змінних
  • Синтаксис

Практика верстки реального шаблону

  • Верстка шаблону
  • Підсумок CSS
  • Практика

Основи JavaScript

  • Синтаксис
  • Типи даних
  • Оператори

Функції | Основи DOM | Події в JS

  • Масиви
  • Функції
  • Додавання відкриття/закриття меню

Функції поглибленно | DOM в деталях

  • Методи масивів push | pop | shift | unshift | slice | splice
  • Селектори querySelector | querySelectorAll
  • Події миші, клавіатури, елементів управління, CSS

Динамічне створення елементів HTML за допомогою JS

  • document.createElement()
  • Перетворення массивів в елементи HTML
  • Створення списку завдань за допомогою localStorage

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

  • Залишкові параметри та оператор розширення
  • this|call|apply|bind
  • Рекурсія/стек

AJAX, взаємодія з сервером, promise

  • Поняття клієнт | сервер
  • Огляд інструментів для налагодження мережевих запитів
  • Асинхронна поведінка

Практика створення асинхронного компонента сторінки: генератор випадкового рецепту

  • Знайомство з API random food
  • Створення функцій-компонентів
  • Підключення до серверного API

Огляд бібліотеки React JS

  • Способи підключення
  • Ідея компонентів
  • createrReactApp

Приклад створення додатка за допомогою React JS

  • Огляд API themoviedb.org
  • setup оточення для розробки використовуючи createReactApp
  • Створення сторінки списку фільмів

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

  • Zoom-лекції та практикуми
  • Тренер та ментор в чаті групи
  • Перевірка і код рев'ю Д/З ментором з коментарями
  • Сертифікат по закінченню курсу (при успішному захисті фінального проекту і виконаних Д/З)
  • Підтримка клієнтського сервісу
  • Відеозаписи блоку "IT Career"
  • Участь в Web Academy Club

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

  • Ілля Литвинов - Senior Front-end Developer
  • Анастасія Бібік - React/React Native Developer
Більше інформації

Сторінки

Читайте нас в Telegram, щоб не пропустити анонси нових курсів.

Відгуки про курси

Влад   07.03.2025

Навчаюся на курсі Front-end. Загалом матеріали гідної якості, інформація подається у формі коротких відео + додатковий текстовий матеріал.

Рекомендації: Рекомендую
5
Середня: 5 (1 голос)
Курси Frontend
Влад   04.03.2025

Я випускник онлайн - буткемпу й хочу сказати, що внесок, який робить GoIT, неможливо переоцінити. Це не просто курси — це компанія, яка допомагає опанувати нову професію й робить усе можливе (і навіть більше!), щоб ви стали конкурентоспроможним спеціалістом у своїй сфері. Навчальні матеріали постійно оновлюються, є власна інтерактивна платформа, викладачі та ментори — досвідчені фахівці, а клієнтський сервіс перевершує всі очікування завдяки індивідуальному підходу до кожного студента. А після випуску ви станете частиною великої спільноти, де знайдете друзів і майбутніх колег.

  Зараз я вже працюю React-розробником, і за цей результат хочу щиро подякувати всій команді GoIT та всім, хто допомагав мені на цьому шляху. Окрема подяка Тані Петрухновій за її підтримку й постійний заряд мотивації та Саші Репеті за його неймовірну глибину знань і готовність ними ділитися.   На курсі було непросто, особливо під час командних проєктів, але немає нічого неможливого, коли ти не сам і поруч є досвідчений наставник, до якого завжди можна звернутися. До того ж кінцевий результат повністю виправдовує всі труднощі, яким би тернистим не був цей шлях.
Плюси:Підтримка технічна та організаційна, постійне оновлення матеріалів, спільнота однодумців)
Рекомендації: Рекомендую
5
Середня: 5 (1 голос)
05.03.2025   Відповідь представника компанії

Дякуємо за ваш відгук та теплі слова на адресу нашої команди. Ми раді, що навчання в GoIT допомогло вам опанувати нову професію та досягти успіху як React-розробника. Ваша наполегливість і праця, особливо під час командних проєктів, заслуговують на визнання. Бажаємо вам подальших професійних досягнень, цікавих проєктів та невпинного розвитку у сфері IT. Нехай ваша кар'єра буде сповнена успіхів та нових можливостей!

Курси Frontend
Інна   26.02.2025

Я навчаюся в GoIT і вже успішно працевлаштувалася. Хочу особливо відзначити навчальний проєкт, у якому брала і продовжую брати участь.

  Це чудова можливість не лише закріпити на практиці теоретичні знання курсу, а й відкрити для себе багато нового. Це не просто створення якогось сайту на WordPress, а розробка повноцінного застосунку.   Ти повністю занурюєшся в реальну розробку, де Антон надихає, допомагає працювати чітко за Scrum, а Саша спрямовує, щоб технічні рішення були правильними, а використані технології – сучасними й актуальними. Ментори завжди підтримують і допомагають писати якісний код.   Завдяки цьому досвіду тепер я на роботі вже сама пояснюю, як правильно працювати за Scrum, які технології зараз на піку популярності, як відбувається планування та розподіл завдань тощо.   Навчальний проєкт – це неймовірно цінний досвід, який серйозно прокачує як Soft, так і Tech скіли.   Антон та Саша, величезна вам подяка!
Рекомендації: Рекомендую
5
Середня: 5 (1 голос)
28.02.2025   Відповідь представника компанії

Дякуємо за такий теплий і детальний відгук! Ми дуже раді, що ви змогли отримати не лише теоретичні знання, а й реальний досвід у розробці застосунків, а також адаптувати отримані навички на роботі. Ваша здатність впевнено використовувати Scrum та сучасні технології — це величезне досягнення!

Ми щасливі, що могли бути частиною вашого професійного розвитку і допомогти в становленні як технічних, так і софт-скілів. Антон та Саша будуть надзвичайно раді почути вашу подяку. Бажаємо вам подальших успіхів у кар’єрі та нових великих досягнень!

Курси Frontend
Олександр   23.02.2025

Усе, що було на курсі, було зроблено добре: своєчасне і зрозуміле інформування студентів, швидкий зворотний зв'язок, оперативна допомога в питаннях, залученість наставника і викладачів, хороша теорія і багато завдань для практики.

Рекомендації: Рекомендую
5
Середня: 5 (1 голос)
Курси Frontend
Оленка   14.02.2025

Okten — це  школа в якій ти не просто «слухаєш», а  тебе «чує» викладач чи ментор та приймає відповідні кроки і рішення, щодо конкретного проблемного питання чи теми, навіть якщо хтось один з групи тупить чи завис, (бо модулів чимало й в кожного є якийсь свій просто геть "тугий")) його не залишать на одинці, це  стало для мене приємним сюрпризом. Регулярно переглядається  та розбираються практичні та домашка, студенти постійно отримують підтримку, якщо ти випереджаєш групу і в тебе є потенціал — компанія це помічає, і ще до закінчення ти можливо отримаєш шанс пройти співбесіду в топовій ІТ компанії.

Графік доволі щільний якщо ще й англійська, але досить грамотно та чітко спланований, але не розраховуйте на розслабон, всі ваші здобутки напряму залежать від вашої концентрації та дисципліни. Не ігноруйте менторську підтримку, тим більше, що надають її практично 24/7.
Загалом склалось дуже приємне враженя, раджу!
Оленка, всім любові. )))

Плюси:Планування Супровід Наповненість СТАВЛЕННЯ
Рекомендації: Рекомендую
5
Середня: 5 (1 голос)
Курси Frontend

Сторінки