​​Вопрос от подписчика

Задаёт @cardioprint:

"...Вот за Defold спасибо! Он действительно так хорош, как на офсайте пишут? Есть опыт?"

p.s. Defold — это игровой движок.

! Пожалуйста, будьте взаимовежливы. Всем нам порой нужно место, где можно попросить помощи.

@prog_tools

А батя-то сечёт

​​10 лучших JavaScript-фреймворков в 2024 году — какой фреймворк учить?

Англоязычный YouTube-канал Hostinger Academy в новом видео рассмотрел 10 лучших фреймворков для JavaScript в 2024 году, чтобы выяснить, какой из них стоит учить больше прочих.

А мы перевели всё это дело на русский: https://tproger.ru/articles/10-luchwih-javascript-frejmvorkov-v-2024-godu--kakoj-frejmvork-uchit

#javascript #тренды

​​​Изучаем CSS Flex и Grid в фэнтезийном путешествии

Если хотите отточить свои навыки в позиционировании объектов с помощью флексов и гридов, при этом с интересным сеттингом, то вы по адресу. На сайте codingfantasy.com вы можете отправить в путешествие и помочь королю Артуру бороться со злом, используя Flex Box или спасти эльфа из лап демонов с помощью CSS Grid.

Уровней достаточно, чтобы стать настоящим CSS-гуру, проверьте сами: https://codingfantasy.com/games

#css #игры

​​immich: приложение для хостинга видео и изображений

Проект сейчас пребывает в топе GitHub и даёт пользователям возможность кроссплатформенно обращаться с медиа:

— отображать на карте место съёмки;
— делиться файлом по ссылке;
— редактировать метаданные файла и многое другое.

GUI очень похож на Google Drive.

Репозиторий GitHub

Цена: бесплатно

@prog_tools

​​Подборка книг о веб-разработке

EbookFoundation поддерживает репозиторий с огромной коллекцией кодерских книг про языки, фреймворки, IDE и технологии. Среди них вы найдёте и ссылки на бесплатную литературу по JavaScript, TypeScript, PHP, Python и прочим веб-языкам.

Репозиторий на GitHub

Цена: бесплатно

@prog_tools

JSON Crack, устраняющий разрыв между данными и визуализацией

Это расширение VSCode позволяет разработчикам, аналитикам данных и энтузиастам легко преобразовывать сложные наборы данных JSON в информативные и визуально привлекательные графики.

Цена: бесплатно

@prog_tools

Скрейпинг силами LLM

Это было вопросом времени: нейронки теперь вполне в состоянии структурировать содержимое веб-страниц. LLM Scraper — это TypeScript-библиотека, которая сейчас пребывает в топ репозиториев GitHub и сэкономит вам десятки часов, поскольку эффективно «отшелушивает» от смыслонесущей части рекламу и прочий нерелевантный контент.

Цена: бесплатно

@prog_tools

​​Pub-Sub для начинающих

Годная понятная статья, описывающая Pub-Sub — средство передачи сообщений в веб-приложении. В статье на bercut.com вы узнаете:

— как отличается эта архитектура от остальных (вроде Observer);
— зачем она вообще была придумана;
— какое ПО поддерживает такая модель издатель-подписчик и проч.

#основы

@prog_tools

​​github-readme-stats: Динамическая стата GitHub для README

Инструмент позволяет генерировать обновляемый виджет со статистикой GitHub-пользователя — заработанные звезды, число коммитов и проч. Достаточно добавить ссылку с никнеймом:

https://github-readme-stats.vercel.app/api?username=username

Репозиторий проекта

Цена: бесплатно

@prog_tools

Select2: дропдауны качественно

Этот инструмент предлагает усовершенствованные раскрывающиеся списки. Поддерживается в Django, Drupal, AngularJS и проч., есть в Bootstrap.

Цена: бесплатно

Репозиторий проекта

@prog_tools

​​harlequin: IDE для SQL прямо в командной строке

И почему это решение не стало дефолтным? Просмотр базы, исполнение запросов, огромное окно вывода (более 1М строк), экспорт в .csv и другие форматы.

Цена: бесплатно

Репозиторий проекта

@prog_tools

bookmarks: закладки прямо в коде

Если TODO не нравится, а к номеру строки привязываться не стоит, на помощь придёт расширение VSCode под названием bookmarks. Работает со всеми форматами файлов и отдаёт полный список таких пометок в отдельном представлении.

Цена: бесплатно

Расширение на Visual Studio Marketplace

@prog_tools

​​Крышесносные и не очень трюки из мира Kubernetes

Если разработчик добрался до k8s, то уже, считай, не новичок. А если освоил эфемерные контейнеры для дебага в realtime, то и подавно.

Держите годную подборку приёмов, что улучшат ваш кодерский опыт с этой популярной системой оркестрации.

@prog_tools

​​Как писать расширения для VSCode

По просьбе @D_vVv_N:

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

Вы наверняка уже знаете, что LLM хорош справляются со сниппетами, но не большими кусками кода. Так вот, этот разработчик использовал GPT4 на максималках: код расширения — это коллекция как раз небольших файлов.

@prog_tools

​​CodeSnap: скрины сниппетов по-удобному

От привычных скриншот-утилит это расширение VSCode отличают следующие возможности:

— позволяет аккуратно шотить только выделенный код;
— даёт регулировать ширину снимка (если вам нужно дополнительное поле для заметок);
— сразу загружает в буфер обмена и проч.

Цена: бесплатно

Плагин на Visual Studio Marketplace

@prog_tools

​​Вопросы от новичков

«Инструменты...» поддерживают новоприбывших в особой рубрике. Как это работает:

— Спрашивайте что угодно (в комментариях под этим постом), связанное с веб-разработкой. Здесь нет плохих вопросов!
— Сообщество вас поддержит. Самые интересные вопросы мы разберём в отдельном посте;

#вопросыновичков

@prog_tools

Git History для трекинга репозитория прямо в IDE

10 млн. скачиваний — это мощно! Расширение отчасти имитирует GUI GitHub, и с его помощью вы можете:

— отсматривать историю автора / по веткам;
— сравнивать ветки / коммиты / файлы;
— cherry-pick (выборочно применить коммиты);
— создавать ветки / теги и многое другое.

Расширение на Visual Studio Marketplace

Цена: бесплатно

🍌 — зачем? Лень на GH зайти?
✍️ — круто, поставлю
🗿 — не пользуюсь Git

@prog_tools

Indent Rainbow: наконец уровень отступа читается

Как видно на скриншоте, это расширение окрашивает отступы в цвет то оператора, то функции, то переменной, причём двумя способами (проецирующими линиями или подкрашенными прямоугольниками).

Расширение на Visual Studio Marketplace

@prog_tools

​​Live Share: парное программирование в одной IDE

Совместная вёрстка / отладка кода с сохранением ваших предпочтений в оформлении. Помимо совместного редактирования файлов с кодом расшарит ещё:

— сессии во вкладке «Консоль отладки»;
— данные командной строки / терминала;
— локально развёрнутые веб-приложения.

Расширение на Visual Studio Marketplace

@prog_tools