Сегодня делаем интересный проект на HTML и CSS — рисуем и анимируем интерфейс камеры телефона, чтобы потом можно было фоткать и переключаться на настоящую фронтальную камеру. 

Если вы хотите убедиться, что в браузере можно делать что угодно, — заходите сюда: https://v.thecode.media/7rzei

#проект_Код

Что такое медиазапросы

Медиазапросы — это наборы правил, которые задают разные аспекты вёрстки в зависимости от размеров и свойств экрана браузера. Они появились в CSS3 в 2012 году, а сегодня их поддерживают все современные браузеры.

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

Если упростить, всё работает так:

1. Медиазапрос смотрит на условие, которое прописал разработчик, и проверяет, выполняется оно или нет. Например, ширина экрана меньше 500 пикселей.
2. Если условие выполняется — медиазапрос делает то, что написано внутри него: меняет шрифты, отступы и фон.
3. Если не выполняется — не происходит ничего. Но может сработать условие другого медиазапроса, и тогда сработает уже он.

Медиазапросов на странице может быть сколько угодно — главное, чтобы разработчик понимал, какой из них за что отвечает.

Как делаются медиазапросы и где применяются, читайте в нашей статье: https://v.thecode.media/bcqc3

Сегодня разбираем продвинутую тему: как работает Async/Await в JavaScript. На старте это знать необязательно, но когда сайтом начнут пользоваться хотя бы несколько пользователей одновременно, знание этого вас очень выручит.

Всё как обычно — с примерами, кодом и картинками: https://v.thecode.media/mjvvm

#разбор_Код

Коллеги из дружественного журнала поделились с нами подборкой статей, которые помогут пройти собеседование, договориться о нужном оффере и не дать себя прожать по цене. Внутри прям забота и желание помочь, это кайф.

Слово коллегам: 

Как найти работу в заветном IT без опыта реальных проектов: https://le.kinzhal.media/ymvis

Как проходить собеседования и не терять веру в себя: https://le.kinzhal.media/ahb12

Как брать за работу больше: https://le.kinzhal.media/auhdk

#подборка_Код

Сегодня — простая, но интересная задача на нестандартное мышление, которую можно решить самому, а потом предложить сыграть друзьям на отдыхе. 

Если думаете, что тут всё просто, — не думайте: https://v.thecode.media/bw2x0

#задача_Код

Рассказываем, какие появились обновления в менеджере пакетов Homebrew, которым пользуются программисты по всему миру: https://v.thecode.media/5ienx

#разбор_Код

Пишем игру на Python, в которой нужно уворачиваться от предметов

Время интересных штук на Python: пишем игру, в которой нужно уворачиваться от разных летающих предметов. Аркадная классика: https://v.thecode.media/ig3ft

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

Добро пожаловать в лето :-)

Привет!

Сегодня — первый день лета, много где жара, поэтому, пока совсем не разморило, перейдём к интересным материалам недели. Если что-то пропустили, самое время наверстать.

Функция range() в Python — вроде простая, понятная, но у неё есть пара параметров, про которые многие забывают. А зря.

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

👉 Пояснили мем про сложный выбор, когда можно делать действительно всё, что хочешь. Осторожно, сенситив контент.

Сделали интерактивный интерфейс камеры айфона в браузере. Пока только визуальная красота, а через неделю научим его снимать и делать селфи.

Как работает Await/Async в JavaScript. Популярная тема и в собеседованиях, и на практике.

Что нового в Homebrew — одном из самых популярных менеджеров пакетов для программистов. Не все оценят эти изменения, но радует, что проект живёт.

❓ Задача недели про криптоинвестора, программиста и золотые слитки. Специально для любителей нестандартных решений.

Всё, на речку и отдыхать! Мы уже убежали, увидимся через неделю )
Ваш «Код»