CodeRoll | Frontend

Взгляд на асинхронность в JavaScript: роль Event Loop, промисов и async/await В этой статье мы сосредоточимся на ключевых элементах асинхронного программирования в JavaScript: Event Loop, микро и макро задачи, Event Bus, промисы и синтаксический сахар async/await. Разберемся, как эти концепции взаимодействуют между собой и как их использование помогает нам создавать более эффективные и отзывчивые веб-приложения. Ссылка #статьи

Материалы из этого канала дают на платных курсах Frontend Portal — настоящий портал для тех кто хочет стать востребованным frontend-разработчиком. Полезные ресурсы, шпаргалки, разбор вопросов с собеседований, задачи, викторины и многое другое 👉 Присоединяйтесь к @FrontendPortal и станьте частью дружного frontend-комьюнити!

Пояснение к предыдущему посту ? позволяет нам дополнительно получить доступ к более глубоким вложенным свойствам внутри объектов. Мы пытаемся зарегистрировать элемент с индексом 1 в подмассиве с индексом 1 массива fruits. Если подмассив с индексом 1 в массиве fruits не существует, он просто вернет undefined. Если подмассив с индексом 1 в массиве fruits существует, но в этом подмассиве нет элемента с индексом 1, он также вернет значение undefined. Во-первых, мы пытаемся зарегистрировать второй элемент в ['🍍'] подмассива [['🍊', '🍌'], ['🍍']]. Этот подмассив содержит только один элемент, что означает, что в индексе 1 нет элемента, и возвращает значение undefined. Затем мы вызываем функцию getFruits без передачи значения в качестве аргумента, что означает, что fruits по умолчанию имеет значение undefined. Поскольку мы условно связываем элемент с индексом 1 массива fruits, он возвращает значение undefined, поскольку этот элемент с индексом 1 не существует. Наконец, мы попытаемся зарегистрировать второй элемент в ['🍊', '🍌'] подмассива ['🍍'], ['🍊', '🍌']. Элемент с индексом 1 в этом подмассиве — 🍌, который регистрируется.

Кеширование next.js. Дар или проклятие В 13 версии команда next.js представила новый подход к проектированию приложения - так называемый App Router. В 14 версии его сделали стабильным и основным для новых приложений. App Router значительно расширяет функционал next.js - частичный пререндеринг, шаблоны, параллельные и перехватываемые роуты, серверные компоненты и многое другое. Однако, даже несмотря на все эти улучшения - далеко не все решили перейти на App Router. И на это есть свои причины. Ссылка #статьи

Как создать консалтинговый бизнес с доходом 500к за 60 д Открой свой маркетинг-консалтинговый бизнес с 0 за 60 дней - Без команды - Без стартовых вложений - С долгим циклом жизни клиента (от 3х месяцев) - Без необходимости уходить с работы - Тратя по 2 часа Я записал бесплатный курс Урок 1 Что такое маркетинговый консалтинг. Кто такой маркетолог-стратег. Как устроено ценообразование в консалтинге. Урок 2 Что такое Эталонная Модель Маркетинга. Как увеличить прибыль клиенту. Как найти клиента и продать ему свой консалтинг. Урок 3 Как устроена система продаж консалтинга. Как себя позиционировать, чтобы клиент платил большой чек. Как продавать консалтинг (2х- ходовая рабочая модель). Урок 4 Как и где искать клиентов на консалтинг. Бесплатные способы. Платные способы. Урок 5 Дорожная карта. Пошаговый план действий. Смотреть #реклама 16+ lp.emm.ms О рекламодателе

className убивает ваш UI kit UI kit играет важную роль в разработке веб-интерфейсов. Он представляет собой набор компонентов и стилей. Основная ценность его использования - это экономия времени. Вместо того, чтобы создавать каждый элемент с нуля, разработчики могут использовать уже готовые элементы, что ускоряет процесс разработки. Ссылка #статьи

Как интернет-магазину увеличить доход в 2 раза Узнайте, как с помощью медийных инструментов Яндекса выстроить качественное взаимодействие с пользователями на всех этапах воронки и - на 21% увеличить количество брендовых запросов в Поиске - на 11% вырастить посещаемость интернет-магазина - в 2 раза повысить доход Подробнее о тактике кампании и о том, как медийная реклама повлияла на контекстное размещение, в кейсе по ссылке: Узнать больше #реклама yandex.ru О рекламодателе

Пояснение к предыдущему посту Условие if внутри цикла forEach проверяет, является ли значение num истинным или ложным. Поскольку первое число в массиве nums равно 0, то есть ложное значение, блок оператора if не будет выполнен. count увеличивается только для остальных 3 чисел в массиве nums: 1, 2 и 3. Поскольку count увеличивается на 1 3 раза, значение count равно 3.

Изучаем WebRTC на практике: Лучшие инструменты и демо В этой статье(или дайджесте) я поделюсь ключевыми инструментами, демонстрационными приложениями и открытыми проектами, незаменимыми для практического понимания WebRTC. Здесь не будет туториалов или подробных объяснений о той или иной части WebRTC, а скорее некий дайджест ресурсов, которые помогут лучше разобраться в теме. Если вы работаете с этой технологией уже какое-то время, вряд ли вы найдете что-то новое для себя. Ссылка #статьи

Вы откликаетесь на миллион вакансий в день, выполняете тестовые задания, ходите на собеседования, но как итог не имеете ни одного оффера. Звучит знакомо? 🥺 Эту систему можно хакнуть! Главное — 1️⃣ Научиться правильно презентовать свой опыт 2️⃣ Выписать вопросы, которые чаще всего задают на собеседованиях и потренироваться отвечать на них 3️⃣ Понять, как мыслят проверяющие при оценке тестового задания, на что важно обратить внимание при его решении 4️⃣ Определить, на прокачке каких навыков нужно сфокусироваться в первую очередь. С этими задачами помогут наши партнеры — Solvery. На следующей неделе ребята проводят Frontend Fest по трудоустройству! 📆 Расписание феста: 25.03 в 18:30 — Из чего состоит получение оффера? Необходимые скиллы, советы по резюме и воронка найма 26.03 в 19:00 — Разбор решений тестового задания 27.03 в 19:00 — Моковое собеседование по JavaScript 28.03 в 19:00 — Разбор резюме Переходите по ссылке, чтобы зарегистрироваться на фест!

Пояснение к предыдущему посту Ключевое слово const просто означает, что мы не можем повторно объявить значение этой переменной, оно доступно только для чтения. Однако само значение не является неизменным. Свойства массива emojis можно изменить, например, добавив новые значения, объединив их или установив длину массива на 0.

Готовимся к вопросам по вёрстке на интервью Frontend-разработчика: свойство display За свою карьеру у меня было достаточно много собеседований. Конечно, одной из основных тем вопросов была вёрстка. Немного похвалюсь. Не было вопроса, на который я не ответил. Недавно у меня появилось желание снова проверить себя и показать сообществу свои ответы на самые популярные вопросы по вёрстке. Может же быть так, что мои ответы были неполными или некорректными. Если это так, то я научусь новому. А если всё хорошо, то они помогут другим людям в подготовке к собеседованию. Кажется, это в любом случае будет полезно. Ссылка #статьи

Пояснение к предыдущему посту Чтобы выполнить итерацию по members в каждом элементе массива teams, нам нужно передать teams[i].members в функцию генератора getMembers. Функция генератора возвращает объект генератора. Чтобы перебрать каждый элемент в этом объекте-генераторе, нам нужно использовать yield*. Если бы мы написали yield, return yield или return, вся функция генератора была бы возвращена при первом вызове метода next.