Закончил съемку серии по миграции проекта с JS на TS.

TypeScript - всё!

Дальше у нас на очереди React Context

Автору книги «You don’t know JS” после технического собеседования и базового кодинга на JS отказали по причине того, что он недостаточно хорошо с ним справился

Коротко о душных собесах)

У моего друга профильное образование и опыт в больших компаниях 8 лет. На одном из интервью его собесили два мидла с опытом 3-4 года. Собес он не прошел) зато прошел 4 других, в более крупные компании)

Было бы прикольно реализовать такой проект в рамках практики по JavaScript. Загружаем картинку, добавляем фильтры, редактируем, и скачиваем. Далее выкладываем в инсту😄

Думаю сделать это, в формате таком же, как React Новости, только чистый JS, HTML, CSS

После выхода видеокурсов по этим технологиям разумеется

Что думаете?

Разбор задач

С использованием let:

1. Цикл for запускает 10 таймаутов.
2. Каждый setTimeout "запоминает" свое значение i, потому что let создает новую переменную на каждой итерации.
3. После завершения цикла таймауты начинают выполняться, выводя значения от 0 до 9.

for (let i = 0; i < 10; i++) {
setTimeout(function() {
console.log(i);
}, 100);
}

С использованием var:

1. Цикл for также запускает 10 таймаутов.
2. Все setTimeout ссылаются на одну и ту же переменную i, так как var создает одну область видимости для всего цикла.
3. К моменту начала выполнения таймаутов, значение i стало 10 (цикл уже завершил свою работу). Поэтому все таймауты выводят 10.

for (var i = 0; i < 10; i++) {
setTimeout(function() {
console.log(i);
}, 100);
}

С let каждый таймаут "запоминает" свое уникальное значение i, в то время как с var все таймауты ссылаются на одну и ту же переменную, значение которой становится 10 к моменту выполнения таймаутов.

Необходимо помнить, что setTimeout является асинхронной функцией. При её вызове задача ставится в очередь задач, которая будет обработана event loop. Это означает, что все итерации цикла завершатся раньше, чем начнёт выполняться любой из setTimeout. Сначала выполнится весь синхронный код, и только после этого event loop начнёт выполнять задачи из очереди, включая наши setTimeout.

#JavaScript #обучающийПост #loop #var #let

Где искать работу

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

На HH.ru большая концентрация кандидатов, и, если вы будете откликаться на вакансии и на менее популярных ресурсах, шансы, что HR заметит именно вас, возрастают. Я слышал случаи, когда кандидата "пропустили" на HH, но пригласили на тестовое после отклика на Хабре. Ведь ваше резюме может затеряться среди тысяч на HH, но выделяться на фоне сотен на Хабре.

Даже в нынешние "сложные" времена есть новички, которые только начали поиск и сразу нашли работу. А где-то опытный кандидат ищет уже несколько месяцев. Все индивидуально.

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

Вот немного ресурсов для поиска работы:

Сайты:
hh.ru
career.habr.com
geekjob.ru
budu.jobs
www.superjob.ru
rabota.ru
tproger.ru/jobs
vc.ru/job

Чаты:
JavaScript Jobs — вакансии и резюме
Вакансии для веб-разработчиков
Работа в IT

Работа в компаниях:
https://sber.rabota.ru/
https://news.1rj.ru/str/tinkoffjobs
https://softline.ru/about/vacancies
https://careers.kaspersky.ru/vacancy

Это только часть того, что я нашел. Есть еще множество других чатов, и у большинства компаний есть свой раздел вакансий. Помимо этого, в вашем городе могут проходить мероприятия и нетворкинг-сессии.

Удачи в поиске! Кто ищет, тот всегда найдет.

#job #work

Блин, я не учел того, что в React Новости у нас все тип топ. У нас нет вложенности Props в компонентах. У нас все, как отдельные виджеты/модули. React Context нам не нужен для Новостей.

Но я могу сделать видео по React Context как мини видеокурс. Реализуем смену темы ночная/дневная. Чтобы не отказываться от этого. Потом нам в любом случае для авторизации нужен будет контекст

Домен

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

Домен — это просто имя вашего сайта в интернете. Вместо того чтобы говорить друзьям набирать 123.45.67.89, вы просто говорите им "заходите на ruslan.com".

Когда вы регистрируете домен, это имя становится вашим указателем на сервер, где хранится ваш сайт. Все очень просто: вводите "ruslan.com" — и вуаля, открывается ваш сайт.

Домены обычно состоят из двух основных частей:

SLD (Second-Level Domain) - это уникальное имя, которое вы выбираете, например, "ruslan" в "ruslan.com".
TLD (Top-Level Domain) - это домен верхнего уровня, такой как ".com", ".org", ".net" и страновые коды типа ".ru", ".us", ".uk".

Иногда в домене может быть и третий уровень — субдомен, например, "blog.ruslan.com", где "blog" является субдоменом. Так мы можем разделять различные части нашего приложения, сервиса (market.yandex.ru / taxi.yandex.ru / bank.yandex.ru и тд)

#обучающийПост #domain

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

Сегодня крайний день всей этой суеты😅 дальше до нового года уже буду заниматься делами. Все Цели на год нужно выполнить, осталось пару пунктов🤞

Поездная романтика. Читаю книгу «Код. Тайный язык информатики»✅

Помимо создания видео, буду дополнительно создавать БЕСПЛАТНЫЕ обучающие курсы на своей платформе. Здесь будет структурированная база знаний с конспектами, видео, тестами, заданиями, кодингом и проверкой знаний.

Отпуск у меня неделя. Буду отдыхать в замечательном отеле и создавать платформу в свободное от отдыха время😂

Дата запуска - неизвестно🙃 Но я полон идей и энтузиазма! Главное - начать, и я начал!

Постараюсь сделать обучение удобным, интересным, эффективным!

2к💪 кто смотрел, все ли понравилось? Все понятно? Может что-то забыл сказать? Как вам вообще видео?

Что такое DNS

Каждое устройство, подключенное к интернету, имеет уникальный IP-адрес, который используется для обмена данными с другими устройствами в сети. Однако запоминать числовые IP-адреса для всех сайтов было бы очень сложно для людей. DNS позволяет нам использовать запоминающиеся имена доменов (например, "google.com") вместо сложных наборов чисел.

Когда вы вводите имя домена в адресной строке браузера, ваш компьютер отправляет запрос на DNS-сервер. DNS-сервер смотрит в своей базе данных и находит соответствующий IP-адрес для этого имени домена. Затем он сообщает IP-адрес вашему компьютеру, и ваш браузер может подключиться к серверу, на котором находится запрашиваемый вами сайт.

Система DNS организована иерархически. В самом верху иерархии находятся корневые сервера, которые управляют базами данных, содержащими информацию о доменных зонах верхнего уровня (например, .com, .org, .net и т.д.). Если локальный DNS-сервер не знает, как перевести доменное имя в IP-адрес, он спрашивает об этом серверы выше уровнем.

#dns #domain #обучающийПост

Временная мёртвая зона в ES6

Временная мёртвая зона в JavaScript (TDZ) — это период, когда переменная уже "создана", но еще не "готова к использованию". Это происходит, когда вы используете let или const для создания переменных.

Если вы попытаетесь использовать такую переменную до того, как ей будет присвоено значение, JavaScript выдаст ошибку, потому что в это время переменная находится в "временной мёртвой зоне".

Переменные, объявленные через var, не имеют TDZ. Они поднимаются (hoisted) и получают значение undefined в начале исполнения блока.

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

#JavaScript #обучающийПост #tdz

Coding time✌️