УБЕРИ РУКУ С МЫШКИ!

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

#полезнознать_Код

Помните, Илон Маск нарисовал угловатую Теслу? Над ним тогда все смеялись, а потом он взял и выпустил автомобиль.

Мы сделали так же: нарисовали несуществующую гору, а потом р-р-р-раз — и выпустили задачку про неё. И про двух альпинистов-программистов.

Сможете справиться?

https://v.thecode.media/y74vo

#задача_Код

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

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

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

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

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

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

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

Держите простой лайфхак:

1. Находите интересный гаджет в интернете, которого у вас нет.
2. Убеждаете себя, что это вам точно нужно и без этого прям никак.
3. Покупаете.
4. Через неделю-две он отправляется в коробку с тем, что выкинуть жалко, но чем пользоваться невозможно.

Мы так сделали 5 раз подряд и написали статью о гаджетах для айтишника, о которых вы пожалеете: https://v.thecode.media/nqxq6

А в комментариях расскажите о своих подобных покупках: почему купили, что оказалось не так и что в итоге.

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

Кто кого младше?

На работе программисты выяснили, что Вова старше Дениса, но младше Жанны. Алекс не старше Вовы. Если так, что что из этого верно?

1. Жанная самая старшая
2. Алекс и Жанна одного возраста
3. Вова и Денис одного возраста
4. Денис младше Жанны

Пишите цифры в комментариях, а правильный ответ ищите по ссылке: https://v.thecode.media/hfp67

#задача_Код

Что такое сокет

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

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

Смысл в том, чтобы программист работал не с IP-адресами и портами, разбираясь в тонкостях работы протоколов, а использовал что-то попроще. В итоге получается так:

• программист пишет в программе, что он хочет работать с новым сокетом;
• указывает для него IP-адрес, если это необходимо;
• программа собирает это в виртуальную конструкцию, и получается сокет;
• после этого программист может отправлять данные просто в сокет и принимать их оттуда, а компьютер берёт на себя все вопросы по передаче данных.

#полезнознать_Код

JavaScript уже не тот, что раньше: у него больше возможностей, и с ним можно делать вещи, которые раньше казались невозможными.

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

https://v.thecode.media/gn7td

#тест_Код

Сложно выпускать пост в такой понедельник. Берегите себя.

И держите простые советы про отдых, сон и восстановление. Но от этого — не менее рабочие.

Если у вас есть ещё работающие и такие же простые способы — поделитесь в комментах, вдруг кто-то про них не знает.

https://v.thecode.media/6hnv0

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

Что такое рефакторинг кода

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

Есть два подхода к рефакторингу: плановый и по необходимости.

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

В больших компаниях, где много легаси-кода, могут быть вообще отдельные команды, которые занимаются только рефакторингом старья. Это помогает остальным командам быстрее понимать, что в нём происходит и как им пользоваться.

Второй подход — рефакторинг по необходимости, когда добавление новых возможностей тормозится из-за того, что их сложно интегрировать в старый код. Тогда мы говорим «Стоп машина» и берём какое-то время на реорганизацию всего, что было.

На что смотрят при рефакторинге кода и можно ли обойтись без него, читайте в нашей статье: https://v.thecode.media/oq5n5

Настраиваем свой веб-сервер на своём компьютере у себя дома — пошаговое руководство от выбора операционной системы до статической IP-адресации. Немного сложно, зато всё своё.

https://v.thecode.media/f2ebg

#разбор_Код