🙂 Как на самом деле работает async и await

Многие используют эти конструкции, совершенно не понимая, что там под капотом. Давайте разберёмся, как работают эти конструкции и почему именно они делает твой код чище и понятнее.

⭐ Что такое async и await

• async: ключевое слово перед функцией делает её асинхронной. Это означает, что она всегда возвращает промис, даже если вы явно не указали это.

Например:

async function fetchData() {
return "Данные получены";
}

fetchData().then(console.log); // Выведет: "Данные получены"

await: используется внутри асинхронной функции. Заставляет код «подождать» завершения промиса, после чего возвращает его результат.

async function fetchData() {
let promise = new Promise((resolve) => {
setTimeout(() => resolve("Данные получены"), 2000);
});

let result = await promise;
console.log(result); // Выведет: "Данные получены" через 2 секунды
}

fetchData();

⭐ Что используется для обработки ошибок

Стандартный блок try...catch:

async function fetchData() {
try {
let response = await fetch('https://api.example.com/data');
let data = await response.json();
console.log(data);
} catch (error) {лол
console.error('Ошибка:', error);
}
}

fetchData();

⭐ Преимущества использования async/await

• Упрощение кода: асинхронный код становится более читаемым и похожим на синхронный, что облегчает его понимание и поддержку.

• Избегание «адской пирамиды колбэков»: async/await помогает избежать глубокой вложенности, характерной для колбэков.

Этот подход упрощает работу с промисами и делает код более линейным и читаемым.

🐸Proglib Academy

#буст

😤 Коллеги, будьте искренними — только так можно добиться настоящего роста.

🐸Proglib Academy

#развлекалово

🤖💻😎 Вайб-кодинг: что это и как к нему относятся IT-специалисты и работодатели

97% программистов уже пробовали ИИ для написания кода. Но где грань между продуктивной помощью и потерей контроля над продуктом? Упрощает ли вайб-кодинг жизнь джунам или затрудняет их развитие? И главное — как к такому подходу относятся айтишники и их работодатели?

👉 В статье постараемся разобраться, что такое вайб-кодинг на самом деле, в чем его плюсы и минусы, и почему вокруг него сейчас столько разговоров

🐸Proglib Academy

#буст

🚀 Что нужно знать и уметь фронтенд-разработчику, чтобы не потеряться в 2025 году

Если хочешь оставаться востребованным фронтендером в 2025-м, готовься — лёгких путей не будет, но и ничего невозможного. Вот что действительно стоит держать под контролем:

➖ Современный JavaScript и TypeScript
Знать просто «JS» уже не прокатит. Освой новые фичи, пиши на TypeScript — он как злобный преподаватель: сначала бесит, потом понимаешь, зачем он нужен.

➖ Фреймворки — React, Angular, Vue
React до сих пор в топе, особенно с его Server Components. Если проект серьёзный — там точно что-то из этого используется. Ну или хотя бы Tailwind + React как минимум.

➖ SSR и SSG
Next.js или Nuxt.js — must-have. Умеешь делать серверный рендеринг и статическую генерацию? Значит ты не просто фронтендер, а оптимизатор SEO, лорд скорости загрузки и повелитель ботов Google.

➖ ИИ — не только хайп
GitHub Copilot, Codeium, ChatGPT-плагины — всё это твои новые тиммейты. Нет, они не отнимут работу. Но если ты не будешь с ними работать — отнимут.

➖ PWA — приложения, которые живут в браузере, но выглядят как нативные
Офлайн-режим, пуши, лайк от Google — делай как надо, и пользователи вернутся даже без интернета.

➖ WebAssembly (Wasm)
Нужен супер-перформанс? Подключи Wasm и пусть браузер дышит на полную. Особенно если ты делаешь что-то около AI, 3D или визуализации.

➖ Дизайн-системы
Делай не просто «чтобы работало», а «чтобы было консистентно и красиво». Компоненты, переиспользование, UI-киты — это как чистая кухня: никто не видит, но все кайфуют.

➖ Accessibility (A11y)
В 2025 году делать недоступные сайты — всё равно что выпускать VHS-кассеты. Не игнорь эту тему, будь профи.

Скучно точно не будет 🙂

P.S. Если хотите получить полный комплекс знаний по фронту, то у нас есть курс: Frontend Basic: принцип работы современного веба

🐸Proglib Academy

#оффер_мечты

🏃‍♀️ Новый поток курса — собери своих AI-агентов

7 октября стартует второй поток курса «AI-агенты для DS-специалистов».
За 5 недель вы научитесь собирать агентов, которые уже сейчас будут помогать бизнесу.

В кружке выше Максим Шаланкин, наш преподаватель, рассказывает подробнее — включай, чтобы не пропустить.

👉 Записаться на курс