Про курс
Лендінг (landing page) - це окрема вебсторінка, частіше за все створена з маркетинговою чи рекламною метою для акційної пропозиції, короткострокового проєкту або заходу.
Курс «Практичний курс з верстки лендінгу» спрямований на розгляд особливостей адаптивних та функціональних вебсторінок з інтерактивними елементами. Протягом курсу ви освоїте роботу з HTML, CSS (включаючи препроцесор SASS з синтаксисом SCSS), а також основи верстки за допомогою Flexbox і Grid.
На даному курсі ви навчитеся створювати слайдери, форми, модальні вікна та інші динамічні елементи, що покращують взаємодію користувача з інтерфейсом. Також програма охоплює принципи перевикористання стилів за допомогою допоміжних і загальних класів для компонентів, роботу з бібліотеками JavaScript.
Особливу увагу буде приділено налаштуванню проєкту з нуля, включаючи роботу з системами контролю версій та публікацію готових сторінок на GitHub Pages. Після завершення курсу ви зможете створювати професійні односторінкові сайти, які відповідають вимогам комерційних проєктів.
Попередні Вимоги
Курс розрахований на початківців, які прагнуть поглибити свої знання в основах веброзробки. Також курс буде корисний діючим розробникам, які хочуть розглянути особливості побудови саме лендінгу. Він охоплює як теоретичні, так і практичні аспекти HTML, CSS (SASS) та JavaScript, тому стане корисним як для тих, хто вже знайомий з базовими принципами цих технологій, так і для тих, хто тільки починає їх вивчати.
Ви навчитеся
- Створювати адаптивну верстку з використанням HTML, CSS і JavaScript.
- Працювати з препроцесором SASS, зокрема із синтаксисом SCSS, використовувати його переваги.
- Використовувати Flexbox і Grid для верстки складних макетів.
- Створювати інтерактивні елементи: слайдери, форми та модальні вікна.
- Аналізувати макет, виокремлювати повторювальні елементи та створювати стилі з умовою їх перевикористання
- Працювати з бібліотеками JavaScript.
- Налаштовувати проєкт з нуля та працювати з системами контролю версій (Git).
- Працювати з сервісом GitHub та публікувати сторінки на GitHub pages.
- 0 год 45 хв
- у записі
- 2
- 2 з 10
- українська
Що входить до курсу
Урок охоплює основи налаштування середовища для розробки. Спочатку ознайомимося з процесом встановлення та налаштування редактора коду, який є основним інструментом для написання коду. Далі ви налаштуєте систему контролю версій за допомогою Git, що дозволить ефективно управляти змінами у коді та працювати над проєктами в команді. Потім створимо акаунт на GitHub — популярному сервісі для хмарного зберігання та спільної роботи з кодом, що дасть змогу зберігати проєкти та ділитися ними з іншими. Крім того, ознайомимося з менеджером пакунків npm, який використовується для керування бібліотеками та залежностями в JavaScript-проєктах, і встановлення Node.js для коректної роботи з npm та іншими інструментами для розробки.
Урок охоплює популярні бібліотеки та фреймворки CSS, такі як Bootstrap, Tailwind, Bulma, Foundation та інші, які допоможуть швидко створювати адаптивні макети з мінімальними зусиллями. Спочатку відокремимо основні поняття та аспекти CSS, що є основою для роботи з будь-якими фреймворками. Далі буде розглянуто поняття бібліотек і фреймворків CSS, їх роль у спрощенні розробки та наданні готових рішень для верстки. Детально ознайомимось з фреймворком Bootstrap, який є одним з найпоширеніших інструментів для створення адаптивних вебсторінок завдяки набору готових компонентів і сітки.
