Розробка сайтів: HTML, CSS, JS

Курс веб-розробки для підлітків у Дніпрі від My Computer Academy. Учні 12–16 років навчаються HTML5, CSS3, Flexbox, Grid, JavaScript з нуля. Від першої сторінки до адаптивного портфоліо-сайту з інтерактивними елементами. Реальні проєкти на кожному занятті. Веб-розробка — одна з найбільш затребуваних IT-спеціальностей. Онлайн та офлайн у Дніпрі, мала група до 5 учнів, 40 занять за 5 місяців. Перший урок безкоштовно.

• Тема 1: Вступ до веб-розробки — Як працюють сайти, backend і frontend. Sublime Text, перша HTML-сторінка, теги, атрибути, CSS-стилі.
• Тема 2: Мова HTML — Структура HTML5, основні теги, веб-форми, валідація, таблиці, семантична верстка та стандарти.
• Тема 3: Історія та стандарти — Розвиток інтернету, WWW, XHTML, блокові та лінійні елементи, заголовки H1-H6, редактори та браузери.
• Тема 4: Основи CSS — Синтаксис CSS, правила каскадності, групування та успадкування стилів, пріоритети.
• Тема 5: Селектори CSS — Комбіновані селектори, групування та успадкування, пріоритети стилів у CSS.
• Тема 6: Посилання та шляхи — Тег посилання, відносні та абсолютні шляхи, URL/URN, фрагменти сторінки, іменування папок.
• Тема 7: Списки, символи, метадані — Марковані та нумеровані списки, Unicode, MIME-типи, метадані KEYWORDS та DESCRIPTION, SEO-основи.
• Тема 8: CSS. Блокова модель та позиціонування — Box model, border/margin/padding, обтікання, навігація, Relative/Absolute/Flex/Fixed.
• Тема 9: Шрифти та текст — Шрифтове та текстове оформлення, вирівнювання, інтерліньяж, кернінг, колір, написання текстів для Web.
• Тема 10: Кольори та зображення — Колірні моделі в CSS, формати JPEG/GIF/PNG, фонові зображення, градієнт, тіні, UI-генератори.
• Тема 11: Розташування елементів (CSS) — Relative/Absolute, z-index, селектори по ієрархії, класи та ідентифікатори, зовнішні таблиці стилів.
• Тема 12: Таблиці — Структура таблиці, об'єднання комірок, оформлення класами, карти посилань, застаріла таблична верстка.
• Тема 13: Медіазапити — Синтаксис медіазапитів, логічні оператори, viewport, стратегії адаптивності, орієнтири по розмірах екрану.
• Тема 14: Псевдокласи та анімації CSS — Псевдокласи тексту, посилань, кнопок, оформлення списків, бібліотека Animate.css, практика блоків.
• Тема 15: Підсумки базової верстки — Розподіл наповнення та оформлення, ініціатива доступності Web, розміщення сторінок в інтернеті.
• Тема 16: Адаптивність та кросбраузерність — Гумовий сайт, media-запити, Flexbox, сітки, особливості браузерів, інструменти перевірки.
• Тема 17: Flexbox — Гнучкий контейнер, осі, порядок елементів, багаторядковість, коефіцієнти зростання/стиснення, вирівнювання.
• Тема 18: Advanced CSS — Складні селектори, !important, псевдо-елементи, трансформації, БЕМ, Bootstrap, SASS/LESS.
• Тема 19: Ведення власних проектів — Монетизація, фріланс, біржі, командна робота, конверсія, воронки продажів, аналіз та тестування.
• Тема 20: Основи JavaScript — Підключення JS, jQuery, обробка подій, показ/приховання елементів, робота з мережею, JS-фреймворки.
• Тема 21: Оформлення веб-проекту — Фон, градієнти, тіні, типографіка, спецсимволи, формати зображень, Favicon, SVG та Canvas.
• Тема 22: Інструменти верстальника — Домен та хостинг, Git, таск-трекери, збирачі, мініфікатори, прототипування, WebStorm. Дипломна робота.