Курс Front-end

Frontend курси DEXA передбачають велику кількість практичних завдань, підготовку до працевлаштування, та міні тренінги з пошуку клієнтів та роботи. Завдяки гнучкій системі навчання в DEXA ви зможете легко впоратися з проходженням курсу, об'єднуючи його з вашою роботою, чи іншими зобов'язаннями. 2 заняття на тиждень виконанні в записі, та 1 заняття практики та створення проєкту з обговоренням в Zoom відбувається ввечері.

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

Що таке Web. Структура HTML

• Що таке веб і як він працює
• Знайомство з базовими тегами та атрибутами
• Створення текстових та блочних елементів, додавання зображень, відео та посилань
• Основні помилки у записах тегів
• Семантична верстка, HTML5 теги
• Класифікація тегів: лінійні та блокові
• Модель форматування тексту: заголовки та абзаци. Елементи p, h1..h6. Вирівнювання тексту блокових елементів: атрибут align
• Класифікація тегів: логічне та фізичне форматування

Введення в CSS

• Знайомство з CSS, його синтаксисом та способом оголошення
• Користування браузерною консоллю та знаходження помилок
• Колір, розмір елементів
• Блочна верстка, поєднання селекторів CSS
• Фон, позиціонування фону, градієнт
• Методологія BEM, кросбраузерність, валідність коду
• Псевдокласи та псевдоелементи
• Адаптивна верстка
• Препроцесори SASS/SCSS, LESS
• Фреймворки Bootstrap, Animation.css, Semantic-UI
• Система контролю версій Git
• Фінальний проєкт (Повноцінний адаптивний сайт під всі пристрої, розміщений в інтернеті)

JavaScript

• Conditional Statements
• If, else if, else
• Конструкція switch
• Цикли for, while, do while
• Function Expression, Function Declaration
• Рекурсія, замикання та інші цікаві речі
• Array. Способи оголошення масиву та робота з ним
• Робота з DOM за допомогою JavaScript
• SetTimeout i setInterval
• Фінальний проєкт (Слайдер, Свайпер, Вспливаюче вікно, Таби, Таймер)

JavaScript (Advanced)

• Поняття ООП в JavaScript
• Що таке наслідування, його використання та приклади
• Здійснення пошуку за допомогою регулярних виразів
• Використання регулярних виразів для валідації
• Що таке Gulp, Webpack і для чого вони потрібні
• Формат JSON, Метод JSON.parse, JSON.stringify
• LocalStorage / SessionStorage
• Конструкція try..catch
• HTTP запити. Що це? Як працюють?
• Фінальний проєкт (Блог, Новинний портал)

Мова програмування TypeScript

• Встановлення TS і запуск файлів
• Використання системи типів у функціях
• Спеціальний тип any. Практика типізації коду
• Тип never null i undefined
• Типізація об'єктів і деструктуризація
• Кортежі (Tuples). Об'єднання (Union)
• Примітивні літеральні типи (Literal types)
• Generics (Узагальнення), що це і навіщо потрібно
• Фінальний проєкт

Фреймворк Angular

• Що таке Angular і які ще є фреймворки
• Створення додатка, огляд файлів та папок
• Передача параметрів із компонентів
• Створення компонента за допомогою Angular CLI. Вставка значень в текст (інтерполяція)
• Зв'язування даних (bindings). Робота із подіями (Event Bindings)
• Додавання динамічних класів із директивою ngClass. Налаштування стилів за допомогою директиви ngStyle
• Цикли за допомогою ngFor. Використання фільтрів (pipes)
• Роутинг, GUARDS
• Створення об'єктів з POST RxJS оператори та індикатор завантаження
• Фінальний проєкт (Повноцінний інтернет магазин з кошиком, адмін панелю, та взаємодія з бекендом)

Що ти будеш мати і вміти після курсу:

• Верстати сайти з дизайн-макетів з Photoshop та Figma, використовуючи HTML та CSS
• Розробка програм, використання інструментів розробника в браузері та відлагодження коду.
• Вміти ефективно використовувати CSS і JS бібліотеки та плагіни зі зрозумінням їхнього функціоналу.
• Майстерно володіти системою контролю версії Git та користування GitHub
• Мати високий рівень майстерності у роботі з JavaScript і TypeScript
• Розуміти та використовувати базові шаблони проєктування і принципи створення проєктів
• Створювати великі та складні веб-додатки з використанням Angular
• Велике портфоліо практичних робіт які не відрізняються від реальних проєктів
• Підготовку для проходження співбесід, та знання як і де знайти клієнтів і роботу

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

• Онлайн курс
• Запис занять
• Ніякої води
• Актуальний матеріал
• Постійна підтримка ментора та розбір завдань
• Сертифікат про проходження курсу
• Можлива оплата частинами
• Зручний графік занять
• Портфоліо робіт