Web Developer from Zero to Hero

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

Дізнайтеся про можливості тегів для структурування контенту: від заголовків і абзаців до списків і таблиць. Ознайомтеся зі способами розширення елементів за допомогою атрибутів.

Основи структури HTML-документа. Вивчення складових HTML-документа, зокрема декларації doctype, head та body. Розуміння призначення кожного елемента та їхнього внеску в загальну структуру вебсторінки.

Покращення привабливості вебсторінки за допомогою медіа, таких як зображення, аудіо та відео. Робота зі структурованими табличними даними у вигляді таблиць.

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

Дізнайтеся, що таке CSS, як підключити його до HTML і як стилізувати елементи HTML за допомогою селекторів. Ознайомтеся з базовими поняттями, такими як кольори тексту, псевдокласи дій користувача та змінні в CSS.

Дізнайтеся, як стилізувати та форматувати текст на вебсторінках. Ознайомтеся із застосуванням користувацьких шрифтів і різноманітних властивостей шрифтів для покращення вигляду тексту.

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

Ознайомлення з Flexbox — потужним методом розміщення елементів у CSS для організації рядків і стовпців. Вивчення керування напрямком, вирівнюванням і відстанями між елементами по горизонталі та вертикалі, а також налаштування окремих flex-елементів для точного макетування.

Дізнайтеся, як підвищити візуальну привабливість веб-сторінок за допомогою CSS. Ознайомтеся з техніками застосування кольорів і зображень фону, стилізації зображень, використання декоративних псевдоелементів і додавання тіней для створення ефектних дизайнів.

Дослідження очікувань слухачів від цього курсу з розширеного стилювання HTML та CSS. Необхідні попередні знання перед початком курсу. Теми, які будуть розглянуті у курсі.

Позиціонування та керування елементами на вебсторінках. Огляд різних властивостей позиціонування, вивчення використання порядку накладання для контролю видимості елементів, що перекривають один одного, а також робота з переповненням вмісту.

Дослідження можливостей переходів та вивчення способів покращення взаємодії з користувачем. Ознайомлення з методами плавної та поступової анімації властивостей для забезпечення непомітних змін стану.

Дізнайтеся про властивість animation та її використання для створення динамічних і привабливих дизайнів. Ознайомтеся зі створенням складних анімацій за допомогою keyframes і керуванням анімацією.

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

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

Дізнайтеся про препроцесори в CSS та їхню роль у написанні більш ефективного й підтримуваного коду. Ознайомтеся з використанням препроцесорів для спрощення робочого процесу та створення чистішого CSS-коду.

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

Дослідження основ JavaScript шляхом розрізнення літералів і змінних. Розуміння основних типів даних, включаючи `null` та масиви, а також ознайомлення з їх обробкою за допомогою методів масивів.

Дізнайтеся, як маніпулювати типами даних JavaScript за допомогою основних операцій. Опануйте присвоєння, математичні операції, інкрементування та декрементування, порівняння, логічні операції та конкатенацію рядків.

Дізнайтеся, як керувати потоком виконання програм за допомогою умовних операторів. Опануйте `if`, `else` та `else if` для визначення прийняття рішень і виконання коду на основі різних умов у JavaScript.

Оптимізація коду шляхом опанування циклічних конструкцій JavaScript. Вивчення циклів `while`, `do while` та `for`, а також керування їхньою поведінкою за допомогою `break` і `continue`. Використання циклів для ефективного виконання повторюваних завдань.

Дізнайтеся про можливості функцій у JavaScript. Ознайомтеся з визначенням функцій, роботою з аргументами та використанням оператора `return` для створення багаторазового та ефективного коду. Оволодіння функціями підвищить вашу здатність писати чисті та модульні програми.

Отримайте розуміння основних принципів React. Ви ознайомитеся з JSX (JavaScript XML), створенням багаторазових UI-компонентів і рендерингом елементів. Додатково буде розглянуто важливість збору даних і умовного рендерингу в застосунках React. Після завершення цього розділу ви матимете ґрунтовну базу ключових понять React, що підготує вас до вивчення більш складних тем у наступних розділах.

Ознайомтеся з різними методами додавання стилів до React-додатків. Ви дізнаєтеся, як застосовувати стилі до окремих компонентів, використовувати динамічні стилі та підтримувати масштабований і зручний для супроводу підхід до стилізації у ваших проєктах.

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

Покроковий посібник із запуску реального проєкту на React. Від налаштування середовища розробки до розуміння організації проєкту та ключових інструментів — ви отримаєте знання та впевненість для початку роботи з React.

Вивчення теоретичних основ таких понять, як URL, домен, протокол, параметри запиту та інші. Усвідомлення важливості маршрутизації у вебзастосунках і причин необхідності використання бібліотеки React Router.

Дізнайтеся, як створити повноцінний React-додаток з нуля з можливістю відображення контенту, що змінюється залежно від URL, використовуючи функціонал React Router.

Дослідження використання рядків запиту для спільного доступу та керування станом застосунку через URL, робота з різними типами даних у параметрах запиту, використання React Router для навігації та обробки ефектів на основі змін URL.