Взагалі не рекомендую цю школу! Жахливий сервіс, де вас не попередять про зростання цін, клієнтоорієнтованість взагалі жах! На усі зауваження відповідь дають «зафіксував», коли провина саме лежить на школі та надані послуг.
Роблять усі умови, щоб ви сплатили пакетом, кажуть що якщо щось дитині не сподобається то повернуть кошти , але повертають вони 30% з того , що повинні. Звичайно, що це прописано у оферті на 9 сторінок, але при продажу кажуть зовсім інше і в тебе не виникає навіть сумнівів, що таке може бути!! Я проходила навчання раніше і в інших школах і усе було прозоро, відповідально і тд, а тут просто пробили дно.
Ще важливе зауваження- при підписані договору заявляли, що ціна закріплюється на весь період навчання, але потім раптом все змінилось і навчання подорожчало на 15%. Ось такий сервіс, тємкі муткі
Курсы Frontend Developer: HTML и CSS
Сравнение всех курсов
- Frontend
Програма навчання Junior Frontend Developer. На онлайн-курсі ти навчишся створювати інтерфейси вебсайтів та застосунків
Програма курсу
HTML та CSS
- Основи HTML. Теги й атрибути. Семантика
- Основи CSS. Селектори. Колір
- Оформлення тексту й шрифти
- Блочна модель. Flexbox
- Фон і декоративні елементи
- Позиціонування елементів
- Трансформації. Переходи та анімація
- Форми
- Респонсівна верстка та адаптивна графіка
- Методології. Препроцесори
- +2 особистих і 1 командний проєкт
JavaScript
- Змінні та типи даних. Відгалуження. Цикли
- Масиви. Функції
- Об’єкти. Операції rest і spread
- Масиви: методи перебирання
- Ключове слово this. Прототипи й класи
- DOM та події
- Патерни й оптимізація подій
- Інфраструктура проєктів. Вебсховище
- Асинхронність і Date. Проміси
- Взаємодія з бекендом
- CRUD. Асинхронні функції
- +1 командний проєкт
Soft skills
- Філософія Agile
- Методологія Scrum
- Робота в команді
- Тайм-менеджмент
- Аналітика проєктівпроєктів
- English speaking club (пакет Plus)
- Робота з EnglishDom Wordsз EnglishDom Words
- Заняття з працевлаштуванняз працевлаштування
- Складання грамотного резюме
- Створення сторінки на LinkedIn
- Написання мотиваційного листа
- Майданчики для пошуку роботи
- Підготовка до HR-інтерв’ю
- Підготовка до технічного інтерв’ю
- Комунікативні навички
- Тестові співбесіди
Career skills
- Створення резюме
- Оформлення проілів LinkedIn та Djinni
- Підготовка до HR та технічної співбесіди
- Індивідуальні кар'єрні консультації
- Рекомендація студентів на вакансії партнерів
Особливості курсу
- Вечірні заняття (17:30 - 21:30)
- 2-3 вебінари на тиждень
- Кабінет my.goit
- Спілкування в чаті
Викладачі курсу
- Діма Рябовол - Markup Developer в Studytube
- Вова Мельник - Frontend Lead в GoIT
- Андрій Данилко - Senior Frontend Developer в GoIT
- Саша Вєнік - Senior Frontend Engineer в Compstack
- Гері Горват - Senior Frontend Developer в TEAM International
- Денис Мещеряков - Senior JavaScript Developer в SevenPro
- Льоша Рєпін - Senior Frontend Developer в GoIT
- Ярослав Косиця - Senior Frontend Developer в GoWeb
- Frontend
Курс Frontend Developer враховує сучасні потреби ринку та скіли, які підвищують шанс на отримання оферу - від верстання інтерфейсів завдяки HTML/CSS до написання коду на JavaScript та підвищення продуктивності за допомогою ReactJS та Next.js
Програма курсу
Frontend/HTML/CSS/JS/GIT
- Розумітимете роль та функції Frontend-розробника
- Розглянете технології та мови - HTML / CSS / JavaScript
- Ознайомитеся з інструментами розробки - IDE, DevTools
- Дізнаєтеся, що таке система контролю версій Git
Вступ. Основи Web-розробки
- Дізнаєтесь основні принципи роботи веббраузерів
- Зрозумієте значення кросбраузерності та основні відмінності в інтерпретації ними
- Розрізнятимете завдання веброзробника, пов'язані з роботою в клієнтській частині вебзастосунків
- Зрозумієте принцип роботи з системою контролю версій Git
- Матимете актуальний акаунт на GitHub та створений репозиторій для роботи з курсом
Мова розмітки HTML
- Дізнаєтеся, як створювати структуру HTML-документа, включно із заголовком, тілом, розділами, абзацами, списками та формами
- Використовуватимете семантичну розмітку
- Застосовуватимете різні теги та атрибути для форматування тексту, створення посилань, вставки зображень та інших елементів
Основи розробки на JavaScript
- Вивчите основи JS, навчитеся працювати із function, callbacks, prototype, а також із глобальними об'єктами document, window, navigator
- Дізнаєтеся, що таке HTML5 API та доступні його різновиди
- Застосовуватимете кожен із запропонованих API
Робота з CSS
- Знатимете різні типи відтворення, методів позиціювання
- Працюватимете з текстом, кольором, фоном та технологією Flexbox
Анатомія вебзастосунків. Основи принципів UI/UX
- Створюватимете макети зі статичною або адаптивною сіткою (layout anatomy)
- Орієнтуватиметеся в принципах UI/UX-дизайну
- Проєктуватимете зручну для сприйняття розмітку вебзастосунку (сайту)
Робота з SASS (SCSS) препроцесором
- Використовуватимете пакетний менеджер yarn для встановлення пакетних залежностей, додаткових бібліотек, модулів
- Підключатимете SASS-препроцесор до проєкту, використовуватимете змінні, міксини, цикли та інші функціональності SCSS
Вступ до розробки на JavaScript
- Використовуватимете структуру коду, змінні, типи даних
- Здійснюватимете логічні порівняння та ухвалюватимете рішення на основі результатів цих порівнянь
- Виконуватимете операції або обробку даних на основі визначених умов
- Матимете знання щодо створення функції, а також функцій, які можна призупинити й відновити під час виконання
- Знатимете, як використовувати обробники подій (event handlers)
Поглиблення в розробку на JavaScript: структури даних
- Працюватимете з різними типами структур даних, як-от масиви (Array), об'єкти (Object)
- Створюватимете багаторівневі структури даних, наприклад, масиви об'єктів або об'єкти, що містять інші об'єкти
- Використовуватимете об'єкти Set, Map та Object для збереження та обробки даних
- Зможете маніпулювати з масивами, використовуючи методи, як-от push, pop, shift, unshift, splice
- Використовуватимете об'єкт Reflect для виконання різних операцій: створення нових об'єктів, виклик методів, отримання та встановлення властивостей тощо
Поглиблення в розробку на JavaScript: робота з мережею
- Розроблятимете базове RESTful API, використовуючи різні HTTP-методи, як-от GET, POST, PUT, DELETE
- Орієнтуватиметесь, які URL-шаблони використовують для маршрутизації запитів
- Використовуватимете Fetch API для відправлення HTTP-запитів з клієнтської сторони вебзастосунку
- Працюватимете з Promise для управління асинхронним кодом
- Використовуватимете async-await для зручного написання асинхронного коду
- Налагоджуватимете мережеві запити за допомогою DevTools
ООП-програмування
- Зрозумієте основні концепції ООП - класи, об'єкти, спадкування, поліморфізм, інкапсуляція
- Навчитеся використовувати кожну концепцію на практиці
Патерни проєктування
- Знатимете основні патерни проєктування, які допомагають розробляти ефективний і підтримуваний код
- Зрозумієте значення патернів у проєктуванні вебзастосунків
Принципи програмування
- Ознайомитеся з принципами програмування
- Матимете достатньо знань, щоб писати чистий та зрозуміли код
- Знатимете, як не допустити повторень у своєму коді, аби зекономити час та ресурси на розробку
Методи генерації вебсторінок
- Вивчите типи вебрендерингу та навчитеся їх розрізняти
- Навчитеся вибирати тип рендерингу залежно від ситуації
Розробка на ReactJS
- Ознайомитеся зі структурою React-застосунку та його основними компонентами
- Працюватимете з JSX (розширення синтаксису JavaScript) для опису інтерфейсу користувача
Поглиблення в розробку на ReactJS
- Розумітимете роботу із хуками, чітко розрізнятимете їхні типи за призначенням
- Набуде навичок у створенні Custom Hooks
- Вмітимете працювати з React Router
Розробка на ReactJS. Знайомство з бібліотекою Redux
- Розберетеся в глобальному та локальному контексті в ReactJS
- Розглянете бібліотеку Redux для керування станом додатка
UI/UX frameworks
Отримаєте знання з Bootstrap та Tailwind CSS, щоб використовувати їх у розробці вебінтерфейсів.
Розробка на JavaScript: створення вебзастосунку
- Матимете практичні навички та рекомендації щодо розробки SPA-застосунку на рівні реального вебзастосунку з використанням ReactJS
- Застосовуватимете SCSS та фреймворк Tailwind (або Bootstrap)
- Використовуватимете CSR (Client-Side Rendering)
- Розробите повноцінний single-page application із керуванням стану та використанням CSS Framework
JavaScript Server-Side. Знайомство з фреймворком Next.js
- Розумітимете принципи серверного рендерингу та можливостей Next.js для побудови універсальних вебзастосунків
- Відрізнятимете особливості Data Fetching: getServerSideProps, getStaticProps, getStaticPaths. Знатимете, для чого і коли використовувати кожен з них
- Знатимете роутинг Next.js
- Описуватимете внутрішнє API для повернення JSON-даних із сервера
- Матимете навички в оптимізованому використанні картинок на рівні SSR із Next.js
- Працюватимете із Lazy Loading, кешуванням
JavaScript Server-Side. Практика Next.js
- Працюватимете з розробкою server-side application з використанням Next.js
- Підключатимете фреймворки для стилізації типу Tailwind, а також проводитимете налаштування кастомних тем
- Розберетесь із роботою маршрутизатора на практиці та роботою кешування на рівні фреймворку
- Матимете практичні навички використання SSR, CSR
Vercel. Публікація готового проєкту
- Створюватимете git-репозиторію з підключенням до системи деплойменту
- Налаштовуватимете деплоймент репозиторію із вебзастосунком на рівні Vercel
- Матимете навички застосування змін через Pull Request у GitHub
Підбивання підсумків. Поширені запитання на технічній співбесіді
Особливості курсу
- Топовий інструментарій розробки
- Оформлення та розширення портфоліо
- HR-консультація
Викладачі курсу
Андрій Римарук - Senior JavaScript Frontend Developer at Welltech
Подать заявку- TypeScript
- Frontend
- Fullstack
Навчіться писати стабільний код для Frontend-, Backend- та Fullstack-проєктів.
Програма курсу
Вступ до TypeScript. Створення й налаштування проєкту
- Навчитеся створювати новий проєкт на Node.js з додаванням TypeScript
- Зрозумієте потреби використання TypeScript
- Дізнаєтеся про переваги та недоліки TypeScript
- Ознайомитеся з базовими налаштуваннями у файлах конфігурації tsconfig.json
Об'єкти та масиви
- Навчитеся створювати об'єктні типи з обов'язковими та опціональними полями
- Зрозумієте різницю між типами union та intersection
- Дізнаєтеся, як працювати з масивами та кортежами у TypeScript
- Ознайомитеся з базовими техніками роботи з об'єктами та парсингом JSON
Маніпуляції з типами. Специфічні оператори TypeScript. Робота з константами
- Навчитеся працювати з константними типами та enums
- Зрозумієте, як створювати власні conditional types
- Дізнаєтеся про такі специфічні оператори TypeScript, як-от typeof та keyof
- Ознайомитеся з особливостями TypeScript: виведенням, приведенням і звуженням типів
Робота з функціями у TypeScript
- Навчитеся типізувати функції та їхні аргументи
- Зрозумієте різницю між звичайними функціями та arrow functions
- Дізнаєтеся про різні типи аргументів функцій
- Ознайомитеся з особливістю TypeScript - перевантаженням функцій
ООП у TypeScript
- Навчитеся створювати класи та методи класів
- Зрозумієте базові принципи ООП
- Дізнаєтеся про різні типи модифікаторів доступу змінних у класах
- Ознайомитеся з концепцією наслідування у TypeScript
Абстрактні класи, інтерфейси. Generics
- Навчитеся створювати нові generic-типи на основі наявних
- Зрозумієте переваги використання дженериків
- Дізнаєтеся, як створювати інтерфейси та абстрактні класи
- Ознайомитеся з наявними вбудованими utility-типами у TypeScript
Модульна система. Design Patterns y TS
- Навчитеся створювати власні declaration-файли
- Зрозумієте різницю між ES Modules і CommonJS
- Дізнаєтеся, що таке DefinitelyTyped
- Ознайомитеся з прикладами реалізації патернів проєктування у TypeScript
Асинхронність у TypeScript
- Навчитеся працювати з Promises та async/await
- Зрозумієте переваги використання Promises
- Дізнаєтеся, як виконувати Promises паралельно та послідовно
- Ознайомитеся з Fetch API та навчитеся його використовувати
Використання TypeScript y React
- Навчитеся створювати нові проєкти на React з TypeScript
- Зрозумієте, як працювати з refs і обробниками івентів у TypeScript
- Дізнаєтеся, як типізувати компоненти, props і змінні state
- Ознайомитеся з концепцією state management і наявними механізмами у React
Використання TypeScript y Node.js
- Навчитеся створювати API-роути в Express.js
- Зрозумієте, що таке middleware-функції
- Дізнаєтеся, як створювати моделі об'єктів у Sequelize та структуру бази даних
- Ознайомитеся з техніками виконання CRUD-операцій у Sequelize
Основи тестування. Тестування UI
- Навчитеся тестувати React-компоненти
- Зрозумієте різницю між типами тестування
- Дізнаєтеся, як імітувати реальні дані для тестування
- Ознайомитеся з концепцією test coverage
Тестування Backend. Eslint, Husky
- Навчитеся тестувати API-ендпоінти з використанням Supertest
- Зрозумієте переваги використання ESLint у проєктах
- Дізнаєтеся, що таке pre-commit хуки та як їх налаштовувати
- Ознайомитеся з різноманітними конфігураціями ESLint
Підготовка до продакшену
- Навчитеся працювати з source bundler'ами
- Зрозумієте, що таке tree shaking і dead code elimination
- Дізнаєтеся, як налаштувати мініфікацію коду
- Зрозумієте, як створювати CI/CD pipelines для GitHub Actions
Захист курсових проєктів
Особливості курсу
- Допомога ментора
- Практика
- Проєкт в портфоліо
- Курсовий проєкт
- Сертифікат про проходження курсу
Викладачі курсу
Ігор Постриган - Senior Software Engineer at N-iX
Подать заявку- Frontend
Навчимо вас HTML/CSS, Git, JavaScript, TypeScript React, Angular, Node.JS, MySQL, MongoDB, Nest.JS, Next.JS, а потім ще і працевлаштуємо.
Програма курсу
Git + GitHub
- Загальна інформація
- Встановлення GIT
- Налаштування глобальних даних користувача
- Інтеграція Git з середовищем розробника
- Створення репозиторію
- Базові команди GIT
- Робота в команді за допомоги Git
- Merge conflict
- GitHub
- Конфігурація доступу до репозиторію
- Pull Request
HTML/CSS
- Загальна інформація
- Вступ до HTML та знайомство з CSS
- Блочні елементи та способи їх розташування на сторінці
- Селектори в CSS
- Події в CSS
- Flexbox та позиціонування
- Адаптивна верстка
- Робота з медіаконтентом та формами
- Figma
- Шрифти та іконки
- Grid css
JavaScript
- Загальна інформація
- Введення в JavaScript
- Базові типи даних в JavaScript
- Базові операції в JavaScript
- Логічні розгалуження в JavaScript
- Об'єкти в JavaScript
- Масиви в JavaScript
- Цикли в JavaScript
- Функції в JavaScript
- Рекурсія та замикання в JavaScript
- ООП та прототипи в JavaScript
- Робота з помилками в JavaScript
- Callback функції в JS
- ES6 JavaScript features
- DOM в JavaScript
- Події в JavaScript
- BOM в JavaScript
- Генератори та ітератори в JavaScript
- Асинхронність в JavaScript та Event loop
TypeScript
- Загальна інформація
- Вступ до TypeScript
- Синтаксис TypeScript
- Функції та класи TypeScript
- Інструменти та налаштування
- Практика з TypeScript
- Додаткові теми
MongoDB
- Загальна інформація
- Вступ до MongoDB
- Робота з колекціями та документами
- Мова запитів MongoDB
- Практика з MongoDB
- Додаткові теми
MySQL
- Загальна інформація
- Вступ до MySQL
- Створення та керування базами даних
- Таблиці та поля
- Запит даних мовою SQL
- Практика з SQL
- Додаткові теми
React
- Загальна інформація
- Введення в React
- Створення простих React-додатків
- Типізація у React
- Компоненти React
- Бібліотеки компонентів та CSS
- Керовані та некеровані компоненти
- Hooks React
- Маршрутизація в React
- Керування даними в React
- Розробка шарів програми
- State management. Основи
- Zustand
Redux Toolkit
- Загальна інформація
- Redux toolkit
- Redux асинхронні перетворювачі
- Best Practice
Next.JS
- Загальна інформація
- Вступ до Next.js
- Створення Next.js-додатку
- Управління даними в Next.js
- Розширені можливості Next.js
Node.JS
- Загальна інформація
- Вступ до Node.js
- Встановлення середовища Node.js
- Асинхронне програмування з Node.js
- Файлові системи та робота з файлами
- HTTP та веб-сервери
- Сервісні та додаткові прошарки
- Бази даних з Node.js
- Додаткові теми Node.js
- Розгортання Node.js-додатків
Scrum
- Вступ до Scrum
- Артефакти Scrum
- Події Scrum
- Цінності Scrum
- Поширені помилки у Scrum
Лекція з HR
- Пошук вакансій
- Резюме
- Інтерв'ю
IT-English
Особливості курсу
- Об'єм до 960 годин
- Англійська мова
- Додатковий курс у подарунок
- Додаткові консультації
- LMS система
- Живі консультації
- Пожиттєвий доступ
Викладачі курсу
- Сергій Журавльов - Співзасновник OktenWeb Digital Studio
- Діана Бондаренко - Senior Frontend Developer
- Ірина Марусяк - Senior Project Manager at SoftServe
- Руслан Мудрак - Project Manager at Codegeeks Solutions
- Тарас Якимюк - Senior Developer at Rolique
- Максим Феденко - Senior Fullstack Developer at RocketSoft
- Валерія Ліхолєт - HR Specialist at Remofirst
- Віктор Кмин - Senior Developer at Honda Motor Co., Ltd.
- Альона П'яних - Senior React Developer at GridDynamics
- Костянтин Лопух - Middle Node.js Developer at COAX
- React
- Frontend
Курс вивчення бібліотеки react та фреймворку next.js для опанування прикінцевих фронтенд технологій.
Програма курсу
React
- Загальна інформація
- Введення в React
- Створення простих React-додатків
- Типізація у React
- Компоненти React
- Бібліотеки компонентів та CSS
- Керовані та некеровані компоненти
- Hooks React
- Маршрутизація в React
- Керування даними в React
- Розробка шарів програми
- State management. Основи
- Zustand
Redux Toolkit
- Загальна інформація
- Redux toolkit
- Redux асинхронні перетворювачі
- Best Practice
Next.js
- Загальна інформація
- Вступ до Next.js
- Створення Next.js-додатку
- Управління даними в Next.js
- Розширені можливості Next.js
Особливості курсу
- Зручна LMS система
- Безстроковий доступ до лекцій та матеріалів
- Чат з менторами
- Перевірка завдань
- Живі консультації
Викладачі курсу
- Костянтин Лопух - Middle Node.js Developer at COAX
- Сергій Журавльов - Співзасновник OktenWeb Digital Studio
- Діана Бондаренко - Senior Frontend Developer
- Ірина Марусяк - Senior Project Manager at SoftServe
- Руслан Мудрак - Project Manager at Codegeeks Solutions
- Тарас Якимюк - Senior Developer at Rolique
- Максим Феденко - Senior Fullstack Developer at RocketSoft
- Валерія Ліхолєт - HR Specialist at Remofirst
- Віктор Кмин - Senior Developer at Honda Motor Co., Ltd.
- Альона П'яних - Senior React Developer at GridDynamics
- Frontend
На курсі Front-end ти опануєш всі сучасні технології веброзробки й знайдеш омріяну роботу. Після курсу ти вмітимеш проєктувати сайти під будь-який пристрій, працювати з React.js, Redux, Typescript та багато іншого.
Програма курсу
Javascript Basics
- Introduction
- Your First JavaScript Program
- Main Concepts
- Numbers
- Strings
- Boolean
- Functions
- Conditional Operators
- Arrays
- Loops
- String Iteration
- String Methods
- Working With Arrays
- Get Ready for the Interview
Course Fundamentals
- Environment Setup
- How to Learn Effectively
HTML + CSS Basics
- HTML Basics
- CSS Basics
- Colors and Fonts
- Box Model Basics
- Semantic Basics
- Responsiveness Basics
- CSS Selectors
- Pseudo-Elements and Pseudo-Classes
- Specificity
- Links and URLs
- Images
- Media Queries
- Forms
- Position
- Extra topics
Git and Terminal
- Environment Setup
- Command Line Basics
- Git Basics
- Working With Branches
- Working With Remote Repo (GitHub)
Javascript Basics Extended
- Code Style
- Working With Numbers
- Loops in Details
- Working With Strings
- Functions Revisited
- Switch
- Type Conversion
- Logical Operators
- Object Basics
- Extended Extra
HTML + CSS Advanced
- Environment Setup
- Figma Installation
- Flexbox
- BEM
- Sass
- Transformations and Animations
- Grid
- Landing [Portfolio Project]
- Document and Events
Javascript Advanced
- How to Solve Tasks on Github
- Object Advanced
- Methods
- Array Methods
- Callbacks
- Array Iteration Methods Implementatiom
- Array Iteration Methods Usage
- Array Iteration Methods Practice
- Closures
- JS Practice
- Prototype
- Constructors
- Classes
- Extra
DOM, Events, Promises
- DOM Basics
- DOM Styling and Sizing
- Events
- Promises
- Portfolio Project
React
- Introduction
- Props
- Rendering Lists
- Handling Events
- Updating State
- List Manipulation
- Lifting State Up
- Updating State
TypeScript
- Introduction
- Basic Types
- Advanced Types
- Object Types
- Classes
- Extras
React with TypeScript
- Introduction
- Froms
- Advanced Hooks
- Component Lifecycle
- State Management
- Custom Hooks
- Loading Data From API
- Updating Data on Server
- State Management
- React Router
- Working With URLSearchParams
- Portfolio
Redux
- Redux Main Concepts
- React Redux
- Async Redux
How the Web Works
- Introduction to the web
- OSI model
- HTTP
- Encryption
- API interface
- Security in the Web
Team Project
- Team Project. Intro
- Jira Environment
- Status Check
- Estimates
- How to Demo Your Work
- Team Project for Employment
- Retrospective
Tech Interview
Final Portfolio Review.
Employment 2.0
- Employment Roadmap
- Preparing Your Resume
- Interview Preparation
- Cover Latter Preparation
- Google, LinkedIn, DOU, Djinni
- How to find and apply for vacancies
- Job Search Tips: Talking to Recruiters
- Work details FAQ
Vue.js
- Introduction
- Templates
- State Management
- Forms
- Computed Values
- Components
- Interaction With Page Elements
- Interaction With the Server
- Error Handling
- TodoApp with Vue.js
Angular
Angular Basics.
Algorithms and Data Structures (Old)
- Main Concepts
- Algorithm Complexity
- Data Structures: Array
- Search Algorithms
- Data Structures: Linked List
- Data Structures: Stack
- Data Structures: Queue
- Data Structures: Hash Map
- Data Structures: Hash Set
Algorithms and Data Structure
- Module Overview
- Algorithms complexity
- Arrays
- Binary search
- Two pointers
- Linked lists
- Stack
- Queue
- Trees
- Binary search tree
- Priority queue
Object Oriented Programming
- Basic Principles
- SOLID Principles
JavaScript Testing
- Introduction to Javascript Automated Testing
- Unit Testing
- TDD Basics
- Mock Basics
- Advanced Mocks
- Cypress
Career Development
- Mastering Your Probation Period
- PDP and Career Plans
- Salary Review Strategies
- Recruiter Outreach
- How to Find a New Job?
- How to Talk About You Previous Work Experience?
- Career Knowledge Base
Особливості курсу
- Працюєш? Вчись у власному темпі
- Зідзвони з менторами тричі на тиждень
- Чат з одногрупниками
- Навчальні матеріали "без води" замість довгих лекцій
- Матимеш 5 робочих проєктів в портфоліо
- Гарантуємо працевлаштування після навчання
- Повернемо кошти якщо не знайшов роботу в ІТ
Викладачі курсу
- Misha Hrynko - Fullstack Coach
- Iryna Pelekh - Student Coordinator
- Frontend
Курс, який навчить писати чистий код на JavaScript, працювати з розміткою, блоковою, табличною та модульною версткою, адаптувати екрани під різні формати та самостійно створювати сайти та додатки на JS
Програма курсу
Знайомство з HTML та структурою веб сторінок
- Дізнаєтеся, з яких елементів складається сайт
- Ознайомитеся зі змістом та розміткою вебсторінок
- Налаштуєте редактор коду та корисні розширення
- Опануєте базові теги та атрибути
Таблиці, списки та форми
- Розберетеся в особливостях блокової та табличної верстки та сферах їхнє застосування
- Навчитеся створювати текстові блоки, вставляти посилання та розміщувати зображення
- Вибудуєте навігацію на сторінці за допомогою посилань-якорів
- Навчитеся створювати форми та їхні елементи
Вступ до CSS
- Ознайомитеся зі стилями та навчитеся додавати їх на HTML-сторінку
- Дослідите відносні та статичні одиниці виміру
- Навчитеся підключати шрифти
- Опануєте модульну систему верстки Grid та технологію позиціювання елементів Flexbox
- Підключите CSS-бібліотеки
Інструменти CSS та робота з хостингом
- Протестуєте роботу з редактором VS Code
- Навчитеся працювати із системами контролю версій GitHub, Gitlab, Bitbucket etc, а також із хостингом Github Pages
- Розмістите свій вебсайт в інтернеті
Верстка та робота з макетами
- Навчитеся виділяти логічні блоки в макеті
- Створите змінні для кольорів та шрифтів
- Ознайомитеся з різними видами верстки та навчитеся адаптувати сторінку під різні пристрої
- Вивчите властивості різних браузерів та поняття кросбраузерності
Основи JavaScript: структура коду, типи даних та основні оператори
- Навчитеся підключати JavaScript до вебсторінки різними способами
- Вивчите змінні, типи даних та перетворення типів
- Навчитеся працювати з умовними операторами
Основи JavaScript: об'єкти, масиви, цикли та функції
- Вивчите властивості та методи об'єктів та масивів
- Навчитеся працювати з колекціями Map та Set, WeakMap, WeakSet
- Розберетеся в роботі циклів і навчитеся перебирати дані для написання бізнес-логіки програм
- Вивчите види функцій та зрозумієте, як вони допомагають повторно використовувати код
ООП JavaScript: класи ES5 і ES6
- Зрозумієте, що таке прототипне успадкування
- Навчитеся користуватися функціями конструктора
- Вивчите класи ES6
- Напишете власні класи
ООП в JavaScript: відмінності від інших мов
- Навчитеся застосовувати ключове слово this та контекст виклику
- Вивчите основні відмінності ООП JavaScript від ООП в інших мовах
- Спробуєте розбити код на незалежні модулі
Запити, обробка подій та введення користувача
- Навчитеся налаштовувати та надсилати AJAX-запити
- Навчитеся створювати DOM-елементи та додавати їх на сторінку
- Напишете правильний запит та отримаєте дані із сервера
- Навчитеся обробляти події користувача
Особливості курсу
- JavaScript
- Frontend
- Навички
- Кар'єра
- Бонус: підписка на WebStorm від JetBrains
Викладачі курсу
Владислав Бурденюк - Senior Software Engineer в Allset
Подать заявку- 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
Особливості курсу
- Практичні заняття і перевірка ДЗ
- Безкоштовний відеокурс
- Онлайн тестування і сертифікація
- Frontend
В рамках цього курсу вас ознайомлять з азами HTML та CSS, а також навчать верстати сайти. Після успішного закінчення курсу студенти матимуть змогу втілювати в верстку дизайн будь-якої складності, робити сайти, які однаково добре відображаються на будь-якому пристрої, помічати важливі дрібниці і писати код, який легко розширювати і підтримувати, навчиться розуміти структуру веб-сторінок.
Програма курсу
Вступ. Установка необхідного ПЗ
- Знайомство та план курсу
- Типи файлів
- Браузер
- Мови програмування
- Редактори коду.
Знайомство з HTML
- Структура HTML-документу
- Теги, атрибути тегів
- Розмітка тексту за допомогою HTML
- Посилання
- Списки
- Таблиці
- Зображення. формати зображень
- Форми
- Медіа (video, audio). Iframe
- Теги-орієнтири (header, main, aside, nav, section, article).
Git. Github
- Знайомство з Git. Github.
Знайомство з CSS
- Каскадність. Спадкування
- Підключення CSS
- Рідні стилі. Normalize.css Reset.css
- Селектори
- Стилізація тексту
- Шрифти
- Блокова модель
- Float. Float layout. Clearfix
- Position
- Псевдокласи. Псевдоелементи.
Advanced CSS
- Flexbox. Flexbox layout
- CSS Grid. Grid layout
- CSS препроцесори
- CSS фреймворки
- CSS методології.
Просунута робота з графікою
- SVG
- SVG спрайти
- Іконочні шрифти
- Адаптивна графіка. Тег picture
- Оптимізація графіки.
Адаптивна верстка
- Viewport. @media
- Одиниці вимірювання vh, vw, vmin, vmax, rem
- Знайомство з концепцією Responsive Web Design
- Mobile-first/Desktop-first
- Оптимізація сторінки.
Семантика і доступність
- Семантична розмітка
- Доступність для користувача інтерфейсів.
CSS анімації
- Transform
- Transition
- Filter
- Animation.
Виконання дипломного проєкту.
Особливості курсу
- Групові онлайн заняття
- Особистий кабінет для кожного учня
- Оперативна служба підтримки студентів
- Доступ до відеозаписів занять під час навчання та після його закінчення
- Велика частина занять орієнтована на практику
- Викладачі курсу - практикуючі фахівці, що працюють в топових компаніях
- Можливість повернути всі внесені за навчання кошти до шостого заняття
- Бонус курсу: тренінги по проходженню співбесіди та складанню резюме з HR-фахівцем компанії.
Викладачі курсу
- Владислав Лещенко - React Developer at N-iX
- Дмитро Крулькевич - Software Engineer at Continuumua
- Іван Самойлов - Senior Front-end Developer at Klever
- Владислав Повелиця - Front-end Developer at SOLAR Digital
- Роман Яремій - Full-Stack Developer at N-iX
- Володимир Шайтан - Technical Lead at Zoot
- Павло Зубак - Front-end Developer at Halo Lab
- Артем Рижов - Senior Front-end Team Lead at Limitless
- Максим Гричина - Front-end Developer at AN.WORKS
- Любомир Горбатюк - Front-end Developer at Smile Ukraine
- Михайло Корольков - Front-end Developer at MZ Group
- Владислав Єрмолаєв - Front-end Developer at InStandart
- Олександр Щербачов - Front-end Developer at Covent IT
- Андрій Кривцов - Senior JavaScript Developer at Oracle
- Богдан Продан - Front-end Developer at Artkai
- Валерій Хомченко - Front-end Developer at SOLAR Digital
- Олександр Фурманов - Front-end Developer
- Юлія Остапенко - Front-end Developer
- Frontend
На курсі Front-end ти опануєш сучасні технології веброзробки. Під час навчання зможеш обрати один із напрямків для подальшого розвитку: працювати з React.js, або ж Typescript та Angular.
Програма курсу
HTML та CSS Стартовий
- Введення в HTML. Типи елементів та атрибути
- Введення в CSS та визначення розмірів блоків
- Робота з відступами, властивість margin та робота з текстом і видимістю елементів
- Верстання з використанням Flexbox
- Комбінування селекторів та робота з фоном, властивість background
- Семантичне верстання
- Форми
- Позиціювання елементів
- Практика
JavaScript Стартовий
- Введення в JavaScript. Змінні та типи даних
- Рядки та оператори
- Логічні структури
- Масиви та цикли
- Функції
- Об'єкти
- Практика
GIT - Основи роботи
- Основи Git
- Публікація репозиторію
- Інтеграція з IDE
JavaScript Базовий
- Пошук елементів і DOM дерево
- Зміна DOM дерева. CSS стилі
- Події. Частина 1
- Події. Частина 2
- Події. Частина 3
- Функції конструктори
- Класи
- Класи. Наслідування
- Контекст функції
- Замикання
- Форми та елементи управління
- Перевірка даних форми
- Cookies та Web Storage
- Обробка винятків
- Асинхронний код. Promise
- Мережеві запити
- Практика
HTML5 & CSS3 Поглиблений
- Принципи побудови Grid розмітки, Шаблони сайтів
- Мікродані та користувацькі дані
- WebWorker. Audio, Video
- Робота з графікою на стороні клієнта
- Canvas
- Анімації та градієнти
- Sass основи
- Практика
Практичний курс "7 кроків для успішної кар'єри в ІТ"
- Знайомство з Кар'єрним сервісом у CyberBionic Systematics
- Сайти пошуку роботи. Різниця, специфіка, рейтинг
- Аналіз ринку праці для IT-фахівців
- Реєстрація на сайтах для пошуку роботи та заповнення власних профілів
- Створення резюме (CV)
- Створення супровідного листа (Cover Letter)
- Спілкування з рекрутерами
- Підготовка до співбесіди з HR
- Підготовка до технічної співбесіди
- Як отримати офер і пройти випробувальний термін
Далі ви можете вибрати один з напрямків курсу:
TypeScript
- Вступ. Змінні та функції
- Класи та інтерфейси
- Generics
- Модулі та простори імен
- Практика
Angular
- Введення в Angular
- Події та датабайдинг
- Директиви, пайпи. Роль модулів Angular
- Компоненти та їх робота
- Основи роботи сервісів та їх роль у застосунку
- Введення в HttpClient та RxJS
- Форми в Ангуляр
- Маршрутизація
- Практичне заняття
React базовий
- Введення в React
- JSX у React
- Основи React
- Стан та життєвий цикл
- Форми
- Стилізація в React
- Створення списку нотаток
- Введення в роутинг
- Створення сторінки помилки
- Створення Модального вікна
- Hooks
- Оптимізація та продуктивність React застосунків
- Практика
Особливості курсу
- Ранкова (09:00 - 11:00) та вечірня (19:00 - 21:00) групи
- 4 курсові проєкти
- Пакет навчальних матеріалів з усіх уроків
- Сертифікат про закінчення курсу (після захисту фінального проєкту та тестування)
- Індивідуальні рекомендації тренера.
Викладачі курсу
- Денис Ковтун - Web Frontend Developer, Сертифікований тренер Microsoft
- Тарас Заславський - FrontEnd Developer
- Ростислав Силівейстр - WEB Frontend Developer
- Віталій Мазяр - Web Frontend Developer, Сертифікований тренер Microsoft
- Ілля Стародуб - Angular Developer - Creative Digital Agency Krokus, Microsoft Certified Specialist
- Володимир Виноградов - Full Stack Developer, Microsoft Certified Specialist
- Владислав Бєлік - React FrontEnd Developer, тренер-консультант за напрямком FrontEnd
- Frontend
Протягом курсу ви отримаєте практичні навички, виконуючи домашні завдання і працюючи з тренером, а розробляючи дипломний проект - отримаєте неоціненний практичний досвід і створите перший проект для портфоліо.
Програма курсу
HTML5, CSS3 для початківців
- Введення у HTML. Типи елементів та атрибути
- Введення в CSS та визначення розмірів блоків
- Робота з відступами, властивість margin, робота з текстом та видимістю елементів
- Верстка з використанням Flexbox
- Комбінування селекторів та робота з фоном, властивість background
- Семантична верстка
- Форми
- Позиціювання елементів
- Практика
- Практика
JavaScript стартовий
- Введення до JavaScript. Змінні та типи даних
- Строки та оператори
- Логічні структури
- Масиви та цикли
- Функції
- Об'єкти
- Практика
Основи Git
- Основи Git
- Публікація репозиторію
- Інтеграція з IDE
JavaScript базовий
- Пошук елементів та DOM дерево
- Зміна DOM дерева. CSS стилі
- Події. Частина 1
- Події. Частина 2
- Події. Частина 3
- Функції конструктори
- Клами
- Класи. Наслідування
- Контекст функції
- Замикання
- Форми і елементи управління
- Перевірка даних форми
- Cookies i Web Storage
- Обробка виключень
- Асинхронний код. Promise
- Мережеві запити
- Практичне заняття
- Практичне заняття
HTML5 та CSS3 Advanced
- Принципи побудови розмітки. Flex, Grid, Шаблони сайтів
- Мікродані і користувацькі дані
- WebWorker. Audio, Video
- Робота з графікою на стороні клієнта
- Canvas
- Анімація та градієнти
- Sass основи
- Практика
- Практика
Практичний курс "7 кроків для успішної кар'єри в ІТ"
- Знайомство з Кар’єрним сервісом у CyberBionic Systematics
- Сайти пошуку роботи. Різниця, специфіка, рейтинг
- Аналіз ринку праці для IT-фахівців
- Реєстрація на сайтах для пошуку роботи та заповнення власних профілів
- Створення резюме (CV)
- Створення супровідного листа (Cover Letter)
- Спілкування з рекрутерами
- Підготовка до співбесіди з HR
- Підготовка до технічної співбесіди
- Як отримати офер і пройти випробувальний термін
Далі ви можете обрати один із двох шляхів
React Essential (Шлях 1)
- Вступ до React
- JSX у React
- Основи React
- Стан та життєвий цикл
- Форми
- Стилізація у React
- Створення списку заміток
- Hooks
- Введення в роутинг
- Створення сторінки помилки
- Створення Модального вікна
- Оптимізація та продуктивність React додатків
- Практика. Реалізація інтерфейсу
- Практика. Створення моделей даних
- Практика. Захист курсового проєкту
TypeScript Fundamentals (Шлях 2)
- Введення. Змінні та функції
- Класи і інтерфейси
- Generics
- Модулі і простору імен
- Практика
Angular (Шлях 3)
- Введення до Angular
- Події та датабайдинг
- Директиви, пайпи. Роль модулів Angular
- Компоненти та їх робота
- Основи роботи сервісів та їх роль у додатку
- Введення у HttpClient та RxJS
- Форми в Ангуляр
- Маршрутизація
- Практичне заняття. Підготовка до роботи проєкту
- Практичне заняття. Створення окремих сторінок динамічною маршрутизацію
- Практичне заняття. Додавання форми з валідацією
Особливості курсу
- Безкоштовні ключі на софт від Jetbrains
- Добірка відео курсів від ITVDN у подарунок
- Доступ до саписів уроків
- HR-підтримка під час та після навчання
- Перевірка ДЗ, ідбек
- Спілкування та підтримка
- Тестування і сертифікати
- Курсові проєкти
- Практикуми з ІТ експертами
- Курс Business English
- Курс IT English
Викладачі курсу
- Олександр Гончаренко - Web Frontend Developer
- Віталій Мазяр - Web Frontend Developer
- Олексій Татаренков - Frontend Developer
- Frontend
Програма курсу
Основи верстки сайтів
- Введення у веб розробку
- Основи роботи з графічним редактором Figma
- Введення HTML, теги, отрибути, елементи
- Робота з об'єктами Form
- Вступ до CSS - властивості, правила, успадкування, каскадування, нормалізація та скидання стилів
- CSS стилі, робота зі стилями
- CSS потоки, позиціонування та розташування об'єктів по сітці
- Псевдокласи, псевдоелементи
- CSS3 та робота з анімацією
- FlexBox
- Робота зі шрифтами
Оптимізація верстки та знайомство з Frontend
- Адаптивна та чуйна верстка, основні правила створення адаптивного сайту
- Media-запити
- Препроцесор - SASS/SCSS, знайомство з LESS
- Вступ до jQuery
- Підключення, кастомізація та комплексна робота з плагінами
- Tabs, Slider
Основи JavaScript
- Редактори коду
- Спосіб підключення до HTML
- Суворий режим - "use strict"
- Змінні
- Типи даних
- Взаємодія: alert, prompt, confirm
- Базові операції
- Пріоритет операцій
- Оператори порівняння
- Як працюють логічні оператори
- Умовні оператори
- Тернарні оператори
- Оператор Switch Case
- Цикли
- Функції
- Рядки
- Числа
- Масиви. Об'єкти
VCS Git
- Встановлення та конфігурація Git
- Базова робота з Git (git add, git commit)
- Скасування змін у Git (git reset)
- Розгалуження Git (checkout)
- Робота з віддаленим репозиторієм
- Налаштування SSH
Робота з DOM
- Що таке DOM
- Доступ до елементів
- Вміст елементів
- Атрибути
- Класи
- Додавання подій
- Сплив і занурення
- Об'єкт події
- Делегування подій
Об'єкти та функції
- Об'єкти та прототипи
- Як працюють прототипи
- Створення та налаштування об'єктів
- Ітерація ключів об'єкту
- Як працюють замикання
- Що таке контекст
- Прив'язка контексту
- Рекурсія
Додаткові можливості JavaScript
- Обробка помилок
- Ajax
- Promise, async/await
- Генератори, просунута ітерація
- Модулі
- Fetch API
- Event Loop
Фреймворки
- Огляд React/Vue/Angular
- Базове застосування
- Проєкт
- Підготовка до співбесіди. Іспит
Результат після проходження курсу
- Впевнені знання з теорії HTML, CSS, SCSS, JS
- Чітке розуміння життєвого циклу розробки веб-продукту
- Розуміння кроссбраузерної, адаптивної верстки та семантичної html-розмітки
- Навички роботи з jQuery
- Знання алгоритмів, структур даних та загальних принципів організації коду
- Розуміння принципів ООП
- Досвід самостійної розробки програм JavaScript
- Практичні навички роботи з Git
- Навички роботи з одним із фреймворків (React/Vue/Angular)
Особливості курсу
- Можливість оплати курсу частинами
- Сертифікат після проходження курсу
- Курс збудований з урахуванням реальних вимог IT компаній
- Протягом усього курсу ведеться рейтинг успішності
- Додаткове заняття зі стратегії працевлаштування
- Frontend
Програма курсу
Модуль 1 - Основи верстки сайтів
- Введення у веб-розробку
- Основи роботи з графічним редактором Figma
- Введення в HTML, теги, атрибути, елементи
- Робота з об'єктами Form
- Введення в CSS - властивості, правила, успадкування, каскадування, нормалізація та скидання стилів
- CSS стилі, робота зі стилями
- CSS потоки, позиціонування та розташування об'єктів по сітці
- Псевдокласи, псевдоелементи
- CSS3 та робота з анімацією
- FlexBox
- Робота зі шрифтами
Модуль 2 - Оптимізація верстки сайтів та знайомство з Frontend
- Адаптивна та чуйна верстка, основні правила створення адаптивного сайту
- Медіа-запроси
- Препроцесор - SASS/SCSS, знайомство з LESS
- Введення у jQuery
- Підключення, кастомізація та комплексна робота з плагінами
- Tabs, Slider
- Основи JavaScript - змінні, функції, робота з елементами
Результати після проходження курсу:
- Впевнені знання mark-up та можливість продовжувати навчання у напрямку програмування (JavaScript, PHP, Java)
- Вміння самостійно створювати красиві та зручні сайти для Web та Mobile
- Власний готовий проєкт та приклади робіт, які можна показати на співбесіді
- Найкращі студенти отримають рекомендації для працевлаштування в IT компанії
Особливості курсу
- Є можливість оплатити курс частинами
- Наприкінці курсу надається сертифікат
- Курс збудований з урахуванням реальних вимог IT компаній
- Протягом всього курсу ведеться рейтинг успішності
- Бонусне заняття зі стратегії працевлаштування
- 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. Ознайомитися з видами маршрутів, а також з основними параметрами.
Особливості курсу
- Практичні заняття і перевірка ДЗ
- Безкоштовний відеокурс
- Онлайн тестування і сертифікація
- 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
- TypeScript
- Frontend
В цьому курсі ви дізнаєтеся все, що необхідно для початку використання цієї мови програмування. Протягом 5 уроків, ви навчитеся користуватися інструментами для розробки і компіляції коду і освоїте синтаксичні конструкції, які є в TypeScript.
Програма курсу
Введення. Змінні та функції
- Навіщо використовувати TypeScript
- Синтаксис TypeScript
- Інструменти для роботи
- Налаштування фреймворками
- Створення HelloWorld додатки
- Типи даних в TypeScript
- Статична і динамічна типізація
- Ambient Declarations
- Об'єкти
- Функції, Arrow function
- Статичні типи
Класи і інтерфейси
- Використання модифікаторів доступу
- Accessors
- Спадкування і використання ключового слова super
- Робота з абстрактними класами
- Використання інтерфейсів
Generics
- Методи для роботи з масивами
- Визначення узагальненого типу даних (Generic)
- Generic і інтерфейси
- Приклад створення словника
- Обмеження при використанні generic
- Шаблон Iterator
- Використання Symbo
- Використання генераторів
Модулі і простори імен
- Використання просторів імен в TypeScript
- Визначення модуля
- Створення модулів
- Використання завантажувачів модулів
- Основи застосування Webpack
Практика
Даний урок присвячений практичному закріпленню матеріалу даного курсу
Особливості курсу
- Практичні заняття і перевірка ДЗ
- Безкоштовний відеокурс
- Онлайн тестування і сертифікація
Викладачі курсу
- Олена Хижняк - Web Frontend Developer
- Віталій Мазяр - Web Frontend Developer
- Оксана Дмитрієва - Web Frontend Developer
- Денис Ковтун - Web Frontend Developer
- Angular
- Frontend
Цей курс є частиною спеціальності Frontend розробник. Він допоможе вам вивчити основи платформи Angular.
Програма курсу
Введення до Angular
- Знайомство з фреймворком Angular
- Огляд необхідних інструментів для початку розроблення
- Створення додатку, огляд файлів та папок створеного проєкту
- Знайомство з синтаксисом та структурою коду на Angular
- Створення компонентів і їх реєстрація через CLI
- Компонентний підхід задання стилів
- Компоненти та модулі в додатку, а також те, як вони описані шаблоном Декоратор
- Додавання картинок/іконок до проєкту
Події та датабайдинг
- Основи маршрутизації і основні принципи виведення даних на сторінку
- Створення простого проєкту з маршрутизацією
- Задання різної логіки виведення даних
- Стилізація розмітки через інструменти Angular
- Розбір синтаксису запитів та технічної різниці між ними в їх використанні
Директиви, пайпи. Роль модулів Angular
- Використання директив
- Створення необхідних шаблонів, які повторюються в проєкті
- Перетворення даних за допомогою пайпів
- Модульна архітектура
Компоненти та їх робота
- Стилі компонентів
- Передача даних між компонентами
- Взаємодія компонентів
- Життєвий цикл компонентів
Основи роботи сервісів та їх роль у додатку
- Основи роботи сервісів
- Створення та реєстрація сервісу
- Локальні сервіси
- Область видимості сервісів та їх взаємозв'язок
Введення у HttpClient та RxJS
- Основи бібліотеки RxJS та її використаннядля роботи з асинхронністю
- Модуль HttpClientModule для взаємодії з сервером
Форми в Ангуляр
- Створення форм в Angular
- Двосторонній байдинг
- Реактивні форми. Відображення стану форми та її полів
- Валідатори
- Управління формою, її полями
- Асинхронні валідатори
Маршрутизація
- Основи маршрутизації, динамічні сторінки
- Динамічні сторінки і передача даних між ними
- Обмеження маршрутизації в Angular
Практичне заняття. Підготовка до роботи проєкту
Підготовка до роботи проєкту, налаштування маршрутизації, реалізація простого запиту на сервер для виводу інформації в блоках.
Практичне заняття. Створення окремих сторінок динамічною маршрутизацією
Створення окремих сторінок динамічною маршрутизацію і передача даних між сторінками.
Практичне заняття. Додавання форми з валідацією
Додавання форми з валідацією.
Після завершення курсу ви будете вміти:
- Розуміти роль та переваги Angular у веб-технологіях
- Створювати простий додаток, який буде складатися з компонентів, модулів та сервісів
- Налаштовувати маршрутизацію в додатку та передавати дані між сторінками
- Використовувати додаткові вбудовані інструменти для додатку, такі як: директиви, пайпи, сервіси, форми
- Виконувати запити та приймати відповіді з серверної сторони сайту/додатку
Особливості курсу
- Практичні заняття і перевірка ДЗ
- Безкоштовний відеокурс
- Онлайн тестування і сертифікація
Викладачі курсу
- Дмитро Охріменко - Експерт з побудови розподілених та веб-орієнтованих додатків
- Сергій Патьоха - Senior Software Engineer
- Олександр Гончаренко - Web Frontend Developer
- Анна Павлюк - Web Frontend Developer
- Олена Хижняк - Web Frontend Developer
- Поліна Соколенко - Web Frontend Developer
- Віталій Мазяр - Web Frontend Developer
- Оксана Дмитрієва - Web Frontend Developer
- Денис Ковтун - Web Frontend Developer
- Frontend
Пройшовши цей курс ви дізнаєтеся, як застосовувати передові технології, засновані на HTML5, для написання програм, що дозволяють максимально використовують можливості сучасних браузерів.
Програма курсу
Принципи побудови розмітки, Flex, Grid, шаблони сайтів
- Визначення CSS3 Grid Layout
- Підтримка Grid Layout браузерами
- Визначення сіток, колонок і рядків
- Властивості Grid для зображування контейнерів
- Методи окремих елементів для зображування
- Вкладені Grid
- Області Grid
Анімація та градієнти
- Властивість transition
- Створення переходів
- Різновиди трансформації
- Матриця трансформації
- Спільне використання трансформації із переходом
- 3D-трансформації
- Анімації
- Використання градієнтів
Робота з графікою на стороні клієнта
- Основи SVG
- Path та координати
- Різні можливості з фігурами
Canvas
- Ознайомлення з тегом canvas
- Промальовування ліній
- Малювання прямокутної області
- Заливка меж і градієнта
- Очищення прямокутної області
- Малювання кривих і дуг
- Додавання img
- Градієнтна заливка
- Додавання тексту та тіні до елементів
- Встановлення прозорості
- Трансформація елементів полотна
- Розгляд прикладів
Геолокація і налаштування карт для сайту
- Перевірка функціонала геолокації у сучасних браузерах
- Структура геолокації API
- Функції JavaScript у розмітці для пошуку розташування
- Функція зворотного геокодування
Знайомство з Node.js i Webpack
- Знайомство з nodeJS
- Створення проєкту і встановлення пакетів webpack
- Налаштування запуску проєкту
Sass основи
- Визначення SASS і перетворення формату SASS в CSS
- Вкладеність
- Використання змінних
- Використання @mixin
- Інтерполяція змінних
- Директива @if у SASS
- Імпортування та розширення файлів
- Директива @if у SASS
Практика
Написання макету сторінки з використанням вивчених інтернет-технологій
Практика
Особливості курсу
- Практичні заняття і перевірка ДЗ
- Безкоштовний відеокурс
- Онлайн тестування і сертифікація
Викладачі курсу
- Сергій Патьоха - 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
- Денис Ковтун - Web Frontend Developer
- Богдан Мартиненко - Frontend Developer
- Тарас Заславський - Frontend Developer
- Владислав Бєлік - React Frontend Developer
- Олексій Татаренков - Frontend Developer
- Олексій Кучеренко - Тренер консультант напрямку Frontend
- React
- Frontend
На цьому курсі учні напишуть невеликий додаток за допомогою React, навчаться розбивати його на логічні частини та компоненти, попрактикуються в написанні стилів разом із CSS Modules, а також познайомляться з основними концепціями написання додатку за допомогою цієї платформи.
Програма курсу
Вступ до React
На уроці учні познайомляться з React, навчаться створювати простий додаток за допомогою Create React App.
JSX у React
На уроці учні познайомляться з JSX, навчаться писати прості компоненти за допомогою JSX.
Основи React
На уроці учні познайомляться з підвидами компонентів, дізнаються, що таке state у React компонентах, навчаться додавати події до елементів та працювати зі списками.
Стан та життєвий цикл
На уроці учні познайомляться зі станом та життєвим циклом в React компонентах, дізнаються різницю між функціональними та класовими компонентами, навчаться їх використовувати, а також коротко ознайомляться з Redux.
Форми
На уроці учні познайомляться з можливістю працювати з формами в React, а також з такими поняттями, як підйом стану та валідація з PropTypes.
Стилізація у React
На уроці учні познайомляться з можливістю стилізації компонентів у React, а також навчаться використовувати модулі CSS для стилізації.
Створення списку заміток
На уроці учні познайомляться з можливістю вибору типу компонента під час виконання, попрактикуються застосовувати знання props, state, lifecycle та інших, а також створять список нотатків за допомогою React.
Hooks
На уроці учні познайомляться з основними хуками React, принципами їх роботи та напишуть свій (кастомний) хук і закріплять пройдений матеріал на практиці.
Введення в роутинг
На уроці учні познайомляться з бібліотекою react-router, навчаться організовувати маршрутизацію у додатку.
Створення сторінки помилки
На уроці учні познайомляться із Запобіжниками, React.Fragment, Строгим Режимом у React, а також навчаться створювати сторінку помилки.
Створення модального вікна
На уроці учні познайомляться з Рефами, Context API і Рендер пропсами, створять модальне вікно з використанням контексту і рендер пропс.
Оптимізація та продуктивність React додатків
На уроці учні дізнаються, що React може бути повільним - зрозуміємо, коли це може відбуватись і як із цим боротися. Познайомимося з різними інструментами, які дозволяють виявити наявність вузьких місць у React додатках, інструментами для оптимізації та аналізу, а також розберемо "нормалізацію" сховища в Redux, з'ясуємо, чим гарні іммутабельні структури даних у JavaScript, і як зробити білд додатку стрункішим та худішим.
Практика
По завершенню курсу ви будете вміти:
- Застосовувати базові концепції побудови односторінкових додатків в екосистемі React
- Писати та розбивати додатки на логічні частини і компоненти
- Стилізувати додатки за допомогою CSS модулів
- Будувати прості односторінкові додатки за допомогою React
Особливості курсу
- Практичні заняття і перевірка ДЗ
- Безкоштовний відеокурс
- Онлайн тестування і сертифікація
Викладачі курсу
- Богдан Мартиненко - Frontend Developer
- Тарас Заславський - Frontend Developer
- Владислав Бєлік - React Frontend Developer
- Ростислав Сілівейстр - Web Frontend Developer
- Олексій Татаренков - Frontend Developer
- Олексій Кучеренко - Тренер-консультант напрямку Frontend
- Frontend
Курс HTML5&CSS3 Стартовий складається з 10 логічно взаємопов'язаних уроків, на яких учні застосовують практично теоретичні знання технологій HTML5&CSS3 для створення простих елементів веб сторінки.
Програма курсу
Введення у HTML. Типи елементів та атрибути
На початку курсу буде розглянуто, що таке HTML, для чого він потрібен і як пишуться його елементи. Ви дізнаєтеся про теги, форматування в HTML, про редактора в якому пишеться код початкової розмітки, з якою побудована будь-яка веб-сторінка і для чого використовуються коментарі в коді. Як додати на сторінку зображення, а також різні переходи за посиланнями. Дізнаєтесь перші типи елементів та їх різницю з можливими помилками під час написання коду.
Введення в CSS та визначення розмірів блоків
На занятті буде розглянуто способи підключення стилів на сторінку, види селекторів, за допомогою яких можна прив'язати стилі указаним елементам сторінки. І за якими принципами визначається пріоритетність записів у CSS. У цьому уроці студент розгляне базову поведінку елементів для формування ним розмірів. У яких випадках можливо, що контент випадатиме з елемента і псуватиме завнішній вигляд сторінки.
Робота з відступами, властивість margin, робота з текстом та видимістю елементів
Студент познайомиться із механікою роботи зовнішніх відступів у елементів. Дізнається, що таке провалювання (схлопування) і в яких випадках воно є. Переглянемо не явні відступи під час роботи з рядково-блочними елементами. Познайомиться з різними правилами CSS для стилізації тексту і як працює спадкування стилів елементів нащадків. Як можна приховувати елементи розмітки на сторінці та у чому різниця між різними способами.
Верстка з використанням Flexbox
Метою заняття є розібрати основні принципи роботи модуля Flexbox та навчити їх використовувати. Можливість задавати гнучку відстань між блоками та як визначаються їх розміри у деяких випадках. Поведінка зовнішніх відступів під час використання flexbox.
Комбінування селекторів та робота з фоном, властивість background
Комбінування дуже важлива частина при написанні коду, що розглянуто в структурі списків і таблиць, оскільки великі вкладеності необхідно створювати і розбирати постійно на етапі роботи з проєктом. Можливості звернень до елементів із псевдокласів та роботу пріоритету в таких структурах. На заняттях буде розібрано основні способи запису палітри кольорів у властивостях, де вказується забарвлення. У чому різниця встановлення прозорості елемента через opacity() та rgba(). Випадки додавання картинок через CSS та розміщення багато їх на одному елементі.
Семантична верстка
Студент дізнається про нові семантичні теги які з'явилися з HTML версії 5 та правила їх використання. Розглянуто структури простих сайтів із використанням семантичних тегів.
Форми
Метою даного уроку є ознайомлення з формами та їх призначенням. Розгляд елементів форм, їх можливостей та нюансів роботи як з функціоналом, так і зі стилізацією.
Позиціювання елементів
Метою даного уроку є знайомство з форматуванням елементів сторінки, завдання позиціонування через властивість position. Також буде розглянуто псевдоелементи та можливість реалізовувати просту анімацію для елементів.
Практика
Метою даного уроку є закріплення пройденого теоретичного матеріалу.
Практика
Метою даного уроку є закріплення знань на практиці верстаючи макет.
Особливості курсу
- Практичні заняття і перевірка ДЗ
- Безкоштовний відеокурс
- Онлайн тестування і сертифікація
Викладачі курсу
- Сергій Патьоха - 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, SEO at Dinamicka Development
- Денис Ковтун - Web Frontend Developer
- Богдан Мартиненко - Frontend Developer
- Тарас Заславський - Frontend Developer
- Владислав Бєлік - React Frontend Developer
- Олексій Татаренков - Frontend Developer
- Олексій Кучеренко - тренер консультант напрямку Frontend
- Олександр Виноградов - Software Developer
Страницы
Читайте нас в Telegram, чтобы не пропустить анонсы новых курсов.
Отзывы о курсах

У школі сподобалося, що ніхто не тягне кота за хвіст. Все чітко, по темі і з купою практичних задач. Брала курс Front-end. Вперше написала сайт, який відкривається не тільки в мене на ноуті. Вдячна викладачу за терпіння.


Як учасник стажування хочу підтримати компанію після відгуку нижче. Як колись написав один з учасників - "це вже не курси, а симуляція реальної роботи і ніхто не буде водити вас за ручку". Зі своєї сторони хочу підтвердити, що стажування проходить на дуже хорошому рівні для тих, хто прийшов туди за досвідом. Прикольний доволі складний проєкт, на момент моєї участі був доволі активний чат учасників, які допомагали один одному.

Після 10 років важкої фізичної праці на меблевій фабриці я й не сподівався, що в моєму житті щось може кардинально змінитись. Але бажання навчитися чомусь новому, спробувати себе в чомусь іншому й нарешті відчути повагу до своєї праці підштовхнуло мене до програмування.
Чесно кажучи, все це «айтішні» розповіді про басейни, більярди, фітнес-зали, гнучкий графік і круте ставлення на роботі здавалося мені вигадкою. Але вирішив ризикнути. Вступив на курс. І знаєте що? Вже через кілька тижнів зрозумів - це моє.
Було важко. Деякі речі давались із боєм. Але цікавість і підтримка менторів тримали на плаву. Найбільшим шоком стало те, що вже через два місяці після старту навчання мені запропонували пройти співбесіду на позицію верстальника в одній компанії. Пройшов. З першого разу. Після 10 років, де максимум що змінювалося — це розміри меблів.
Зараз я вже на третьому місяці випробувального терміну. Працюю з HTML, CSS і JavaScript. Робота не легка, але я кайфую. Радію, що наважився. І хочу сказати всім, хто сумнівається: у вас усе вийде, якщо не здаватись.

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





