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

На то, как выглядит сайт на экране, влияет много всего:
— высота и ширина экрана;
— плотность пикселей;
— светлая или тёмная тема в настройках;
— ориентация устройства;
— соотношение сторон и ещё масса других параметров.

Чтобы разработчики могли делать так, чтобы сайт выглядел одинаково на разных устройствах, придумали медиазапросы. На них работает почти вся современная адаптивная вёрстка. Теперь вы тоже будете так уметь.

https://v.thecode.media/nn69v

#лучшее_Код #разбор_Код

Дискорд: разбираемся в ситуации как айтишники — что это за сервис, как он устроен, как работает и всё остальное: https://v.thecode.media/wgxno

#разбор_Код

8 фраз, от которых нужно отказаться программисту

❌ Я не знаю
❌ Это невозможно
❌ Просто скажите мне, что делать
❌ Вы неправы
❌ А на моём компьютере работает
❌ Я работаю над тикетом 518
❌ Это не моя задача
❌ Моя часть работы сделана

А почему именно эти фразы и что с ними не так — разбираем в статье: https://v.thecode.media/a9sov

Сегодня будет особый проект: собираем свой веб-браузер на основе других браузерных технологий. Дел на 20 минут, а развлечений — на весь день: https://v.thecode.media/hvw40

#проект_Код

Если бы в мире мог остаться только один язык программирования, то какой?
Только неправильные ответы.

Сегодня пятница, поэтому завершим эту неделю школьной задачкой на умножение. Она звучит очень просто, но сможете ли вы решить её сами? А если сможете — проверьте: получится у друзей сделать это так же легко?

https://v.thecode.media/rmovy

#задача_Код

Добавляем графический интерфейс программе для учебных тестов

Внимание, это не учебная тревога! Мы делаем полноценное десктопное приложение на Python, которое позволит тренироваться в прохождении любых тестов, которые вы в него загрузите.

https://v.thecode.media/ksip1

#проект_Код #лучшее_Код

Задача про спикеров: в каком порядке выступать, чтобы оно прошло успешно?

Считаем вероятности и добавляем других спикеров.

https://v.thecode.media/ig69l

#лучшее_Код #задача_Код

Дайджест статей за неделю

На этой неделе все обсуждали Дискорд, и мы тоже решили посмотреть на него, только как айтишники: как это всё работает (или нет), что внутри, зачем нужно и почему иногда VPN не спасает.

Продолжили историю с тем, как устроены браузеры, и за 20 минут собрали свой — на основе веб-страницы, Электрона и чуточки простого шаманства с HTML и CSS. Теперь вы тоже можете сделать свой браузер и говорить, что поменяли рынок.

Если собирать свой браузер пока сложно и вы — полный новичок в ИТ, который только начинает разбираться, держите статью про условные операторы. Там мы рассказываем в картинках, что это такое, зачем вообще условия нужны программистам и где мы с ними встречаемся в жизни.

Для тех, кому нужна практика посложнее: разобрали, как работает Postman — один из основных инструментов для тестирования, которым часто пользуются и разработчики. Если вы делаете любой проект, который работает по сети, — почитайте, будет полезно.

❓ Задача недели про миллион и простое перемножение двух чисел. С одной стороны, там всё просто, а с другой — попробуйте решить её сами и проверьте своих друзей. Поверьте, результат вас удивит.

Обнимаем, жмём руку,
«Код»

DevTools, или инструменты разработчика, в браузере — база для всех, кто занимается или хочет заниматься фронтендом. Они позволяют на лету сделать со страницей что угодно, посмотреть проблемные места и понять, что нужно сделать с вёрсткой и скриптами, чтобы было хорошо. Рассказали, где их найти и как с ними работать: https://v.thecode.media/yu4m3

#разбор_Код

Задача про полторы белки

Мы понимаем, что так не бывает, но всё-таки вот задачка.

Полторы белки за полторы минуты съедают полтора ореха. Сколько орехов съедят 9 белок за 9 минут?

Пишите ответ в комментариях, а если решить самостоятельно не получилось, заглядывайте в решение.

#задача_Код