Forwarded from Точка входа в программирование
This media is not supported in your browser
VIEW IN TELEGRAM
Как выбрать наилучшую стратегию рендеринга для вашего приложения
Веб-рендеринг эволюционировал от простых HTML-страниц до высокоинтерактивных и динамичных приложений. В итоге и способов представить приложение пользователям стало больше, чем когда-либо.
Сегодня существует множество технологий таких, как генерация статических сайтов (SSG), рендеринг на стороне сервера (SSR), рендеринг на стороне клиента (CSR), инкрементальная статическая регенерация (ISR) и экспериментальный частичный предварительный рендеринг (PPR). Каждая хороша для своих задач. Какую выбрать для вашего проекта, рассказали в этой статье.
#фронтенд
Веб-рендеринг эволюционировал от простых HTML-страниц до высокоинтерактивных и динамичных приложений. В итоге и способов представить приложение пользователям стало больше, чем когда-либо.
Сегодня существует множество технологий таких, как генерация статических сайтов (SSG), рендеринг на стороне сервера (SSR), рендеринг на стороне клиента (CSR), инкрементальная статическая регенерация (ISR) и экспериментальный частичный предварительный рендеринг (PPR). Каждая хороша для своих задач. Какую выбрать для вашего проекта, рассказали в этой статье.
#фронтенд
❤7
This media is not supported in your browser
VIEW IN TELEGRAM
В Chrome DevTools появилась точечная эмуляция медленного интернета
Для удобства отладки сайта в инструменты разработчика добавили возможность эмулировать медленное сетевое соединение не для всего сайта, а только для нужных вам запросов. Так ещё проще найти узкие места посмотреть, как сайт обрабатывает проблемные запросы и сколько тратит ресурсов.
#советы
Для удобства отладки сайта в инструменты разработчика добавили возможность эмулировать медленное сетевое соединение не для всего сайта, а только для нужных вам запросов. Так ещё проще найти узкие места посмотреть, как сайт обрабатывает проблемные запросы и сколько тратит ресурсов.
#советы
❤19
Media is too big
VIEW IN TELEGRAM
Media is too big
VIEW IN TELEGRAM
Media is too big
VIEW IN TELEGRAM
Media is too big
VIEW IN TELEGRAM
Media is too big
VIEW IN TELEGRAM
Media is too big
VIEW IN TELEGRAM
Media is too big
VIEW IN TELEGRAM
Media is too big
VIEW IN TELEGRAM
Media is too big
VIEW IN TELEGRAM
Алгоритмы на JavaScript
Подборка видеоразборов работы алгоритмов на JavaScript. Полезна всем, кто хочет лучше в них шарить. Здесь разбирается 7 наиболее популярных:
1️⃣ Бинарный поиск
2️⃣ Рекурсия
3️⃣ Хеш-таблицы
4️⃣ Обход дерева
5️⃣ Связные списки на примере LRU Cache
6️⃣ Графы и их обход
7️⃣ Рекурсия с мемоизацией для вычисления diff'a текста
Специально для вас скачали их, но если хотите лайкнуть автора, то вот ссылка на плейлист на YouTube.
#видео #алгоритмы #javascript
Подборка видеоразборов работы алгоритмов на JavaScript. Полезна всем, кто хочет лучше в них шарить. Здесь разбирается 7 наиболее популярных:
Специально для вас скачали их, но если хотите лайкнуть автора, то вот ссылка на плейлист на YouTube.
#видео #алгоритмы #javascript
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👍13❤3
Создание гистограмм на современном CSS
Новые возможности CSS упрощают и делают более эффективным создание дизайнов, которые мы и так умели делать. Эффективность может достигаться за счет сокращения кода или использования хаков, а также за счёт улучшения читабельности благодаря новым возможностям.
Это произошло и с гистограммами. То, что раньше требовало внимания и труда, сегодня делается в пару строк (не говоря уже об ИИ, который вообще за вас всё сделает). Как с помощью современных возможностей CSS делать красивые графики и чарты, можно узнать в статье.
#css
Новые возможности CSS упрощают и делают более эффективным создание дизайнов, которые мы и так умели делать. Эффективность может достигаться за счет сокращения кода или использования хаков, а также за счёт улучшения читабельности благодаря новым возможностям.
Это произошло и с гистограммами. То, что раньше требовало внимания и труда, сегодня делается в пару строк (не говоря уже об ИИ, который вообще за вас всё сделает). Как с помощью современных возможностей CSS делать красивые графики и чарты, можно узнать в статье.
#css
👍6❤2
Chrome DevTools MCP: дебажим сайт с помощью ИИ
Не так давно Google запустила Chrome DevTools MCP сервер, который интегрирует AI (Gemini/Claude) с браузером. Он открывает страницы, кликает, заполняет формы, записывает performance traces, анализирует ключевые показатели.
В статье автор поделился возможностями этого сервера, советами по настройке, инструкцией по установке и своими выводами по использованию этого инструмента. Рекомендую всем, кто хочет облегчить себе жизнь.
Не так давно Google запустила Chrome DevTools MCP сервер, который интегрирует AI (Gemini/Claude) с браузером. Он открывает страницы, кликает, заполняет формы, записывает performance traces, анализирует ключевые показатели.
В статье автор поделился возможностями этого сервера, советами по настройке, инструкцией по установке и своими выводами по использованию этого инструмента. Рекомендую всем, кто хочет облегчить себе жизнь.
🤔3
Forwarded from Точка входа в программирование
EasyPaste: кроссплатформенное приложение на Tauri + Rust
Пользователь Tproger поделился опытом создания EasyPaste — менеджера шаблонов ответов (для саппорта/sales/HR). UI на HTML/CSS, бэк на Rust через Tauri, билды под macOS/Windows/RedOS.
Что внутри: дерево шаблонов, быстрый поиск по тексту/тегам, избранное, форматирование (жирный/таблицы), вложения файлов, drag'n'drop в другие аппы, tray + глобальные хоткеи.
Боли новичка: сборки/воркфлоу, системные зависимости, tray/hotkeys.
Автор поделился своим опытом, который пригодится как новичкам, так и продвинутым разработчикам на Rust
Пользователь Tproger поделился опытом создания EasyPaste — менеджера шаблонов ответов (для саппорта/sales/HR). UI на HTML/CSS, бэк на Rust через Tauri, билды под macOS/Windows/RedOS.
Что внутри: дерево шаблонов, быстрый поиск по тексту/тегам, избранное, форматирование (жирный/таблицы), вложения файлов, drag'n'drop в другие аппы, tray + глобальные хоткеи.
Боли новичка: сборки/воркфлоу, системные зависимости, tray/hotkeys.
Автор поделился своим опытом, который пригодится как новичкам, так и продвинутым разработчикам на Rust
❤1
Сохраните, чтобы изучать то, что нужно вам:
— W3School: https://www.w3schools.com
— Современный учебник JavaScript: https://learn.javascript.ru
— Codewars: https://www.codewars.com
— Refactoring Guru: https://refactoring.guru
— Web. dev: https://web.dev
— Harvard CS50 (2023): https://www.youtube.com/watch?v=LfaMVlDaQ24
— Geeks for geeks: https://www.geeksforgeeks.org
— Дока: https://doka.guide
— Egghead: https://egghead.io
— Freecodecamp: https://www.youtube.com/@freecodecamp
— LeetCode: https://leetcode.com/explore
— Developer Roadmaps: https://roadmap.sh
@tproger_web
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥8😁3
Pinball Physics
Развлекательно-познавательного контента вам в ленту. На codepen есть проект, который представляет собой полноценную игру Pinball, в которую вы можете поиграть, а когда поставите очередной рекорд изучить её код и даже попробовать повторить.
Взгляните сами:
https://codepen.io/lonekorean/pen/KXLrVX
#codepen
Развлекательно-познавательного контента вам в ленту. На codepen есть проект, который представляет собой полноценную игру Pinball, в которую вы можете поиграть, а когда поставите очередной рекорд изучить её код и даже попробовать повторить.
Взгляните сами:
https://codepen.io/lonekorean/pen/KXLrVX
#codepen
❤3👍1
У ESLint вышло юбилейное мажорное обновление: полный переход на flat config, Node.js 20.19+
Для ESLint вышло мажорное обновление v10.0.0, которое окончательно убирает старый eslintrc (.eslintrc.*, .eslintignore). Теперь только flat config по умолчанию: проще, быстрее, современнее.
Важные изменения:
🔘 Node.js < 20.19 не поддерживается
🔘 Убраны CLI флаги:
🔘
🔘
🔘 Конфиг ищется от lint'имого файла (удобно для монреп)
🔘 Убраны deprecated методы
Зачем апгрейдить: быстрее парсинг, меньше багов со scope (JSX/React), готовность к будущему JS.
Для ESLint вышло мажорное обновление v10.0.0, которое окончательно убирает старый eslintrc (.eslintrc.*, .eslintignore). Теперь только flat config по умолчанию: проще, быстрее, современнее.
Важные изменения:
--no-eslintrc, --env, --rulesdireslint:recommended обновили новыми правиламиProgram AST node теперь покрывает весь файл (включая whitespace)SourceCode, contextЗачем апгрейдить: быстрее парсинг, меньше багов со scope (JSX/React), готовность к будущему JS.
Please open Telegram to view this post
VIEW IN TELEGRAM
👍8❤6
Forwarded from Точка входа в программирование
Бесплатный Claude получил функции из платной Pro-версии
Anthropic открыли в бесплатной версии Claude возможности, которые раньше были только у подписчиков Pro за $20/мес. Теперь без оплаты доступны веб-поиск в реальном времени, анализ изображений и документов, генерация кода с артефактами и мобильные приложения для iOS/Android.
Что изменилось в лимитах:
🔘 Бесплатная версия: Claude Sonnet 4.5 + динамические лимиты (25–40 сообщений в день)
🔘 Pro ($20): в 5 раз больше сообщений + приоритет при пиковых нагрузках
🔘 Max ($100): для power-users без ограничений
На практике бесплатной версии хватает 80% пользователей для чата, суммаризации текстов и написания кода. Pro нужна тем, кто работает с ИИ постоянно и хочет стабильности. Так что это отличная новость для всех любителей ИИ.
Теперь подписка нужна только при интенсивной работе. Попробуйте сами — разница ощутима.
Anthropic открыли в бесплатной версии Claude возможности, которые раньше были только у подписчиков Pro за $20/мес. Теперь без оплаты доступны веб-поиск в реальном времени, анализ изображений и документов, генерация кода с артефактами и мобильные приложения для iOS/Android.
Что изменилось в лимитах:
На практике бесплатной версии хватает 80% пользователей для чата, суммаризации текстов и написания кода. Pro нужна тем, кто работает с ИИ постоянно и хочет стабильности. Так что это отличная новость для всех любителей ИИ.
Теперь подписка нужна только при интенсивной работе. Попробуйте сами — разница ощутима.
Please open Telegram to view this post
VIEW IN TELEGRAM
👍6💩3❤1