#tech #dns #network
Как браузер ищет нужный ресурс по доменному имени в строке браузера и почему после покупки домена мы не сразу можем получить доступ к ресурсам?

Когда вы вводите URL в строку браузера, происходит ряд шагов на уровне DNS (Domain Name System):

1️⃣ Проверка кэша DNS:
Браузер сначала проверяет свой локальный кеш DNS, чтобы узнать, не сохранен ли там IP-адрес, связанный с введенным URL. Если он есть, процесс разрешения DNS на этом этапе завершается, и браузер использует найденный IP-адрес для установления соединения.
Мы можем посмотреть локальный кэш в браузере. На примере Chrome:

chrome://net-internals/?#dns

Указываем адрес, например vk.com, если в кэше есть данные об этом домене, получим в ответе 
Resolved IP addresses of "vk.com": ["87.240.137.164","87.240.132.78","93.186.225.194","87.240.132.67","87.240.129.133","87.240.132.72"].
No alternative endpoints.

Если нет, то будет пусто или ошибка.

2️⃣ Запрос к ОС:
Если IP-адрес не найден в кеше браузера, он отправляет запрос операционной системе. ОС также имеет собственный кеш DNS, который проверяется следующим шагом.
Чтобы посмотреть кэш windows: откройте командную строку и введите

ipconfig /displaydns | clip 

- данные скопируются в буфер обмена, после чего вставьте в блокнот и посмотрите результат (например поиск vk.com)

3️⃣Запрос к рекурсивному DNS-серверу:
Если ни в одном из кешей нет нужного IP-адреса, операционная система передает запрос к настроенному DNS-серверу (обычно это сервер вашего интернет-провайдера).

4️⃣Корневые DNS-серверы и далее через иерархию до авторитетного DNS-сервера запрашиваемого домена.

5️⃣Если IP-адрес найден, он возвращает его операционной системе, а затем браузеру.

Почему, когда вы покупаете domain, привязываете его к ip-адресу, но не сразу можете зайти на сайт под доменным именем?

Базы данных DNS хранятся на каждом DNS-сервере по всему миру и эти серверы обращаются за обновлениями к нескольким серверам, называемым "authoritative name server" или "корневой DNS-сервер". Когда ваш регистратор создаёт или обновляет информацию о зарегистрированном домене, она должна обновиться во всех DNS-базах. Каждый DNS-сервер хранит информацию о домене фиксированное количество времени, а затем автоматически обновляет её (DNS-сервер запрашивает корневой сервер снова). Соответственно, обновление баз занимает какое-то время, пока информация о новых или изменённых доменах распространяется по Интернету.

Существует так называемое Время распространения. Тем не менее эта задержка не означает, что за это время доменное имя обновит само себя на всех серверах сверху донизу. Очень часто DNS-сервер, запрашиваемый вашим компьютером не знает конкретного домена и запрашивает о нём корневые DNS-сервера по мере требования.

Автор: @crypto_bubblezz

👍 Вступай в сообщество

Турнир "Frontend Гладиаторы": Начало!

С этой недели начинается тестовый турнир "Frontend Гладиаторы". Всего 15 участников отозвались, и турнир продлится 2 недели. Этапы включают 1/16, 1/8 и так далее.

Ребята придумали смешные ники, например, Сурикат #17, СынАвторизации, ДивМэн, КиберМагистр, Пагинагибация. Мы случайным образом распределили пары.

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

Если зайдет, то расширим турнир. Ждите смонтированное видео на YouTube. Будет прикольно!

📅 Календарь мероприятий

#frontend

Приятно видеть такие комментарии. Получаю их практически каждый день🥺🥺🥺

Спасибо за поддержку! 👍

Вопросы по TypeScript с собеседования в VK 🔥

- Какие плюсы и минусы знаешь у TypeScript?
- Можно ли строгую типизацию отключить для определенных мест?
- Поговорим про enum, какие плюсы, минусы?
- Какие есть альтернативы enum?
- Какие есть отличия interface от type в контексте объекта?
- Знаешь ты что-нибудь о дженериках в TS?
- Назови базовые Utility Type.

Как вам такие вопросы на Мидла? Достойные, или опять на стажера?😩

Теперь я запоминаю душнил и в следующий раз жду их на турнире, чтобы показать мастер класс🧐

Этап выбывания идет полным ходом. Сейчас 1/16

Буду держать вас в курсе 🆕

#eventloop #log
Какая будет последовательность вывода console.log?

Сложность: 2️⃣

1 -> 2 -> 4 -> 3

Frontend Гладиаторы. Этап 1/16

СынАвторизации VS ДивМэн

Одно из выступлений, счет сейчас равный. Ребята посещают Рандомные собеседования и Групповые. У них я проводил моковые собеседования.

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

Все отмечают сильное волнение и, что из головы все вылетает. А представляете, что будет на собеседовании? Это сильная прокачка. Ребятам полезно участвовать в таких активностях

👍 Да еще и весело

Кто на ваш взгляд ответил лучше? 🤔

Вопросы по React с собеседования в VK 🔥

- Что такое React? Зачем он нужен? Как он работает в общих чертах?
- Зачем придумали концепцию Virtual DOM?
- Как происходит сравнение нод в дереве, если родительские ноды не равны, реакт уничтожает все дерево?
- А какие у компонента есть причины перерендериться?
- Поговорим про хуки. Что это и какую в реакте решают проблему?
- Есть ли какие-то ограничения на использование хуков?
- А если мы засунем вызов хука в if(true) {вызов хука}. Будет ли реакт считать это ошибкой?
- Реакт это компилятор или рантайм библиотека? Может ли она понять что у нас хук вложен в условие до его вызова?
- Для чего нужен useEffect и какие у него есть варианты использования?
- Расскажи про useRef. Для чего мы можем его использовать?
- Какие существуют оптимизации в реакте?

Хорошие вопросы. Я думаю тут явно не на стажера. Кто ответил бы?

Гайд: Как стать Frontend разработчиком с нуля

Учиться можно бесплатно, как показывает практика, люди, которые начинали с самостоятельного обучения и неплохо продвинулись, имеют выше шанс дойти до конца и трудоустроиться. Однако технологий уже так много, что в них можно запутаться. А требования рынка такие сложные, что без помощи опытного программиста становится трудно.

Учиться можно бесконечно, но все никогда не изучишь. Нужно учить основное и то, что нужно в работе, а уже потом углублять и расширять свои знания. Это первая проблема, с которой сталкиваются все: непонимание, что учить, как учить и когда остановиться и двигаться дальше. Тут важно выделить время и четко проработать план и цель либо найти разработчиков для консультации.

Совет №1: Вступайте в сообщества и чаты
Проявлять активность и нетворкинг крайне полезно. Никто не придет и не скажет, что ты делаешь неправильно — это нужно выяснять самому через общение с другими. В ИТ-сфере инициатива и нетворкинг особенно важны.

Примеры сообщества: Мое сообщество Reactify; Осознанная Меркантильность; Авось прорвемся. В платных сообществах люди, которые заплатили, обычно активнее. Там проводятся мероприятия, челленджи, и много активных участников, которые помогают друг другу.

Но будьте осторожны с тематическими чатами (например: @js_noobs_ru), так как часто обсуждают все, кроме технологий. Всех новичков посылают в гугл, душнят, оскорбляют. Важно находить такие группы, где есть четкие правила и взаимопомощь.

Совет №2: Составьте четкий план обучения и цель
Уже много ресурсов и материалов с roadmap и о том, как стать разработчиком. Выделю два моих Roadmap, которые помогут изучить профессию с нуля:

Roadmap Frontend
Roadmap React

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

Совет №3: Решительно идите к своей цели
Важно твердо решить, что вы намерены дойти до конца. Не сдавайтесь и не бойтесь трудностей. Новички, которые не понимали, как работают циклы, через 3-4 месяца уже успешно проходят собеседования. Если что-то не понимаете — не бойтесь, это навык, который нужно развивать.

Как развивать? Погружайтесь в тему. Смотрите видео, читайте статьи, пытайтесь повторить. Постепенно вы найдете закономерности, и понимание придет само собой. Тренируйте насмотренность и превратите обучение в хобби.

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

Даже если сначала не получается, пересмотрите 10, 20 видео на эту тему, повторяя за автором. В конечном итоге у вас сложится паттерн в голове, и вы начнете писать код самостоятельно, поймете логику.

Совет №5: Подготовка к трудоустройству
Процесс трудоустройства сейчас сложный. Нужно понимать реалии рынка и требования. Вступайте в чаты с собеседованиями, смотрите видео и стримы про трудоустройство, проходите моковые собеседования. Вам нужен четкий план подготовки.

Рекомендуется посмотреть видео и гайды Антона Назарова для понимания процесса: Канал Антона Назарова. Устроиться джуном без опыта и хорошей подготовки очень сложно. Приходится использовать лайфхаки, чтобы обходить фильтры. Мне не нравится обман, но еще больше не нравится, когда отличные ребята не могут найти работу. Люди, которые действительно увлечены разработкой и готовы развиваться, часто сталкиваются с несправедливыми трудностями.

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

Скоро добавлю гайды: Резюме, Собеседования, Поиск работы и тд

✔️ Вся экосистема Reactify

#frontend