Веб-страница
24K subscribers
1.75K photos
535 videos
1 file
3.96K links
Всё по фронтенду, бэкенду и девопсу в одном месте

Разместить рекламу: @tproger_sales_bot

Правила общения: https://tprg.ru/rules

Другие каналы: @tproger_channels

Сайт: https://tprg.ru/site

Регистрация в перечне РКН: https://tprg.ru/64ai
Download Telegram
This media is not supported in your browser
VIEW IN TELEGRAM
Предатель получается
😁27🗿2
Forwarded from Типичный программист
Лол: Преподы из Пензы вдохновились YoptaScript и теперь учат студентов писать на JS… полностью на кириллице 😧

🔘Преподаватели перевели синтаксис задач и учебные материалы на русский. И теперь студенты пишут код без латиницы.

🔘 Цель — убрать языковой барьер и «укрепить национальный язык в IT», часть заданий проверяется автотестами на русском.

🔘И это, конечно, круто для начальной школы и вовлечения. Но спецы считают что выпускники потом обосрутся в продакшне. И столкнутся с проблемами при работе с либами и стандартами.
Please open Telegram to view this post
VIEW IN TELEGRAM
💩49😁12🔥42🗿2
Вышла версия Jeasx 2.1.0 — серверного фреймворка на основе JSX и Fastify

Этот фреймворк объединил простоту JSX и удобство SSR без необходимости использовать кучу разных инструментов. Он использует современные HTML и CSS, дополняя их асинхронным JSX на стороне сервера.

В последнем обновлении он получил:

— Node 24 (LTS) по умолчанию,
— улучшенный процесс заполнения среды приложения,
— и поддержку файлов .env.js.

Пробовали этот фреймворк?

#новости #ssr #jeasx
🗿43
Сильно продающий баннер
😁81🗿63
Кладбище сайтов: цифровой некрополь эпохи веб 2.0

Вы вспоминаете старый форум, забавную флеш-игру или сайт любимой группы. Кликаете по сохранённой в закладках ссылке или находите адрес в поиске. В ответ — ошибка 404. Страница не найдена. Такая ситуация знакома каждому. Десятки тысяч сайтов исчезли — их больше нет в доступе.

Что происходит с веб-наследием? Почему сайты превращаются в цифровых зомби или вовсе исчезают без следа? Можно ли вернуть их из небытия? И кто за всем этим стоит? Это расследование проведёт вас по лабиринтам старых мёртвых доменов и покажет реальную картину интернет-кладбища.
3
Forwarded from Типичный программист
This media is not supported in your browser
VIEW IN TELEGRAM
designMode: читерский способ редактировать страницы прямо в браузере 😎

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

Как это сделать:
0️⃣ Нажмите F12, чтобы открыть DevTools.
1️⃣ Перейдите в Console.
2️⃣ Введите: document.designMode="on".
3️⃣ Вы великолепны!

Теперь можете закрыть DevTools и свободно редактировать страницу: менять или двигать картинки, текст и издеваться над прочими элементами. Поддерживается во всех современных браузерах! 

#design #лайфхаки
Please open Telegram to view this post
VIEW IN TELEGRAM
👍15🤣10🗿3😁2
This media is not supported in your browser
VIEW IN TELEGRAM
CSS лифт: конечный автомат на CSS для навигации между этажами

Ещё одна крутая демонстрация современных возможностей CSS. В этой интерактивной модели автор реализовал конечный автомат, который позволяет управлять лифтом, двигающемся между 4 этажами.

Рекомендую изучить, если хотите лучше понимать всю мощь CSS.

#css
🔥5🤔4👍21
Media is too big
VIEW IN TELEGRAM
Во-первых, это красиво

Автор этого codepen-проекта создал реально красивую анимированную кнопку закладки. Может вы и не найдёте ей применения у себя, но, как минимум, полюбоваться ей приятно.

#codepen
🤔11🤣7👍3👎2
5 трендов в технической веб-разработке, за которыми стоит следить в 2025 году

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

Также популярность набирают кастомные портфолио с Three.js, навыки обеспечения безопасности, локальные ИИ-помощники и использование Low-Code и No-code платформ. Подробнее обо всём в статье.
6
Вот непонятно — ему стало лучше или хуже. Ваши версии?
😁31🤣4🔥2
Как с помощью JavaScript убрать ботов, чтобы A/B-тесты были точнее

Боты сильно могут искажать реальные данные в любой сфере — будь то каналы в Telegram (знаю по себе) или статистика сайта. Поэтому важно иметь возможность исключить этих ботов из общей выборки.

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

#javascript
👍42
Forwarded from Типичный программист
С кем знакомятся типичные программисты: 2D-тян или живая девушка?

Согласно недавним исследованиям Vantage Point Counseling Services, треть американцев хотя бы раз состояла в романтических отношениях с ИИ. Появилось даже приложение Loverse для виртуальных знакомств, где вместо реальных людей роль партнёров выполняют чат-боты с искусственным интеллектом.

Мы решили провести своё исследование и выяснить где и с кем сегодня знакомятся пользователи стран СНГ. Пожалуйста, пройдите наш небольшой опрос. Это поможет нашему исследованию.

Пройти опрос.
🤣51
This media is not supported in your browser
VIEW IN TELEGRAM
Только посмотрите, что творит эта библиотека

TypeGPU — это модульный и открытый набор инструментов для WebGPU с расширенным выводом типов и возможностью писать шейдеры на TypeScript. То есть вы можете использовать возможности GPU для вашего сайта, не погружаясь в нюансы низкоуровневого API.

Ключевая фишка — директива 'use gpu', которая компилирует JS в WSGL для запуска на графическом процессоре.

Подробнее о библиотеке можно почитать здесь.

#javascript #typescript #библиотека
🔥243💩2
Ultracite | Zero-config Biome-пресет для JS/TS линтера и форматтера с AI-поддержкой

Готовый пресет для Biome, который ускоряет форматирование и линтинг кода на JavaScript и TypeScript. Работает из коробки, в отзывах пишут, что это просто подарок после возни с Prettier и ESlint. Есть MCP-сервер и интеграции с VS Code, Cursor и другими популярными IDE.

Что нам продают:

— Молниеносная производительность. В основном потому что движком остаётся Biome, а он написан на Rust.

— Zero config by design, интуитивность и простота. Для работы достаточно двух строчек конфига, в которых мы просто наследуем пресет. При этом если надо, можно дальше настроить под себя.

— Максимальная типобезопасность. Ultracite форсирует strict mode и всякие дополнительные правила, чтобы уменьшить количество тупых ошибок.

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

Цена: бесплатно по open-source MIT, премиум для enterprise с кастомными правилами — от $10 за пользователя в месяц.

@prog_tools
1👍1
Творческий подход в работе с маленькими экранами

Дизайн многих сайтов в мобильной версии однообразен — это просто бесконечный скролл одной длинной колонки с меняющимися разделами без иерархии. Энди Кларк предлагает пересмотреть концепцию макетов для мобильной версии и рассматривать каждый раздел сайта, как отдельную композицию.

В статье Энди собрал несколько идей, которые не требуют больших усилий, но выглядят интересно и удобно.

#фронтенд
👍5🤔2🔥1
Народ, вакансия для настоящих поклонников PHP подъехала

Сам фонд PHP сейчас ищет нового исполнительного директора. Роман Пронский завершает свою работу в начале 2026 года и нужен кто-то на его место.

Обещают до 160к долларов США в год и удалёнку. Готовы сделать PHP великим снова? Тогда можете прочитать подробности вакансии и подать заявку до 15 декабря.

Хотели бы попробовать?)

#php
5👍1
This media is not supported in your browser
VIEW IN TELEGRAM
REST API Generator — быстрый способ сгенерировать тестовые REST API

Представьте, что бэкенд ещё не готов, а фронтендер бьёт копытом и хочет продолжать работу, невзирая на отсутствие API. Для этого и нужен этот инструмент. Он позволяет без развёртывания создавать:

— методы GET, POST, PUT и DELETE;
— случайные данные для ответов;
— поддерживает HTTPS и CORS.

Сохраняйте и пользуйтесь: https://retool.com/api-generator

#инструменты
🔥11👍1
И меня, если честно, тоже
😁61👍85🫡2
This media is not supported in your browser
VIEW IN TELEGRAM
Google запустила тренажёр для обучения промптингу в игровой форме

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

Игра бесплатная. Доступна по ссылке.

#ии #тренажёр
🔥13👍2
А я не доверяю
😁79👍5🤣3🔥2