​Как использовать React в приложениях Angular

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

О том, как это сделать:

https://nuancesprog.ru/p/16840/

#react #angular

CSS Reset, который действительно работает

Забудьте про устаревшие сбросы стилей. Josh Comeau предлагает современный подход к CSS Reset, который улучшает как пользовательский опыт, так и процесс написания кода.

Подробнее в статье.

#css

Насколько хорошо вы знаете фреймворки Java?

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

Попробуйте справиться с ней в нашем квизе.

#квиз #java

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