#веб

База по вёрстке: самые основы CSS
База по вёрстке: самые основы CSS

Учимся наводить красоту в веб

1 часть
База по вёрстке: основы HTML
2 часть
Самые частые ошибки в HTML-вёрстке
easy
База по вёрстке: основы HTML
База по вёрстке: основы HTML

Для тех, кто хочет начать делать сайты

1 часть
База по вёрстке: основы HTML
2 часть
Самые частые ошибки в HTML-вёрстке
easy
Пользовательские события в JavaScript: зачем нужны и как настроить

Когда стандартных не хватает

hard
5 полезных браузерных расширений для веб-разработчика

Подборка полезного для фронтендеров

1 часть
Делаем своё расширение для браузера за 10 минут
2 часть
Чёртовы психи: как добавить снежинок на любой сайт одной строкой
3 часть
5 полезных браузерных расширений для веб-разработчика
easy
Бесплатные хостинги. Да, бесплатные
Бесплатные хостинги. Да, бесплатные

Поднимайте сайт, закачивайте файлы и программируйте, что вам нужно. Это бесплатно.

medium
Веб-проект: делаем реалистичную аквакнопку, как в старых Mac OS со скевомор­физмом
Веб-проект: делаем реалистичную аквакнопку, как в старых Mac OS со скевомор­физмом

Верните мой 2001-й

easy
Веб-проект: страница с кнопкой, которая убегает от мышки
Веб-проект: страница с кнопкой, которая убегает от мышки

Нетрудно найти, легко написать, невозможно поймать

1 часть
Прокачиваем навыки CSS: GRID
2 часть
Создаём CSS-сетку нужного размера
3 часть
Верстаем в сетке
4 часть
Собираем сайт-портфолио для фотографа
5 часть
Проект: эффектно переключаем картинки на странице
6 часть
Веб-проект: делаем 8 страниц в одной
7 часть
Веб-проект: делаем браузерную игру с динозавриком, как в Chrome
8 часть
Веб-проект: страница с кнопкой, которая убегает от мышки
easy
Что влияет на фронтенд-производительность
Что влияет на фронтенд-производительность

Наблюдаем, измеряем и оптимизируем

1 часть
Что происходит, когда мы открываем сайт в браузере
2 часть
Что такое CDN в интернете
3 часть
Как правильно писать адрес: с www или без?
4 часть
Линкуй, сокращай. Как работают сокращатели ссылок
5 часть
Что такое UTM-метки и зачем они нужны
6 часть
Как посчитать переходы по ссылке с UTM-метками
7 часть
Что влияет на фронтенд-производительность
easy
Веб-проект: делаем браузерную игру с динозавриком, как в Chrome

Самая простая игра на JS во всём мезозое

1 часть
Прокачиваем навыки CSS: GRID
2 часть
Создаём CSS-сетку нужного размера
3 часть
Верстаем в сетке
4 часть
Собираем сайт-портфолио для фотографа
5 часть
Проект: эффектно переключаем картинки на странице
6 часть
Веб-проект: делаем 8 страниц в одной
7 часть
Веб-проект: делаем браузерную игру с динозавриком, как в Chrome
8 часть
Веб-проект: страница с кнопкой, которая убегает от мышки
easy
Веб-проект: делаем 8 страниц в одной

Всё во имя многозадачности

1 часть
Прокачиваем навыки CSS: GRID
2 часть
Создаём CSS-сетку нужного размера
3 часть
Верстаем в сетке
4 часть
Собираем сайт-портфолио для фотографа
5 часть
Проект: эффектно переключаем картинки на странице
6 часть
Веб-проект: делаем 8 страниц в одной
7 часть
Веб-проект: делаем браузерную игру с динозавриком, как в Chrome
8 часть
Веб-проект: страница с кнопкой, которая убегает от мышки
easy
Как работает и зачем нужна авторизация по номеру телефона в публичном Wi-Fi
Как работает и зачем нужна авторизация по номеру телефона в публичном Wi-Fi

Никаких паролей от Wi-Fi в кафе на бумажках

1 часть
Чем отличается авторизация от аутентификации
2 часть
Как устроена и зачем нужна двухфакторная аутентификация
3 часть
Как работает авторегистрация пользователя на сайтах
4 часть
Как работает и зачем нужна авторизация по номеру телефона в публичном Wi-Fi
5 часть
Что такое SSO
easy
WebP — что это за формат, как устроен, зачем нужен и почему он так всем не нравится
WebP — что это за формат, как устроен, зачем нужен и почему он так всем не нравится

Изображения легче, а качество — то же

1 часть
Растровая и векторная графика: это как?
2 часть
Как компьютеры выводят текст на экран
3 часть
Что такое вычислительная фотография и как она работает
4 часть
WebP — что это за формат, как устроен, зачем нужен и почему он так всем не нравится
easy