#Фронт

Веб‑разработчик: рассказываем подробно о профессии
Веб‑разработчик: рассказываем подробно о профессии

Большой путеводитель для начинающих

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

Импрессионизм, авангардизм и искусство

easy
Добавляем перетаскивание в свой Трелло-планировщик

Делаем всё по-настоящему

Делаем свой планировщик задач Делаем свой планировщик задач в стиле Трелло
easy
Делаем свой планировщик задач в стиле Трелло

Нет препятствий патриотам

Делаем свой планировщик задач Добавляем перетаскивание в свой Трелло-планировщик
hard
DevTools: инструменты разработчика в браузере
DevTools: инструменты разработчика в браузере

Швейцарский нож для фронтендера

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

Сможете писать в портфолио, что создали свой браузер :-)

Что происходит, когда мы открываем сайт в браузере Что такое CDN в интернете Как правильно писать адрес сайта Линкуй, сокращай. Как работают сокращатели ссылок Что такое UTM-метки и зачем они нужны Как посчитать переходы по ссылке с UTM-метками Что влияет на фронтенд-производительность Что нужно, чтобы создать свой веб-браузер
hard
Играем в двадцать одно на компьютере
Играем в двадцать одно на компьютере

Свой проект с блек-джеком и JavaScript

Симулируем вероятности в сложной логической задаче Пишем свой блек-джек на Python
hard
Shadow DOM: что это, как с ним работать и чем он может быть полезен разработчику
Shadow DOM: что это, как с ним работать и чем он может быть полезен разработчику

Видишь DOM? И я нет. А он есть.

Делаем свой блокировщик любой рекламы за 3 минуты Как работают блокировщики рекламы в браузерах
easy
Чем отличаются DoS и DDoS-атаки

Из-за них могут не работать любимые сайты и приложения

Что такое трояны и вирусы — на самом деле Капча: зачем мы вписываем эти буквы и отмечаем мосты? Что такое тест Тьюринга Кибербезопасность: какие бывают уязвимости и как от них защититься Пентест: как в ИТ проверяют софт и сети на безопасность Может ли программист взломать компьютер или сайт
easy
Как правильно писать адрес сайта

Как нравится — так и пишите

Что происходит, когда мы открываем сайт в браузере Что такое CDN в интернете Линкуй, сокращай. Как работают сокращатели ссылок Что такое UTM-метки и зачем они нужны Как посчитать переходы по ссылке с UTM-метками Что влияет на фронтенд-производительность Что нужно, чтобы создать свой веб-браузер Собираем свой веб-браузер из готовых элементов за 20 минут
easy
Препроцессор Pug — возможности, основы работы, за что любят, в чём минусы
Препроцессор Pug — возможности, основы работы, за что любят, в чём минусы

Это как препроцессор CSS, только в HTML

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

Они видны на странице, но их нет в HTML

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