Front-end для підлітків 14-17 років. Онлайн курс

HTML

• Знайомство.Що таке інтернет та як він працює. 
• Основи HTML
• Плагіни для VScode, семантика HTML
• Використання Figma
• SEO-розмітка: метатеги, ключові слова
• LiveCoding: створення структури HTML

GIT

• Основи роботи з GIT та GitHub
• Практичні заняття з GIT

CSS

• Основи CSS: селектори, стилі
• Блочна модель, внутрішні та зовнішні відступи
• Float, псевдокласи, підключення шрифтів
• Робота з графікою та ефектами
• LiveCoding: верстка першого макету

FlexBox та Grid

• Основи Flexbox
• Практика верстки з Flexbox
• Позиціювання елементів
• Створення кастомних елементів (checkbox, radio button)
• Верстка макета з використанням Flex та Grid

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

• Основи адаптивної верстки
• Відносні одиниці виміру (vw, vh, em, rem)
• LiveCoding: створення адаптивного сайту
• Використання нових можливостей CSS

Анімація

• Основи анімацій в CSS
• Створення SVG анімацій
• Робота з 3D-ефектами
• Завершальна робота з анімацією

CSS-фреймворки та препроцесори

• CSS методології та препроцесори
• Робота з Bootstrap 5
• Збірка проєктів за допомогою Vite
• Деплой веб-сайтів на GitHub-Pages

JavaScript

• Основи JavaScript: змінні, типи даних, функції
• Робота з масивами та об'єктами
• Рядки, рекурсія, прототипи
• LiveCoding: створення першого проєкту на JavaScript

DOM

• Знайомство з DOM
• Маніпуляція елементами через JavaScript
• Робота з подіями браузера
• Використання LocalStorage та IndexedDB
• LiveCoding: створення застосунку MVC

Робота з сервером

• Проміси та асинхронний код
• Використання Fetch для звернень до API
• Регулярні вирази та модулі
• LiveCoding: проєкт зі зверненням до API

React

• Основи React: налаштування, компоненти, пропси
• Використання useState та useEffect
• Глобальне керування станом
• Робота з React Router
• LiveCoding: створення SPA на React

Розширені можливості JavaScript

• Введення в ReactNative
• Основи NodeJS
• Створення десктопних застосунків з ElectronJS