10 JavaScript трюков, которые стоит знать в 2025 году

Независимо от того, являетесь ли вы новичком или опытным разработчиком, знание этих приёмов поможет вам в программировании и сделает ваши приложения более эффективными и надёжными.

Здесь от optional chaining до деструктуризации с умолчаниями — эти приёмы помогут писать более чистый и эффективный код.

#javascript

Изучаем JavaScript, создавая игру

Погрузитесь в JavaScript, создавая 2D-игру с нуля. Этот бесплатный курс поможет вам освоить основы программирования через практику.

#javascript #gamedev

Преобразуйте JavaScript-код в блок-схемы

Библиотека js2flowchart позволяет автоматически создавать SVG-схемы из вашего кода. Отличный инструмент для визуализации логики и документации.

Сохраняйте, чтобы не потерять!

#javascript #библиотека #инструменты

Как коммитить так, чтобы ваш код принимали мейнтейнеры

За годы существования опенсорса сформировались свои правила игры — как вносить изменения, общаться с комьюнити и развивать проект так, чтобы это приносило пользу всем участникам.

В этой статье разработчик Юрий Пузыня из Diplodoc рассказывает об инсайтах, которые позволили ему вырасти из контрибьютора до мейнтейнера проекта. Здесь про важность тестов, искусство коммуникации в опенсорсе и почему «всё сломано» — худший способ завести issue. Обратите внимание на программу контрибьюторов в конце статьи.

CSS Grid против Flexbox: что выбрать?

На первый взгляд, эти два инструмента делают одно и то же. Однако между ними есть определённые различия. Что же из этого лучше?

Чтобы разобраться в этом, появилась целая статья, в которой рассмотрена каждая из этих моделей компоновки.

#css

Old But Gold: создаём полноценную браузерную игру на TypeScript

Делимся 2-часовым гайдом по созданию 2D-платформера на TypeScript: https://www.youtube.com/watch?v=R6WvJOiX99s

#typescript #gamedev

Просто напоминаем, как правильно произносить названия популярных языков

Ваш первый проект на Angular: пошаговый видеокурс для начинающих

Небольшая серия видео для бережного погружения в Angular. Шаг за шагом вы научитесь создавать компоненты, настраивать маршрутизацию, работать с формами и другими основами фреймворка. К концу курса у вас будет простое приложение на Angular и понимание его ключевых концепций.

https://www.youtube.com/playlist?list=PL0lO_mIqDDFX2CXg7tZvmsY48-R5UvQ1V

А вы пробовали писать на Angular или предпочитаете другие фронтенд-фреймворки?

#angular@tproger_web #фронтенд@tproger_web

Микросервисы. Исследование кухни

Что такое микросервисная архитектура и в чём её плюсы и минусы? Эта статья объясняет концепцию микросервисов простым языком. Вы узнаете, почему монолитные приложения – это не всегда плохо, когда стоит (и не стоит) переходить на микросервисы, а также какой технологический стек используется при таком подходе. Отличное введение в архитектуру, которая изменила мир бэкенд-разработки.

А вы за монолит или микросервисы?

#микросервисы@tproger_web #бэкенд@tproger_web

Тут Контур.Толк запустил резюме встреч

Это сервис коммуникаций, который объединяет встречи, чаты, доски и вебинары. Теперь Толк сам генерирует саммари созвона, нужно только включить запись.

Работает это так: после встречи ИИ обрабатывает запись, создает расшифровку и анализирует содержание беседы. Затем создается краткий пересказ разговора.

Пользователи, которые уже используют резюме, отметили — на подведение итогов созвона нужно в 3 раза меньше времени: в среднем 8 минут вместо получаса.

Фича уже доступна всем пользователям. Чтобы протестировать, переходите и регистрируйтесь в Толке. Подробнее о релизе в статье.

А новость еще раз доказывает, что ИИ забирает не работу, а рутинную часть. Хоть нейронка и написала, о чем договорились на встрече, задачи все равно делать самим.

Инструмент уже доступен. Регистрируйтесь в Толке и тестируйте обновление — это бесплатно.

Это #партнёрский пост

Vue.js с нуля: бесплатный курс из 34 уроков

Обучающий курс по Vue 3, который охватывает всё необходимое для уверенного старта. Вы начнёте с базовой установки и синтаксиса, разберётесь с компонентами и директивами, освоите двунаправленное связывание данных (v-model) и другие ключевые возможности Vue. Пошаговый формат позволит плавно пройти путь от новичка до создания собственного приложения на Vue.js.

#vue@tproger_web #фронтенд@tproger_web

Уволился с позиции тимлида и снова стал разработчиком

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

А вы бы решились на такой шаг?

Responsive Web Design – курс от freeCodeCamp

Учитесь делать сайты, которые красиво выглядят на любом устройстве. Адаптивная вёрстка, семантика, формы и стили – всё с практикой прямо в браузере. Курс на английском, но очень доступный.

#курс

7 полезных советов для начинающих веб‑разработчиков

Автор сегодняшнего материала делится советами о выборе направления, способах обучения, работе с заказчиками и другими нюансами, с которыми сталкивается каждый новичок в веб‑разработке. Читается легко и мотивирует развиваться дальше.

#веб #советы

Bun – быстрый JS-рантайм, который заменит Node.js?

Познакомьтесь с Bun — движком выполнения JavaScript, который набирает популярность благодаря своей скорости. Он совмещает в одном инструменте сервер, менеджер пакетов и сборщик, работая значительно быстрее привычного Node.js-стека.

В статье рассказывается, зачем появился Bun, какие проблемы он решает и как начать его использовать. Статья не новая, но очень хорошая для первого знакомства.

Как считаете, вытеснит ли Bun привычный Node.js? Пробовали уже в своих проекте?

#javascript@tproger_web #nodejs@tproger_web #bun@tproger_web

AI для фронтенда: модели для генерации интерфейса

Если научиться работать с ИИ-моделями, даже начинающий разработчик сможет перепрыгнуть с уровня «кодер кнопок» до «архитектор интерфейсов». AI-генерация интерфейсов становится рабочим инструментом. Можно конвертировать текст и даже рисунок от руки в готовый HTML/CSS/JS код. Без выравнивания пикселей и утомительной верстки однотипных элементов.

Рассказываем про сценарии взаимодействия с AI-сервисами среди веб-разработчиков.

#ии #фронтенд

GraphQL на практике: создаём реальный чат с Apollo Server и React

Практический проект: создаём чат-приложение с помощью GraphQL, Apollo Server, WebSocket и React. Полный цикл — от бекенда до фронтенда, в реальном боевом примере.

Если вам, конечно, не лень этим заниматься на майских😅

#graphql@tproger_web #react@tproger_web

Праздники праздниками, но отдыхают не все...

Давайте поддержим лайком тех бедняг, которые работают даже сегодня. Или накидайте им фотки шашлыков в комментарии, пусть хоть так на них посмотрят.

💔 — я тот самый трудяга
🗿 — а я работаю... на огороде

У нас на сайте вышел квиз, который поможет понять какой вы шашлычный NPC на майских.

Я оказался закусочным продактом. А кто вы? Присылайте скриншоты со свими ролями в комменты.

Old but gold: ​Как ускорить таблицу на React в 1000 раз, изменив одну строку

JP Camara, главный инженер Wealthbox, в своём блоге поделился интересным опытом ускорения TanStack Table — новой версии React-библиотеки для создания функциональных таблиц — аж до 10 мс. Делимся с вами ссылкой на перевод его статьи:

https://habr.com/ru/companies/netologyru/articles/750246/

#react