— Зайди на сайт…
— Это не сайт, а одностраничник!
— Ну, тогда, вообще-то, это лендинг.
— Ну хоть не портал…

Разбираемся с одностраничниками, лендингами, сайтами и порталами: https://v.thecode.media/d87u8

#разбор_Код

Расшифруйте GPT.

Только неправильные ответы.

Помните школьные словари, где были новые слова и их значение или перевод? В Python тоже есть такое, только там можно хранить что угодно и моментально находить всё, что нужно, как в базе данных на минималках.

https://v.thecode.media/lmh5c

#разбор_Код

Подключаем скрипты правильно

Одни подключают скрипты в начале HTML-страницы, другие — как они понадобятся, а третьи всё складывают в конце.

Рассказываем, кто прав и почему: https://v.thecode.media/xz3ff

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

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

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

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

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

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

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

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

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