Алгоритм обхода дерева
В задачах программирования часто требуется обработать данные, структурированные иерархически, например, в виде дерева. Для массивов достаточно простого цикла, чтобы применить логику к каждому элементу. Но когда речь идёт о древовидных структурах с вложенными объектами, потребуется рекурсивный алгоритм обхода.
Такой алгоритм последовательно просматривает все узлы дерева, проверяет их на соответствие заданным условиям и выполняет необходимые операции. Это критично для работы с иерархическими структурами, как DOM в веб-разработке.
Функция обхода вызывает себя для каждого потомка узла, тем самым обеспечивая обработку каждого элемента структуры, вплоть до самых глубоких уровней вложенности.
#algorithm #JavaScript
В задачах программирования часто требуется обработать данные, структурированные иерархически, например, в виде дерева. Для массивов достаточно простого цикла, чтобы применить логику к каждому элементу. Но когда речь идёт о древовидных структурах с вложенными объектами, потребуется рекурсивный алгоритм обхода.
Такой алгоритм последовательно просматривает все узлы дерева, проверяет их на соответствие заданным условиям и выполняет необходимые операции. Это критично для работы с иерархическими структурами, как DOM в веб-разработке.
Функция обхода вызывает себя для каждого потомка узла, тем самым обеспечивая обработку каждого элемента структуры, вплоть до самых глубоких уровней вложенности.
#algorithm #JavaScript
👍8❤4🔥3👌1
Список задач на Циклы и примитивы с Codewars
Решаем задачи. Полезно для развития мышления и знания языка
1. even-or-odd
2. opposite-number
3. century-from-year
4. abbreviate-a-two-word-name
5. reversed-strings
6. credit-card-mask
7. remove-first-and-last-character
8. create-phone-number
9. How many arguments
10. Leap Years
#codewars #algorithm #task #loop #primitive
Решаем задачи. Полезно для развития мышления и знания языка
1. even-or-odd
2. opposite-number
3. century-from-year
4. abbreviate-a-two-word-name
5. reversed-strings
6. credit-card-mask
7. remove-first-and-last-character
8. create-phone-number
9. How many arguments
10. Leap Years
#codewars #algorithm #task #loop #primitive
👍6🔥2👌1
Менторство
Многие обращаются ко мне с вопросами о стоимости, процессе обучения, длительности и других аспектах менторства. Чтобы упростить доступ к информации, я решил собрать все в одном месте и подробно рассказать о программе обучения. Если у вас останутся вопросы после прочтения, не стесняйтесь обращаться ко мне в личные сообщения.
Это самая выгодная цена на обучение, которую я видел. Ни один ментор не вкладывает столько усилий в свою программу, как я. По сути, обучение должно стоить в два-три раза дороже моей цены.
https://telegra.ph/Obuchenie-s-mentorom-02-22
#mentor
Многие обращаются ко мне с вопросами о стоимости, процессе обучения, длительности и других аспектах менторства. Чтобы упростить доступ к информации, я решил собрать все в одном месте и подробно рассказать о программе обучения. Если у вас останутся вопросы после прочтения, не стесняйтесь обращаться ко мне в личные сообщения.
Это самая выгодная цена на обучение, которую я видел. Ни один ментор не вкладывает столько усилий в свою программу, как я. По сути, обучение должно стоить в два-три раза дороже моей цены.
https://telegra.ph/Obuchenie-s-mentorom-02-22
#mentor
Telegraph
Обучение с ментором Frontend 👨💻
Ruslan ОБО МНЕ Меня зовут Руслан. Я — Senior Frontend разработчик с тремя годами опыта. Работаю в международной компании. Я стал разработчиком без профильного образования, курсов или менторов. Всё мое обучение обошлось мне в 1400 рублей на подписку тренажеров.…
🔥6🤣2🤝2❤1
Руслан Куянец | Reactify pinned «Менторство Многие обращаются ко мне с вопросами о стоимости, процессе обучения, длительности и других аспектах менторства. Чтобы упростить доступ к информации, я решил собрать все в одном месте и подробно рассказать о программе обучения. Если у вас останутся…»
Сезонность в рекрутинге
В рекрутинге выделяются два основных активных периода — весна и осень. Это время характеризуется большим количеством вакансий и высокой конкуренцией среди соискателей.
Для тех, кто стремится к большему выбору и лучшим шансам на получение желаемой работы, рекомендуется начинать поиск в периоды сниженной активности — зимой и летом. Июнь, июль и конец года (ноябрь, декабрь) — это месяцы, когда конкуренция на рынке труда минимальна.
Зима и лето считаются «мёртвым сезоном» в рекрутинге. Многие не решаются увольняться в конце года, чтобы не потерять годовой бонус, а летом — чтобы не лишиться отпуска. После новогодних праздников также трудно возвращаться к рабочему ритму.
Используйте эти периоды, чтобы выделиться среди меньшего числа соискателей и повысить свои шансы на успех.
#job
В рекрутинге выделяются два основных активных периода — весна и осень. Это время характеризуется большим количеством вакансий и высокой конкуренцией среди соискателей.
Для тех, кто стремится к большему выбору и лучшим шансам на получение желаемой работы, рекомендуется начинать поиск в периоды сниженной активности — зимой и летом. Июнь, июль и конец года (ноябрь, декабрь) — это месяцы, когда конкуренция на рынке труда минимальна.
Зима и лето считаются «мёртвым сезоном» в рекрутинге. Многие не решаются увольняться в конце года, чтобы не потерять годовой бонус, а летом — чтобы не лишиться отпуска. После новогодних праздников также трудно возвращаться к рабочему ритму.
Используйте эти периоды, чтобы выделиться среди меньшего числа соискателей и повысить свои шансы на успех.
#job
👍10🤝3❤2
Что выводит этот фрагмент кода?
Anonymous Quiz
12%
start, promise1, end, timer1, promise2, timer2
34%
start, end, promise1, timer1, promise2, timer2
12%
start, promise1, promise2, end, timer1, timer2
14%
start, end, promise1, promise2, timer1, timer2
28%
start, end, promise1, timer2, timer1, promise2
🤯6❤4🫡2
Я дома, а это значит, что скоро выйдут 2 серии React Новости✌️
1 серия - рефакторинг. Очень полезная серия
2 серия - React Router. Наконец-то у нас появится отдельная страница новости
В субботу и воскресение выпущу 😌
#react_новости
1 серия - рефакторинг. Очень полезная серия
2 серия - React Router. Наконец-то у нас появится отдельная страница новости
В субботу и воскресение выпущу 😌
#react_новости
👍8🔥5❤4
Асинхронный код в JavaScript
Асинхронный код в JavaScript — это механизм, позволяющий программе продолжать выполнение, не дожидаясь завершения длительной операции. Это ключевая особенность языка, делающая его мощным инструментом для разработки веб-приложений, где множество задач может выполняться одновременно, не блокируя главный поток исполнения.
Основные моменты, которые нужно понимать о асинхронном коде:
Синхронный vs Асинхронный: Синхронный код выполняется последовательно, каждая строка дожидается завершения предыдущей, прежде чем начать исполнение. Асинхронный код позволяет перейти к следующей задаче, не завершая текущую.
Event Loop: Это цикл событий, который позволяет JavaScript выполнять асинхронные задачи после завершения всех синхронных. Он следит за тем, чтобы асинхронные операции возвращались в главный поток для выполнения, как только они будут готовы.
Микрозадачи и Макрозадачи: JavaScript разделяет асинхронные задачи на два типа — микрозадачи (например, обещания (Promises)) и макрозадачи (например, таймеры, ввод/вывод). Микрозадачи обрабатываются сразу после текущего синхронного кода и перед любыми макрозадачами, делая их приоритетными.
Promises: Обещания (Promises) — это объекты, представляющие будущий результат асинхронной операции. Они позволяют управлять асинхронным кодом более удобно, чем через колбэки, предоставляя методы для обработки успешного выполнения и возникновения ошибок.
#promise #JavaScript #async
Асинхронный код в JavaScript — это механизм, позволяющий программе продолжать выполнение, не дожидаясь завершения длительной операции. Это ключевая особенность языка, делающая его мощным инструментом для разработки веб-приложений, где множество задач может выполняться одновременно, не блокируя главный поток исполнения.
Основные моменты, которые нужно понимать о асинхронном коде:
Синхронный vs Асинхронный: Синхронный код выполняется последовательно, каждая строка дожидается завершения предыдущей, прежде чем начать исполнение. Асинхронный код позволяет перейти к следующей задаче, не завершая текущую.
Event Loop: Это цикл событий, который позволяет JavaScript выполнять асинхронные задачи после завершения всех синхронных. Он следит за тем, чтобы асинхронные операции возвращались в главный поток для выполнения, как только они будут готовы.
Микрозадачи и Макрозадачи: JavaScript разделяет асинхронные задачи на два типа — микрозадачи (например, обещания (Promises)) и макрозадачи (например, таймеры, ввод/вывод). Микрозадачи обрабатываются сразу после текущего синхронного кода и перед любыми макрозадачами, делая их приоритетными.
Promises: Обещания (Promises) — это объекты, представляющие будущий результат асинхронной операции. Они позволяют управлять асинхронным кодом более удобно, чем через колбэки, предоставляя методы для обработки успешного выполнения и возникновения ошибок.
#promise #JavaScript #async
🔥9👍4👌4❤1
React Новости. Рефакторинг, Композиция, Entities FSD. React приложение новостей. [15]
В этом видео мы объединили компоненты Карточка новости и Список в универсальные элементы, оптимизировали Скелетон ХОК для работы с любым списком, переместили Фильтры в отдельный Виджет и улучшили организацию страницы, скрыв логику пагинации.
Видео уже на канале
#react_новости
В этом видео мы объединили компоненты Карточка новости и Список в универсальные элементы, оптимизировали Скелетон ХОК для работы с любым списком, переместили Фильтры в отдельный Виджет и улучшили организацию страницы, скрыв логику пагинации.
Видео уже на канале
#react_новости
🔥5🤝3❤1
Какими методами или технологиями HR-отдел пользуется для проверки достоверности информации о профессиональном опыте, указанной в резюме кандидатов?
HR-отделы используют различные методы и технологии для проверки достоверности информации о профессиональном опыте, указанной в резюме кандидатов. На этапе технического собеседования такие проверки обычно не проводятся, однако на последующих этапах отбора могут быть использованы следующие подходы:
Рекомендации от предыдущих работодателей. Обращение за отзывами к предыдущим местам работы кандидата помогает получить объективную информацию о его профессиональных качествах, достижениях и поведении в рабочем коллективе.
Справка СТДР с портала государственных услуг. В Российской Федерации, особенно в IT-сфере, где подавляющее большинство компаний функционирует в рамках "белой" зарплаты, применяется проверка через запрос справки о трудовой деятельности (СТДР). Этот документ отражает всю официальную трудовую активность кандидата. Если данные в резюме не совпадают с информацией из справки, это может вызвать вопросы у работодателя.
В последнее время в IT-индустрии наблюдается тенденция к усилению проверок на достоверность профессионального опыта из-за растущего количества случаев "накрутки" опыта. В связи с этим, в ближайшей перспективе, многие компании могут ввести более строгие процедуры проверки. К примеру, если раньше из трех технических собеседований обычно делался один оффер, то теперь может потребоваться до десяти собеседований для одного оффера, что отражает ужесточение критериев отбора на рынке труда.
Вот как ответила Залифа. @it_coach1
Ваше мнение 👇👇👇
HR-отделы используют различные методы и технологии для проверки достоверности информации о профессиональном опыте, указанной в резюме кандидатов. На этапе технического собеседования такие проверки обычно не проводятся, однако на последующих этапах отбора могут быть использованы следующие подходы:
Рекомендации от предыдущих работодателей. Обращение за отзывами к предыдущим местам работы кандидата помогает получить объективную информацию о его профессиональных качествах, достижениях и поведении в рабочем коллективе.
Справка СТДР с портала государственных услуг. В Российской Федерации, особенно в IT-сфере, где подавляющее большинство компаний функционирует в рамках "белой" зарплаты, применяется проверка через запрос справки о трудовой деятельности (СТДР). Этот документ отражает всю официальную трудовую активность кандидата. Если данные в резюме не совпадают с информацией из справки, это может вызвать вопросы у работодателя.
В последнее время в IT-индустрии наблюдается тенденция к усилению проверок на достоверность профессионального опыта из-за растущего количества случаев "накрутки" опыта. В связи с этим, в ближайшей перспективе, многие компании могут ввести более строгие процедуры проверки. К примеру, если раньше из трех технических собеседований обычно делался один оффер, то теперь может потребоваться до десяти собеседований для одного оффера, что отражает ужесточение критериев отбора на рынке труда.
Вот как ответила Залифа. @it_coach1
Ваше мнение 👇👇👇
👍3👌3🎉1
React Новости. React Router, Страница новости. React приложение новостей. [16]
В этом видео мы подключим React Router. Создадим отдельную страницу новости. Настроим базовый Layout. Добавим слоты в карточки
Видео уже на канале
#react_новости
В этом видео мы подключим React Router. Создадим отдельную страницу новости. Настроим базовый Layout. Добавим слоты в карточки
Видео уже на канале
#react_новости
👍6🔥2😁1🆒1
YouTube планы
Хочу начать записывать видео по JavaScript. Буду стараться брать сложные, интересные темы и объяснять их в небольших видео. Это будет полезно многим, в том числе и мне. Так как для того, чтобы записать хорошее видео нужно углубиться, подготовить материал, написать сценарий. Это сильно прокачивает и укрепляет знания. Поэтому буду разбавлять контент JavaScript-ом. А то один React на канале.
Накидайте идей для первого видео 👇👇👇
Хочу начать записывать видео по JavaScript. Буду стараться брать сложные, интересные темы и объяснять их в небольших видео. Это будет полезно многим, в том числе и мне. Так как для того, чтобы записать хорошее видео нужно углубиться, подготовить материал, написать сценарий. Это сильно прокачивает и укрепляет знания. Поэтому буду разбавлять контент JavaScript-ом. А то один React на канале.
Накидайте идей для первого видео 👇👇👇
👍6🔥4💯2
Что добавим в приложение React Новости?
Anonymous Poll
14%
Отдельная страница для поиска
15%
Вынести в UI папку все кнопочки, инпуты и тд
27%
Авторизация Firebase Auth
6%
Страница погоды API open weather
6%
Страница Курс крипты API
3%
Страница курс акций API
6%
Страница Что посмотреть API фильмы
9%
Фильтрация новостей по дате
15%
Сохранение новостей в избранное, Local Storage
Получить значение cookie в браузере
Значение cookie можно извлечь, обратившись к document.cookie
Этот код может пригодиться в разработке веб-приложений на стороне клиента для извлечения значений определенных cookies, сохраненных в браузере пользователя. Это может быть полезно в различных сценариях, например:
- Аутентификация и сессии
- Персонализация
- Трекинг и аналитика
- Рекламные кампании
#cookie #solution
Значение cookie можно извлечь, обратившись к document.cookie
Этот код может пригодиться в разработке веб-приложений на стороне клиента для извлечения значений определенных cookies, сохраненных в браузере пользователя. Это может быть полезно в различных сценариях, например:
- Аутентификация и сессии
- Персонализация
- Трекинг и аналитика
- Рекламные кампании
#cookie #solution
👍10
Преобразование RGB в HEX
Чтобы преобразовать значения RGB (Красный, Зеленый, Синий) в их соответствующее шестнадцатеричное представление, можно использовать функцию rgbToHex. Этот метод особенно полезен в:
- Веб-разработка
- Игровая разработка
- Мобильная разработка
#rgb #hex #JavaScript #solution
Чтобы преобразовать значения RGB (Красный, Зеленый, Синий) в их соответствующее шестнадцатеричное представление, можно использовать функцию rgbToHex. Этот метод особенно полезен в:
- Веб-разработка
- Игровая разработка
- Мобильная разработка
#rgb #hex #JavaScript #solution
👍7🔥4
Новости YeaHub
У нас уже есть прототип дизайна, примерные блоки и текст. Добиваем оставшиеся блоки, улучшаем структуру, определяемся с визуалом.
Создание дизайна достаточно сложная работа, нужно все продумать, определиться с контентом и стилем... Скоро представлю вам дизайн нашей платформы
Так же к нам в команду присоединился Senior Backend Разработчик. Он возглавит команду Backend Разработчиков.
Так же веду переговоры с еще одним опытным специалистом. Хочу чтобы он возглавил отдел Дизайнеров.
Все эти 1,5 месяца для меня были сложными. Очень много дел и работы. Работал с утра до ночи. И наконец, основные идеи, структура, план и тд я собрал в общую картину. Теперь надеюсь, что ребята меня разгрузят и мы вместе будем строить нашу Open Source Платформу YeaHub!
#yeahub
У нас уже есть прототип дизайна, примерные блоки и текст. Добиваем оставшиеся блоки, улучшаем структуру, определяемся с визуалом.
Создание дизайна достаточно сложная работа, нужно все продумать, определиться с контентом и стилем... Скоро представлю вам дизайн нашей платформы
Так же к нам в команду присоединился Senior Backend Разработчик. Он возглавит команду Backend Разработчиков.
Так же веду переговоры с еще одним опытным специалистом. Хочу чтобы он возглавил отдел Дизайнеров.
Все эти 1,5 месяца для меня были сложными. Очень много дел и работы. Работал с утра до ночи. И наконец, основные идеи, структура, план и тд я собрал в общую картину. Теперь надеюсь, что ребята меня разгрузят и мы вместе будем строить нашу Open Source Платформу YeaHub!
#yeahub
🔥10👍3💯1
Копировать в буфер обмена
Чтобы скопировать текст в буфер обмена с помощью JavaScript и использовать navigator.clipboard.writeText, вы можете создать функцию copyToClipboard. Это полезно когда нужно скопировать одним нажатием:
- Формы и ввод данных
- Поделиться ссылками
- Кодовые сниппеты и конфигурации
- Купоны и промокоды
#navigator #copyToClipboard #JavaScript #solution
Чтобы скопировать текст в буфер обмена с помощью JavaScript и использовать navigator.clipboard.writeText, вы можете создать функцию copyToClipboard. Это полезно когда нужно скопировать одним нажатием:
- Формы и ввод данных
- Поделиться ссылками
- Кодовые сниппеты и конфигурации
- Купоны и промокоды
#navigator #copyToClipboard #JavaScript #solution
👍8