#вёрстка

Что такое медиазапросы в вёрстке и как они работают
Что такое медиазапросы в вёрстке и как они работают

Это фундамент адаптивного дизайна

1 часть
Как задавать размеры шрифта в вёрстке
2 часть
Что такое медиазапросы в вёрстке и как они работают
easy
Воруй у Яндекса: хороший стильный расхлоп на странице
Воруй у Яндекса: хороший стильный расхлоп на странице

Рабочий код для фронтендера

1 часть
Кто такой фронтенд
2 часть
116 тысяч рублей в месяц — средняя зарплата для фронтенда. Как им стать
3 часть
Воруй у Яндекса: хороший стильный расхлоп на странице
easy
Что актуально в веб-разработке: лето 2023-го

Тренды, фишки, направления

1 часть
Что такое HTML (и почему это важно)
2 часть
Таблицы в HTML
3 часть
Олды здесь: как сверстать веб-страницу на таблицах
4 часть
7 полезных HTML-тегов, про которые мало кто знает
5 часть
Почему некоторые разработчики ругают вёрстку на «div»
6 часть
Что актуально в веб-разработке: лето 2023-го
easy
Как добавить иконку вкладки на страницу

Быстрый рецепт на пару минут про фавикон

1 часть
Владимир Олохтонов о работе старшего разработчика в Авито
2 часть
Зачем устанавливать Ubuntu
3 часть
Что такое канбан
4 часть
Делаем свою доску задач с тегами и анимацией
5 часть
Как добавить иконку вкладки на страницу
easy
Простой способ создать диалоговое окно на странице
Простой способ создать диалоговое окно на странице

Достаточно всего одного HTML-тега

1 часть
Объясни мне: что такое домен и как его получить
2 часть
Как организовать себе красивую почту
3 часть
Как добавить бесящую плашку про куки себе на сайт
4 часть
Простой способ создать диалоговое окно на странице
easy
Инструменты веб-разработчика в 2023 году: что нужно для трудоустройства
Инструменты веб-разработчика в 2023 году: что нужно для трудоустройства

Обзор необходимых технологий, библиотек и фреймворков

1 часть
Карьерные перспективы в ИТ с учетом сложившейся ситуации
2 часть
Как там с работой в ИТ: 2023 год
3 часть
Сколько зарабатывают в ИТ: весна-лето 2023 года
4 часть
Фронтенд-разработчик: кто это, чем занимается и как попасть в профессию
5 часть
Инструменты веб-разработчика в 2023 году: что нужно для трудоустройства
6 часть
Python-разработчик: сколько платят, что нужно уметь и куда идти работать
7 часть
Инструменты тестировщика в 2023 году: что нужно для трудоустройства
8 часть
Инструменты бэкенд-разработчика в 2023 году: что нужно для трудоустройства
9 часть
Разговор с тестировщиком: о профессии, зарплатах и развитии
10 часть
Честный рассказ аналитика данных о своей профессии
easy
Как добавить бесящую плашку про куки себе на сайт
Как добавить бесящую плашку про куки себе на сайт

Иногда без этого не обойтись

1 часть
Объясни мне: что такое домен и как его получить
2 часть
Как организовать себе красивую почту
3 часть
Как добавить бесящую плашку про куки себе на сайт
4 часть
Простой способ создать диалоговое окно на странице
easy
Продвинутый CSS: работаем с селекторами атрибутов
Продвинутый CSS: работаем с селекторами атрибутов

Игрушки для сложных случаев вёрстки в вебе

1 часть
Программируем скринсейвер для Илона
2 часть
Красивый проект с трёхмерной графикой в браузере
3 часть
Игра «Собери пирамиду»
4 часть
Адаптируем «Пирамиду» для игры на смартфонах
5 часть
Делаем сами себе игру для Android
6 часть
Делаем Шар судьбы на CSS
7 часть
Что такое соседние и родственные селекторы в CSS: объясняем на спринтерах
8 часть
Продвинутый CSS: работаем с селекторами атрибутов
easy
Что такое соседние и родственные селекторы в CSS: объясняем на спринтерах

Погружение в поведение объектов в CSS

1 часть
Программируем скринсейвер для Илона
2 часть
Красивый проект с трёхмерной графикой в браузере
3 часть
Игра «Собери пирамиду»
4 часть
Адаптируем «Пирамиду» для игры на смартфонах
5 часть
Делаем сами себе игру для Android
6 часть
Делаем Шар судьбы на CSS
7 часть
Что такое соседние и родственные селекторы в CSS: объясняем на спринтерах
8 часть
Продвинутый CSS: работаем с селекторами атрибутов
easy
Почему некоторые разработчики ругают вёрстку на «div»

Потому что иногда они правы

1 часть
Что такое HTML (и почему это важно)
2 часть
Таблицы в HTML
3 часть
Олды здесь: как сверстать веб-страницу на таблицах
4 часть
7 полезных HTML-тегов, про которые мало кто знает
5 часть
Почему некоторые разработчики ругают вёрстку на «div»
6 часть
Что актуально в веб-разработке: лето 2023-го
easy
7 полезных HTML-тегов, про которые мало кто знает
7 полезных HTML-тегов, про которые мало кто знает

Теперь вы тоже про них узнаете

1 часть
Что такое HTML (и почему это важно)
2 часть
Таблицы в HTML
3 часть
Олды здесь: как сверстать веб-страницу на таблицах
4 часть
7 полезных HTML-тегов, про которые мало кто знает
5 часть
Почему некоторые разработчики ругают вёрстку на «div»
6 часть
Что актуально в веб-разработке: лето 2023-го
easy
Препроцессор Sass — с чего начать новичку
Препроцессор Sass — с чего начать новичку

Верстаем по-взрослому

1 часть
За что ты послал нам препроцессоры? Чем мы тебя прогневали?
2 часть
Проглючило: делаем глитч-эффект на SASS
3 часть
Препроцессор Sass — с чего начать новичку
easy