Якщо ви давно мріяли навчитися професійно верстати сайти, створювати ефектні та адаптивні вебсторінки, які мають чудовий вигляд на будь-якому пристрої, але вам не вистачало практичного досвіду — саме час діяти!
На ITVDN опублікований «Практичний курс з верстки лендінгу», який дозволить вам опанувати найпопулярніші сучасні інструменти веброзробки всього за 10 днів.
Забудьте про нудні лекції та теорію без застосування! Наш курс — це суцільна практика, де кожне заняття наближатиме вас до створення професійних проєктів. Від налаштування середовища до публікації вашого першого сайту на GitHub Pages — усе це стане вашою реальністю вже зовсім скоро.
Що вас чекає? Ви відкриєте для себе світ HTML, CSS, та сучасний препроцесор SASS, який зробить ваш код чистим і професійним. Вдосконалите навички створення адаптивних макетів за допомогою Flexbox та Grid, навчитесь використовувати популярні JavaScript-бібліотеки, щоб оживити сторінку слайдерами, модальними вікнами, формами та навіть корзиною для покупок.
Курс охоплює такі теми:
- Встановлення та налаштування IDE.
- Робота з Git та GitHub.
- Управління пакетами npm та Node.js.
- Огляд популярних CSS-фреймворків (Bootstrap, Tailwind CSS, Bulma, Foundation).
- Створення файлової структури та налаштування проєкту з використанням SASS та Gulp.
- Техніки верстки header.
- Використання Flexbox та Grid для адаптивних макетів.
- Робота з іконками Font Awesome.
- Створення адаптивних слайдерів з Glide.js.
- Робота з формами та модальними вікнами.
- Створення динамічних елементів з використанням JavaScript.
Цей курс — не просто знання, це ваші нові можливості та перспективи в IT-сфері. Вже після його завершення ви зможете з легкістю братися за реальні комерційні замовлення, створюючи лендінги, які будуть приносити клієнтам результат.
Автор курсу – Іноземець Анна, Frontend / Fullstack developer.
Курс складається з 10 відеоуроків загальною тривалістю 5 години 13 хвилини.
Структура курсу:
- Встановлення IDE, git, робота з npm та терміналом.
- Бібліотеки та фреймворки CSS.
- Створення базової структури проєкту; верстка header.
- Flexbox та його можливості, Font Awesome (icons), верстка I та ІІ секцій.
- Grid та його можливості, розгортання прихованих карток.
- Адаптивний слайдер за допомогою бібліотек.
- Перевикористання стилів та позиціювання.
- Створення модальних вікон на сторінці та робота з формами.
- Верстка footer. Публікування сторінки на github pages.
- Додаткове удосконалення сторінки.
Чого ви навчитеся на даному курсі:
- Створювати адаптивні та інтерактивні вебсторінки.
- Використовувати SASS (SCSS) для написання чистого коду.
- Верстати складні макети за допомогою Flexbox та Grid.
- Інтегрувати JavaScript-бібліотеки та створювати інтерактивні елементи.
- Працювати з Git та публікувати сторінки на GitHub Pages.
- Реалізовувати форми з валідацією, модальні вікна та інтерактивні слайдери.
- Створювати динамічний контент за допомогою JavaScript.
Попередні вимоги
Цей курс буде надзвичайно корисний для тих, хто вже має початкові знання HTML, CSS та JavaScript і хоче значно підвищити свої навички для роботи в IT-індустрії.
Дивіться перший урок у вільному доступі. Курс вже доступний на нашому сайті в повному обсязі – до кожного уроку є практичні завдання та опорний конспект. Якщо у вас є активна підписка, ви можете дивитися його прямо зараз.
