#веб

Как работает счётчик Яндекс Метрики изнутри
Как работает счётчик Яндекс Метрики изнутри

Разбираемся в самом популярном инструменте маркетологов

1 часть
Зачем нужны счётчики аналитики на сайте и что они умеют
2 часть
Как работает счётчик Яндекс Метрики изнутри
hard
База по вёрстке: самые основы CSS
База по вёрстке: самые основы CSS

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

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

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

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

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

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

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

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

Собираем текст со всех страниц журнала «Код» простым скриптом

1 часть
Как спарсить что угодно с любого сайта
2 часть
Как встраивать что-то с других сайтов
3 часть
Создание парсера для получение нужной информации с сайта
4 часть
Делаем свой загрузчик видео с Ютуба
medium
Как с помощью CSS задавать размеры элементов на сайте
Как с помощью CSS задавать размеры элементов на сайте

Шпаргалка по единицам измерения для начинающих верстальщиков

easy
Подборка из 8 лучших бесплатных хостингов
Подборка из 8 лучших бесплатных хостингов

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

medium
UTF: что такое универсальная кодировка

Продолжение рассказа про Юникод

1 часть
Как устроен Юникод и зачем он нужен (в том числе и вам)
2 часть
UTF: что такое универсальная кодировка
easy
Веб-проект: делаем реалистичную аквакнопку, как в старых 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 часть
Что влияет на фронтенд-производительность
8 часть
Что нужно, чтобы создать свой веб-браузер
easy