Forwarded from Инструменты программиста
superblocks.com | ИИ-монстр для разработки веб-приложений
Воистину Agentic Access — новый тренд 2025 года. Компании одна за одной «не могут победить [GPT], потому возглавляют" движение ПО, с которым можно общаться промтами. На сей раз SuperBlocks представляет собой не просто конструктор прототипов, но способ сразу:
— спроектировать MVP на React с Cursor / Windsurf;
— подвести базу данных или другой инструмент из десятков доступных;
— настроить SSO и разрешения;
— задеплоить на поддомене superblocks.com;
— поработать над безопасностью и тонны других возможностей.
Инструмент-победитель в номинации «Сохранятор времени кодера» ⏳
Краткий обзор на замедленотьюбе
Цена: бесплатно
Сайт проекта
@prog_tools
Воистину Agentic Access — новый тренд 2025 года. Компании одна за одной «не могут победить [GPT], потому возглавляют" движение ПО, с которым можно общаться промтами. На сей раз SuperBlocks представляет собой не просто конструктор прототипов, но способ сразу:
— спроектировать MVP на React с Cursor / Windsurf;
— подвести базу данных или другой инструмент из десятков доступных;
— настроить SSO и разрешения;
— задеплоить на поддомене superblocks.com;
— поработать над безопасностью и тонны других возможностей.
Инструмент-победитель в номинации «Сохранятор времени кодера» ⏳
Краткий обзор на замедленотьюбе
Цена: бесплатно
Сайт проекта
@prog_tools
👍3🤩2❤1🤔1
This media is not supported in your browser
VIEW IN TELEGRAM
Ходячий замок Хаула своими руками
Нечасто встретишь такие объемные проекты на codepen. Сделан он при помощи библиотеки TweenMax. Посмотреть код можно тут.
#codepen
Нечасто встретишь такие объемные проекты на codepen. Сделан он при помощи библиотеки TweenMax. Посмотреть код можно тут.
#codepen
❤14🔥10
This media is not supported in your browser
VIEW IN TELEGRAM
Вы знали, что в CSS можно настроить поворот блока с помощью блока значения
#советы #css
turn?
1turn = 360deg, просто используйте то, что больше нравится!#советы #css
🔥38👍7🤯2
Headless Component: паттерн для создания пользовательских интерфейсов React
По мере усложнения UI-элементов React сложная логика может переплетаться с визуальным представлением. Из-за этого становится сложнее понять поведение компонента, тестировать его, а также создавать аналогичные компоненты, которым нужен другой внешний вид. Headless компонент извлекает всю невизуальную логику и управление состоянием, отделяя «мозг» компонента от его внешнего вида.
Подробнее об этом подходе в статье: https://martinfowler.com/articles/headless-component.html
#react
По мере усложнения UI-элементов React сложная логика может переплетаться с визуальным представлением. Из-за этого становится сложнее понять поведение компонента, тестировать его, а также создавать аналогичные компоненты, которым нужен другой внешний вид. Headless компонент извлекает всю невизуальную логику и управление состоянием, отделяя «мозг» компонента от его внешнего вида.
Подробнее об этом подходе в статье: https://martinfowler.com/articles/headless-component.html
#react
👍6
За пределами NPM: выбираем зависимости с умом
Немногие фронтенд-проекты обходятся без внешних зависимостей. Выбор зависимостей должен быть осознанным и вдумчивым процессом: неудачные решения могут привести к ухудшению UX и даже юридическим последствиям.
В этой статье рассматриваются несколько инструментов, которые помогут вам с выбором.
#npm
Немногие фронтенд-проекты обходятся без внешних зависимостей. Выбор зависимостей должен быть осознанным и вдумчивым процессом: неудачные решения могут привести к ухудшению UX и даже юридическим последствиям.
В этой статье рассматриваются несколько инструментов, которые помогут вам с выбором.
#npm
🔥10
Media is too big
VIEW IN TELEGRAM
Какие технологии выбрать в 2025-м для фронтенда
Что нужно изучать и использовать для разработки логики приложения, для стилизации? А что для сопутствующего инструментария?
Разобрались в этом видео.
#видео #фронтенд
Что нужно изучать и использовать для разработки логики приложения, для стилизации? А что для сопутствующего инструментария?
Разобрались в этом видео.
#видео #фронтенд
👎7👍3
Как вычислить тимлида на созвоне
This media is not supported in your browser
VIEW IN TELEGRAM
😁57👍2💩1
Как использовать React в приложениях Angular
Нет, цель не в создании монстра Франкенштейна, который будет представлять из себя куски различных фреймворков. Но это может быть действительно кстати, если вам нужно быстро добавить компонент, которого нет в вашем фреймворке, но есть в экосистеме React. Или если необходимо интегрировать сервисы, которые работают на React.
О том, как это сделать:
https://nuancesprog.ru/p/16840/
#react #angular
Нет, цель не в создании монстра Франкенштейна, который будет представлять из себя куски различных фреймворков. Но это может быть действительно кстати, если вам нужно быстро добавить компонент, которого нет в вашем фреймворке, но есть в экосистеме React. Или если необходимо интегрировать сервисы, которые работают на React.
О том, как это сделать:
https://nuancesprog.ru/p/16840/
#react #angular
💩7👍4😁4
CSS Reset, который действительно работает
Забудьте про устаревшие сбросы стилей. Josh Comeau предлагает современный подход к CSS Reset, который улучшает как пользовательский опыт, так и процесс написания кода.
Подробнее в статье.
#css
Забудьте про устаревшие сбросы стилей. Josh Comeau предлагает современный подход к CSS Reset, который улучшает как пользовательский опыт, так и процесс написания кода.
Подробнее в статье.
#css
👍10🔥2
Насколько хорошо вы знаете фреймворки Java?
Представьте, что вы пришли на работу в новую компанию и вам нужно разработать систему на Java, которая выдержит даже высокую нагрузку. Ваша задача правильно выбрать фреймворки для разных задач.
Попробуйте справиться с ней в нашем квизе.
#квиз #java
Представьте, что вы пришли на работу в новую компанию и вам нужно разработать систему на Java, которая выдержит даже высокую нагрузку. Ваша задача правильно выбрать фреймворки для разных задач.
Попробуйте справиться с ней в нашем квизе.
#квиз #java
🤯3💩3👎2👍1
10 JavaScript трюков, которые стоит знать в 2025 году
Независимо от того, являетесь ли вы новичком или опытным разработчиком, знание этих приёмов поможет вам в программировании и сделает ваши приложения более эффективными и надёжными.
Здесь от optional chaining до деструктуризации с умолчаниями — эти приёмы помогут писать более чистый и эффективный код.
#javascript
Независимо от того, являетесь ли вы новичком или опытным разработчиком, знание этих приёмов поможет вам в программировании и сделает ваши приложения более эффективными и надёжными.
Здесь от optional chaining до деструктуризации с умолчаниями — эти приёмы помогут писать более чистый и эффективный код.
#javascript
👍7💩3
Forwarded from Точка входа в программирование
This media is not supported in your browser
VIEW IN TELEGRAM
Изучаем JavaScript, создавая игру
Погрузитесь в JavaScript, создавая 2D-игру с нуля. Этот бесплатный курс поможет вам освоить основы программирования через практику.
#javascript #gamedev
Погрузитесь в JavaScript, создавая 2D-игру с нуля. Этот бесплатный курс поможет вам освоить основы программирования через практику.
#javascript #gamedev
👍11❤2
This media is not supported in your browser
VIEW IN TELEGRAM
Преобразуйте JavaScript-код в блок-схемы
Библиотека js2flowchart позволяет автоматически создавать SVG-схемы из вашего кода. Отличный инструмент для визуализации логики и документации.
Сохраняйте, чтобы не потерять!
#javascript #библиотека #инструменты
Библиотека js2flowchart позволяет автоматически создавать SVG-схемы из вашего кода. Отличный инструмент для визуализации логики и документации.
Сохраняйте, чтобы не потерять!
#javascript #библиотека #инструменты
👍8
Как коммитить так, чтобы ваш код принимали мейнтейнеры
За годы существования опенсорса сформировались свои правила игры — как вносить изменения, общаться с комьюнити и развивать проект так, чтобы это приносило пользу всем участникам.
В этой статье разработчик Юрий Пузыня из Diplodoc рассказывает об инсайтах, которые позволили ему вырасти из контрибьютора до мейнтейнера проекта. Здесь про важность тестов, искусство коммуникации в опенсорсе и почему «всё сломано» — худший способ завести issue. Обратите внимание на программу контрибьюторов в конце статьи.
За годы существования опенсорса сформировались свои правила игры — как вносить изменения, общаться с комьюнити и развивать проект так, чтобы это приносило пользу всем участникам.
В этой статье разработчик Юрий Пузыня из Diplodoc рассказывает об инсайтах, которые позволили ему вырасти из контрибьютора до мейнтейнера проекта. Здесь про важность тестов, искусство коммуникации в опенсорсе и почему «всё сломано» — худший способ завести issue. Обратите внимание на программу контрибьюторов в конце статьи.
❤3👍2🔥1
This media is not supported in your browser
VIEW IN TELEGRAM
Old But Gold: создаём полноценную браузерную игру на TypeScript
Делимся 2-часовым гайдом по созданию 2D-платформера на TypeScript: https://www.youtube.com/watch?v=R6WvJOiX99s
#typescript #gamedev
Делимся 2-часовым гайдом по созданию 2D-платформера на TypeScript: https://www.youtube.com/watch?v=R6WvJOiX99s
#typescript #gamedev
👍3
This media is not supported in your browser
VIEW IN TELEGRAM
Просто напоминаем, как правильно произносить названия популярных языков
😁31❤4
Ваш первый проект на Angular: пошаговый видеокурс для начинающих
Небольшая серия видео для бережного погружения в Angular. Шаг за шагом вы научитесь создавать компоненты, настраивать маршрутизацию, работать с формами и другими основами фреймворка. К концу курса у вас будет простое приложение на Angular и понимание его ключевых концепций.
https://www.youtube.com/playlist?list=PL0lO_mIqDDFX2CXg7tZvmsY48-R5UvQ1V
А вы пробовали писать на Angular или предпочитаете другие фронтенд-фреймворки?
#angular@tproger_web #фронтенд@tproger_web
Небольшая серия видео для бережного погружения в Angular. Шаг за шагом вы научитесь создавать компоненты, настраивать маршрутизацию, работать с формами и другими основами фреймворка. К концу курса у вас будет простое приложение на Angular и понимание его ключевых концепций.
https://www.youtube.com/playlist?list=PL0lO_mIqDDFX2CXg7tZvmsY48-R5UvQ1V
А вы пробовали писать на Angular или предпочитаете другие фронтенд-фреймворки?
#angular@tproger_web #фронтенд@tproger_web
🗿4🔥2💩2
Микросервисы. Исследование кухни
Что такое микросервисная архитектура и в чём её плюсы и минусы? Эта статья объясняет концепцию микросервисов простым языком. Вы узнаете, почему монолитные приложения – это не всегда плохо, когда стоит (и не стоит) переходить на микросервисы, а также какой технологический стек используется при таком подходе. Отличное введение в архитектуру, которая изменила мир бэкенд-разработки.
А вы за монолит или микросервисы?
#микросервисы@tproger_web #бэкенд@tproger_web
Что такое микросервисная архитектура и в чём её плюсы и минусы? Эта статья объясняет концепцию микросервисов простым языком. Вы узнаете, почему монолитные приложения – это не всегда плохо, когда стоит (и не стоит) переходить на микросервисы, а также какой технологический стек используется при таком подходе. Отличное введение в архитектуру, которая изменила мир бэкенд-разработки.
А вы за монолит или микросервисы?
#микросервисы@tproger_web #бэкенд@tproger_web
👍4
Vue.js с нуля: бесплатный курс из 34 уроков
Обучающий курс по Vue 3, который охватывает всё необходимое для уверенного старта. Вы начнёте с базовой установки и синтаксиса, разберётесь с компонентами и директивами, освоите двунаправленное связывание данных (v-model) и другие ключевые возможности Vue. Пошаговый формат позволит плавно пройти путь от новичка до создания собственного приложения на Vue.js.
#vue@tproger_web #фронтенд@tproger_web
Обучающий курс по Vue 3, который охватывает всё необходимое для уверенного старта. Вы начнёте с базовой установки и синтаксиса, разберётесь с компонентами и директивами, освоите двунаправленное связывание данных (v-model) и другие ключевые возможности Vue. Пошаговый формат позволит плавно пройти путь от новичка до создания собственного приложения на Vue.js.
#vue@tproger_web #фронтенд@tproger_web
👍8💩3