Как работать с массивами: часть 2 🌿

Продолжаем серию постов про методы массивов в JS!

На этот раз мы решили поподробнее остановиться на одном методе — forEach(). Повторяем метод, который любят составители задач на собеседованиях, и ловим спойлеры в коде.

Читайте подробнее на карточках ☝️

#af_hard

История из жизни фронтендера 💭

Обновления — почти всегда великое благо. Но сегодня мы не будем рассуждать о синдроме утёнка: наш новый фронтендер делится своей небольшой болью.

Делитесь в комментариях своей болью на фронтендерском пути — такие вещи стоит обсуждать вместе с коллегами по несчастью 🤓

#af_meme
#af_hard

Как вы это делаете 🤔

Спросили у нашего frontend-сообщества, какие инструменты помогают разработчикам Альфа-Банка решать свои задачи быстро и качественно.

На карточах вы найдёте первую часть подборки, а вторую ищите в канале Alfa Digital  ❤️

#af_hard

Делаем свой код надёжнее 😎

О TypeScript много кто слышал, но мало кто знает, как к нему правильно подступиться. В своей свежей статье Александр Чернов, frontend-разработчик, рассказывает о том, что такое TypeScript, зачем он нужен и как с ним работать.

Читайте полную статью на Хабре, чтобы узнать больше нюансов и отдельных кейсов по его использованию!

#af_hard

Как эффективно использовать BDUI во фронтенде 🤩

Завершаем неделю ещё одной статьёй! Никита Мамизеров, frontend-разработчик, в своём материале делится личным опытом работы с BDUI. На карточках пересказали основные принципы подхода, его преимущества и недостатки.

А чтобы погрузиться в особенности реализации BDUI в проекте, читайте полную статью — это можно сделать на Хабре по ссылке 🤩

#af_hard

Работа с цепочками промисов ⚛️

Сегодня поговорим об очень эффективном и мощном инструменте для фронтендеров — промисах. Что это такое? Для чего их можно использовать? И какие преимущества они дают?

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

#af_hard

Что нового появилось в NodeJS? ⚛️

NodeJS — серверная платформа, позволяющая запускать JavaScript код не только в браузере, но и на любом устройстве. Что же нового в последних версиях? Кирилл Скворцов, фронтенд-разработчик в Альфа-Банке, подробнее разбирает последние обновления на карточках.

Рассказывайте в комментариях, пользуетесь ли вы в работе NodeJS или предпочитаете его конкурентов — Deno и Bun? И не забывайте делиться своими впечатлениями по поводу обновлений в NodeJS!

#af_hard

Основы по async/await 🤩

Сегодня поговорим о специальном синтаксисе для работы с промисами — async/await.

На карточках подробнее рассказываем о том, что же это такое и как с этим работают. Листайте их, чтобы рассмотреть наши примеры использования async/await!

#af_hard

Вперед в прошлое 🤩

Задавались ли вы вопросом, как появились инструменты и технологии, которыми фронтендеры пользуются на ежедневной основе?

Алексей Вечканов, frontend-разработчик, ныряет глубже в эту тему и в своём лонгриде рассказывает про историю Vi и Vim. В материале вы найдёте максимально подробную и интересную историю первых разработок визуальных редакторов, а также их дальнейшую эволюцию. На карточках кратко пересказали основные тезисы ☝️

Читайте статью полностью на Хабре!

#af_hard

Особенности WeakMap и WeakSet 🤩

Сегодня обсудим WeakMap и WeakSet — структуры, созданные для работы с объектами.

На карточках разбираем, в чём заключаются отличия от обычных Map и Set, а также какие есть особенности и ограничения их использования. Читайте их и разбирайтесь на наших практических примерах!

#af_hard

Пробежимся по базе: рендеринг в React 🤩

Сегодня предлагаем вспомнить основы — поговорим про React. Как React обновляет интерфейс? Почему рендеринг не равен обновлению DOM? Если не понимать этих вещей, легко сделать код медленным и нестабильным.

Разбираемся на карточках, что такое рендеринг, как он работает и как его не сломать.

#af_hard

Как правильно работать с мусором в JS 🗑

Сегодня обсудим Garbage Collector — один из сборщиков мусора, помогающий автоматически освобождать память.

Рассказываем, в чём заключаются его особенности, как правильно работать с ним и какие неочевидные трудности могут возникнуть при его использовании. Обо всём этом читайте на карточках ☝️

#af_hard

➿➿➿➿➿➿

@alfa_frontend — сообщество фронтендеров: делимся новым, обмениваемся опытом и проводим митапы

Ошибки в работе с памятью 🧠

Утечками памяти в JS называют ситуации, когда JS неправильно управляет памятью: объекты, которые больше не нужны, не удаляются сборщиком мусора (GC). В результате приложение тормозит, крашится или «ест» гигабайты RAM.

Почему это происходит? Как отслеживать утечки и бороться с ними? Обо всём этом подробнее разбираемся на карточках.

#af_hard

➿➿➿➿➿➿

@alfa_frontend — сообщество фронтендеров: делимся новым, обмениваемся опытом и проводим митапы

Дайджест по RAIL для фронтендеров 🤩

RAIL (с англ. рельс) — это пользователецентричная модель для определения целей по производительности. Модель разбивает пользовательский опыт на ключевые действия и помогает определить цели производительности для каждого из них.

Разбираемся на карточках, как расшифровывается каждая составляющая термина, что в них входит, и делимся примерами.

#af_hard

➿➿➿➿➿➿

@alfa_frontend — сообщество фронтендеров: делимся новым, обмениваемся опытом и проводим митапы

Новинки в TypeScript: часть 1 🤩

Узнали у Кирилла Скворцова, фронтенд-разработчика в Альфа-Банке, о том, какие изменения произошли в TypeScript за последние несколько месяцев.

Сегодня на карточках рассказываем об обновлении 5.6 и о его особенностях — а в следующем поговорим уже про версии 5.7 и 5.8.

Делитесь в комментариях, какой версией TypeScript вы пользуетесь сейчас 🤩

#af_hard

➿➿➿➿➿➿

@alfa_frontend — сообщество фронтендеров: делимся новым, обмениваемся опытом и проводим митапы

О работе V8 🤩

Задумывались ли вы над тем, через какие этапы работы проходит ваш код внутри V8? Эдмон Нарметов, frontend-разработчик Альфа-Банка и автор телеграм-канала JavaScript Adept, в своём материале подробно делится главными особенностями его функционирования.

На карточках вас ждут тезисы по лексическому и синтаксимескому анализам, работе PreParser и Parser. Читайте статью целиком на Хабре!

#af_hard

➿➿➿➿➿➿

@alfa_frontend — сообщество фронтендеров: делимся новым, обмениваемся опытом и проводим митапы

Ликбез по Astro JS 😎

Представьте, что вы создаёте сайты, где важна скорость отдачи, SEO оптимизация и минимальный объём клиентского JS. Представили? А сейчас мы ещё и расскажем про простой, но мощный инструмент, который поможет вам это сделать.

Astro JS — это web-фреймворк для статической генерации сайтов, ориентированный на производительность. Илья Туров, frontend-разработчик в Альфа-Банке, на карточках рассказывает об основных принципах работы с ним.

Astro особенно хорошо подойдёт техническим писателям для быстрого создания страниц с документацей и разработчикам, которые создают статичные и контентно-ориентированные сайты, где SEO и время первой отрисовки критичны.

А как вы используете Astro в работе? Делитесь в комментариях 🚀

#af_hard

➿➿➿➿➿➿

@alfa_frontend — сообщество фронтендеров: делимся новым, обмениваемся опытом и проводим митапы

Новинки в TypeScript: часть 2 ⚡️

Кирилл Скворцов, фронтенд-разработчик в Альфа-Банке, продолжает рассказывать о последних обновлениях в TypeScript.

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

#af_hard

➿➿➿➿➿➿

@alfa_frontend — сообщество фронтендеров: делимся новым, обмениваемся опытом и проводим митапы