Ходячий замок Хаула своими руками

Нечасто встретишь такие объемные проекты на codepen. Сделан он при помощи библиотеки TweenMax. Посмотреть код можно тут.

#codepen

Вы знали, что в CSS можно настроить поворот блока с помощью блока значения turn?

Так 1turn = 360deg, просто используйте то, что больше нравится!

#советы #css

Headless Component: паттерн для создания пользовательских интерфейсов React

По мере усложнения UI-элементов React сложная логика может переплетаться с визуальным представлением. Из-за этого становится сложнее понять поведение компонента, тестировать его, а также создавать аналогичные компоненты, которым нужен другой внешний вид. Headless компонент извлекает всю невизуальную логику и управление состоянием, отделяя «мозг» компонента от его внешнего вида.

Подробнее об этом подходе в статье: https://martinfowler.com/articles/headless-component.html

#react

За пределами NPM: выбираем зависимости с умом

Немногие фронтенд-проекты обходятся без внешних зависимостей. Выбор зависимостей должен быть осознанным и вдумчивым процессом: неудачные решения могут привести к ухудшению UX и даже юридическим последствиям.

В этой статье рассматриваются несколько инструментов, которые помогут вам с выбором.

#npm

Какие технологии выбрать в 2025-м для фронтенда

Что нужно изучать и использовать для разработки логики приложения, для стилизации? А что для сопутствующего инструментария?

Разобрались в этом видео.

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

Как вычислить тимлида на созвоне

​Как использовать 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