🖥 Взгляд на асинхронность в JavaScript: роль Event Loop, промисов и async/await

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

⏩Порядок такой: начнем с изучения роли Event Loop — механизма, ответственного за управление выполнением асинхронного кода. Затем мы перейдем к рассмотрению микро- и макро-задач, которые играют важную роль в управлении порядком выполнения операций. После этого мы ознакомимся с промисами и синтаксическим сахаром async/await, которые значительно упрощают работу с асинхронным кодом и делают его более читаемым и понятным.

Уверен, будет полезно
📎 Статья

@javascriptv

🖥 Симуляция простейшей жизни на JavaScript

Игра «Жизнь» Конвея на максималках

📎 YouTube
📎 Проект на GitHub

@javascriptv

🖥 Подборка репозиториев GitHub для разработчиков JavaScript

Алгоритмы
Полный список алгоритмов и структур данных на JavaScript с объяснениями и примерами. Содержание организовано по уровню подготовки: B (начинающий) и A (продвинутый).
🖥 GitHub

Лучшие практики работы с Node
Node JS - одна из наиболее широко используемых технологий в отрасли. Репозиторий ниже содержит актуальный список лучших практик, которым вы можете следовать.
🖥 GitHub

33 концепции JS
Репозиторий описывает: "33 концепции JavaScript, которые должен знать каждый разработчик". Ссылки, видео, статьи или книги поддерживают эти концепции.
🖥 GitHub

Чистый код JavaScript
В мире программирования существует известная книга под названием "Чистый код". Данное хранилище является адаптацией этих концепций чистого кода, но для JavaScript.
🖥 GitHub

Изобретательный NodeJS
Этот репозиторий GitHub содержит список инструментов, пакетов, учебников, статей, видео и многого другого для вашего следующего проекта Node.
🖥 GitHub

Шпаргалка по современному JS
Определенно, это тот репозиторий, который можно добавить в закладки и обратиться к нему позже, когда возникнет необходимость.
🖥 GitHub

Лучшие методы тестирования JavaScript
Обновленный, полный список лучших практик для написания тестов на JavaScript и Node JS.
🖥 GitHub

@javascriptv

🖥 Шаблон декомпозиции Model-View-ViewModel

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

// View
<li class="User_card" model="User_card_model">
  <img src={ image } />
  <p>{ message }</p>
</li>

// ViewModel
class User_card_model {
  user = User.current
  get image() {
    return this.user.avatar
  }
  get message() {
    return this.user.nickname
  }
}

// Modelhttps://habrastorage.org/getpro/habr/upload_files/184/ef6/b75/184ef6b7510290ecd0acc360ed78df5b.png
class User {
  avatar: string
  nickname: string
  static current = new User
}

Плюсы:
— Отображение может использовать произвольные вьюмодели.
— Легко добавлять новые отображения, не меняя ни модели, ни вьюмодели.
— Изменение интерфейса модели или отображения требует изменения только лишь вьюмодели.
— Одну и ту же вьюмодель можно шарить между несколькими отображениями.

Минусы:
— Для отображения разных моделей необходимо дублировать код отображения и вьюмодели.
— Трёх слоёв слишком мало на больших масштабах.

📎 Читать подробнее

@javascriptv

👩‍💻 Большая подборка вопросов с собеседований Vue.js


• 50+ основных вопросов и ответов на собеседовании по Vue.js: от простого до продвинутого
• Список из 300 вопросов и ответов для интервью по VueJS ru
• List of 300 VueJS Interview Questions And Answers en
• Топ-100s Вопросов с собеседований Vue.js
• Собеседование на Vue js разработчика. 50 вопросов для подготовки к собеседованию по Vue.
• Открытое собеседование Vue.js | Junior Frontend-разработчик
• Vue.js вопросы с собесов.
• Публичное собеседование фронтендера на Vue с компанией Timeweb Cloud

🔥 Делитесь подборкой с коллегами, набираем 100 лайков и выкладываем подборку по Angular.

Прошлые подборки:
- 100 вопросов по React для подготовки к собеседованию
- Большая подборка вопросов с собеседований: Frontend, Javascript, React, Vue и многое другое.

@javascriptv