Web-основы

HTML, CSS и всё что нужно бэкендеру

Уроки курса (16)

  1. Как работает веб: клиент, сервер, HTTP — Браузер, сервер и почему всё начинается с запроса
  2. HTML: структура страницы — Теги, семантика и почему <div> - не решение на всё
  3. CSS: селекторы и базовые стили — Как сделать красиво и не сломать всё одним правилом
  4. Flexbox: выравнивание без слёз — Ряды и колонки, которые наконец-то слушаются
  5. Grid: раскладка страниц по-взрослому — Сетка, которая делает макет понятным
  6. Адаптив: mobile-first, media queries — Чтобы сайт не превращался в кашу на телефоне
  7. DevTools: инспектор, сеть, консоль — Как дебажить фронт без гадания
  8. Формы и валидация — GET/POST глазами браузера и почему required - это не защита
  9. JavaScript: синтаксис, типы, функции — Базовый JS глазами бэкендера - без воды и без React
  10. JS и DOM: события, манипуляция страницей — querySelector, addEventListener и почему innerHTML - это XSS
  11. JS: Promise, async/await и fetch — Асинхронность, fetch к своему backend и обработка ошибок без шаманства
  12. Node.js: JS вне браузера — npm, скрипты автоматизации и куда расти дальше в JS
  13. URL, encoding и безопасность на уровне веба — XSS, CSRF и почему нельзя доверять input
  14. Cookie, session, localStorage — Где хранить состояние и что не надо хранить никогда
  15. HTTP-кэширование — Как браузер экономит трафик и ускоряет загрузку
  16. Мини-проект: лендинг курса + деплой — Собираем лендинг курса и выкладываем в интернет