Алексей Соин · zencod.ru
19 subscribers
165 photos
16 videos
4 files
1K links
Статьи по разработке

- frontend
- backend
- server

zencod.ru
Download Telegram
Локальный веб-сервер для разработки с помощью Docker / Хабр
https://habr.com/ru/companies/usetech/articles/808025/
Forwarded from Cross Join - канал о разработке (Anton Okolelov)
Из мира фронтенда. Я тут вышел из комы, и оказывается, уже во всех основных браузерах работает popover API (https://developer.mozilla.org/en-US/docs/Web/API/Popover_API )

Его можно использовать для менюшек, всплывашек, тостов, диалогов и тд.

Поповеры всегда наверху, независимо от z-index

Клик вне поповера или esc его закрывает.

И тд.

Т.е. на голом html и css можно делать интересные вещи.

Вот примеры:

https://mdn.github.io/dom-examples/popover-api/

Десяток (-другой) лет назад я много верстал, и недоумевал, почему с первой версии css не сделали ничего для "сетки" (все верстали на таблицах) и вот таких вот штук для всплывающих элементов / диалогов, зато постоянно пихали много всякой сомнительной нужности хрени.
JSDoc как альтернативный синтаксис TypeScript: обширное руководство по типизации JavaScript-кода для тех, кто по каким-либо причинам не может полноценно использовать TypeScript для написания кода, но может использовать его для тайпчекинга JS-файлов → https://alexharri.com/blog/jsdoc-as-an-alternative-typescript-syntax
Forwarded from FrontEndDev
ESLint Config Inspector

Визуализирующий инструмент для просмотра, поддержки и изучения правил линтинга на вашем проекте.

https://eslint.org/blog/2024/04/eslint-config-inspector/
Мегагайд: культура работы с Git / Хабр
https://habr.com/ru/companies/yandex_praktikum/articles/812139/
Forwarded from mefody.dev
Прокачка навыков TypeScript

С интересом наблюдаю, как развивается система типов в TypeScript. Уже и строковые шаблоны подвезли, и дополнительные встроенные типы.

Но не всегда понятно, как на практике проверить, что я правильно понял написанное в Release Notes. А тут наткнулся на интересный сервис, где много задачек на TypeScript, разбиты они на категории и по сложности. И в декабре, оказывается, был свой Advent of TypeScript. Залип в этот адвент и не отлипал, пока всё не прошёл. Точнее, два задания я честно своровал из уже готовых решений, но по крайней мере разобрался в них. Валидация судоку на типах — это небольшой разрыв мозга, но смог сам.

Кстати, решая задачи, можно на практике убедиться, что TypeScript настолько Тьюринг-полный, что позволяет производить сложные вычисления только на типах. Когда смог написать конвертер из бинарной записи в десятичную — был доволен собой. Понятно, что вряд ли мне пригодятся задачи из адвента в работе. Но теперь сложные типы во всяких библиотеках, которые сами парсят роутинг в приложении, читаются гораздо проще.

https://typehero.dev/
Forwarded from FrontEndDev
Несколько конфигураций для Git

Как разделить конфигурации для рабочих и своих проектов? Использовать глобальную настройку .gitconfig с конфигурацией папок. Подробнее - в статье.

https://www.freecodecamp.org/news/how-to-handle-multiple-git-configurations-in-one-machine/
Forwarded from Не баг, а фича
​​Рай для любителей пасхалок

Если вы любите пасхалки, отсылки к фильмам, играм и мемам, то этот онлайн-проект точно для вас. Floor796 – это не просто анимация, это целая вселенная, где каждая комната и каждый уголок пронизан увлекательными отсылками и персонажами.

На сайте большинство персонажей кликабельны. Вы можете узнать больше о любом из них, нажав на него. Отличная возможность погрузиться в мир этой космической станции еще глубже, чтобы раскрыть все её секреты и тайны.

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

@bugfeature | #интересно #пасхалка
Асинхронный веб: WebSocket, Server-Sent Events, Long Polling и Short Polling / Хабр
https://habr.com/ru/articles/812693/
Forwarded from Злой полицейский (Mikhail Kobzarev)
Shiki - быстрое и современное решение для подсветки синтаксиса в браузере

Он использует тот же движок, что и VS Code.

Плюсы

- Простой в использовании экспорт модулей ES
- Активно поддерживается и улучшается
- Больше вариаций синтаксических токенов и тем
- Обширная документация *

Минусы

- Медленный запуск из-за WASM
- Встроенные стили; нет классов
- Документация *

* Великолепная работа над документацией, но в ней не хватает базового обзора API. Что экспортирует модуль, например.

👉🏻 https://shiki.style

#development #syntax #highlighter

👮‍♂️ Злой полицейский — Подписаться
Лучшие практики Laravel для разработчиков в 2024 году / Хабр
https://habr.com/ru/articles/814843/
TypeHero, платформа для изучения TypeScript на практике с готовыми задачами и возможностью создания собственных задач → https://typehero.dev
Обзор новых Open Source LLM. Или как локально запустить аналог ChatGPT / Хабр
https://habr.com/ru/articles/818183/
Forwarded from FrontEndDev
Сравниваем 5 менеджеров версий для NodeJS

И выбираем лучший для своих потребностей.
nvm vs n vs volta vs fnm vs pnpm.

https://pavel-romanov.com/5-node-version-managers-compared-which-is-right-for-you