Frontend внутри Bitrix. Использование и написание экстеншенов + SPA приложение на Vue или React / Хабр
https://habr.com/ru/articles/810581/
https://habr.com/ru/articles/810581/
Хабр
Frontend внутри Bitrix. Использование и написание расширений + SPA приложение на Vue или React
В данной статье мы рассмотрим правильный подход к Frontend разработке в Bitrix. А именно разделение на расширения которые сможем подключать в любой момент времени. + напишем SPA приложение на Vue и...
👍2
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 не сделали ничего для "сетки" (все верстали на таблицах) и вот таких вот штук для всплывающих элементов / диалогов, зато постоянно пихали много всякой сомнительной нужности хрени.
Его можно использовать для менюшек, всплывашек, тостов, диалогов и тд.
Поповеры всегда наверху, независимо от z-index
Клик вне поповера или esc его закрывает.
И тд.
Т.е. на голом html и css можно делать интересные вещи.
Вот примеры:
https://mdn.github.io/dom-examples/popover-api/
Десяток (-другой) лет назад я много верстал, и недоумевал, почему с первой версии css не сделали ничего для "сетки" (все верстали на таблицах) и вот таких вот штук для всплывающих элементов / диалогов, зато постоянно пихали много всякой сомнительной нужности хрени.
Forwarded from For Web — фронтенд, дизайн, программирование
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/
Визуализирующий инструмент для просмотра, поддержки и изучения правил линтинга на вашем проекте.
https://eslint.org/blog/2024/04/eslint-config-inspector/
Мегагайд: культура работы с Git / Хабр
https://habr.com/ru/companies/yandex_praktikum/articles/812139/
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/
С интересом наблюдаю, как развивается система типов в TypeScript. Уже и строковые шаблоны подвезли, и дополнительные встроенные типы.
Но не всегда понятно, как на практике проверить, что я правильно понял написанное в Release Notes. А тут наткнулся на интересный сервис, где много задачек на TypeScript, разбиты они на категории и по сложности. И в декабре, оказывается, был свой Advent of TypeScript. Залип в этот адвент и не отлипал, пока всё не прошёл. Точнее, два задания я честно своровал из уже готовых решений, но по крайней мере разобрался в них. Валидация судоку на типах — это небольшой разрыв мозга, но смог сам.
Кстати, решая задачи, можно на практике убедиться, что TypeScript настолько Тьюринг-полный, что позволяет производить сложные вычисления только на типах. Когда смог написать конвертер из бинарной записи в десятичную — был доволен собой. Понятно, что вряд ли мне пригодятся задачи из адвента в работе. Но теперь сложные типы во всяких библиотеках, которые сами парсят роутинг в приложении, читаются гораздо проще.
https://typehero.dev/
TypeHero
Level up and learn TypeScript with interactive exercises
Forwarded from FrontEndDev
Несколько конфигураций для Git
Как разделить конфигурации для рабочих и своих проектов? Использовать глобальную настройку .gitconfig с конфигурацией папок. Подробнее - в статье.
https://www.freecodecamp.org/news/how-to-handle-multiple-git-configurations-in-one-machine/
Как разделить конфигурации для рабочих и своих проектов? Использовать глобальную настройку .gitconfig с конфигурацией папок. Подробнее - в статье.
https://www.freecodecamp.org/news/how-to-handle-multiple-git-configurations-in-one-machine/
Forwarded from Не баг, а фича
Рай для любителей пасхалок
Если вы любите пасхалки, отсылки к фильмам, играм и мемам, то этот онлайн-проект точно для вас. Floor796 – это не просто анимация, это целая вселенная, где каждая комната и каждый уголок пронизан увлекательными отсылками и персонажами.
На сайте большинство персонажей кликабельны. Вы можете узнать больше о любом из них, нажав на него. Отличная возможность погрузиться в мир этой космической станции еще глубже, чтобы раскрыть все её секреты и тайны.
За этим творением стоит талантливый художник. Он создает и постоянно дополняет комнаты станции, добавляя новых персонажей и сюжетные линии, чтобы вас увлекать и удивлять.
@bugfeature | #интересно #пасхалка
Если вы любите пасхалки, отсылки к фильмам, играм и мемам, то этот онлайн-проект точно для вас. Floor796 – это не просто анимация, это целая вселенная, где каждая комната и каждый уголок пронизан увлекательными отсылками и персонажами.
На сайте большинство персонажей кликабельны. Вы можете узнать больше о любом из них, нажав на него. Отличная возможность погрузиться в мир этой космической станции еще глубже, чтобы раскрыть все её секреты и тайны.
За этим творением стоит талантливый художник. Он создает и постоянно дополняет комнаты станции, добавляя новых персонажей и сюжетные линии, чтобы вас увлекать и удивлять.
@bugfeature | #интересно #пасхалка
Юмор программистов из 80-х прошлого столетия
Немного истории программирования в СССР с фотографиями и картинками.
https://habr.com/ru/articles/807429/
Немного истории программирования в СССР с фотографиями и картинками.
https://habr.com/ru/articles/807429/
Хабр
Юмор программистов из 80-х прошлого столетия
У современного читателя может возникнуть резонный вопрос – почему программисты, а не IT-ишники? Ответ кроется в самом заголовке. В 70-х, 80-х годах прошлого столетия, а точнее в СССР не было понятия...
Асинхронный веб: WebSocket, Server-Sent Events, Long Polling и Short Polling / Хабр
https://habr.com/ru/articles/812693/
https://habr.com/ru/articles/812693/
Forwarded from Злой полицейский (Mikhail Kobzarev)
Shiki - быстрое и современное решение для подсветки синтаксиса в браузере
Он использует тот же движок, что и VS Code.
Плюсы
- Простой в использовании экспорт модулей ES
- Активно поддерживается и улучшается
- Больше вариаций синтаксических токенов и тем
- Обширная документация *
Минусы
- Медленный запуск из-за WASM
- Встроенные стили; нет классов
- Документация *
* Великолепная работа над документацией, но в ней не хватает базового обзора API. Что экспортирует модуль, например.
👉🏻 https://shiki.style
#development #syntax #highlighter
👮♂️ Злой полицейский — Подписаться
Он использует тот же движок, что и VS Code.
Плюсы
- Простой в использовании экспорт модулей ES
- Активно поддерживается и улучшается
- Больше вариаций синтаксических токенов и тем
- Обширная документация *
Минусы
- Медленный запуск из-за WASM
- Встроенные стили; нет классов
- Документация *
* Великолепная работа над документацией, но в ней не хватает базового обзора API. Что экспортирует модуль, например.
👉🏻 https://shiki.style
#development #syntax #highlighter
👮♂️ Злой полицейский — Подписаться
Лучшие практики Laravel для разработчиков в 2024 году / Хабр
https://habr.com/ru/articles/814843/
https://habr.com/ru/articles/814843/
Полезные практики написания поддерживаемого кода на PHP / Хабр
https://habr.com/ru/articles/814995/
https://habr.com/ru/articles/814995/
Хабр
Полезные практики написания поддерживаемого кода на PHP
Привет, меня зовут Алексей и я должен признаться, я PHP разработчик. Последние несколько лет плотно занимаюсь проектами на symfony и решил поделиться с сообществом практиками, которые стараюсь...
10 вредных привычек, которые программисты втайне обожают / Хабр
https://habr.com/ru/companies/netologyru/articles/816817/
https://habr.com/ru/companies/netologyru/articles/816817/
Хабр
10 вредных привычек, которые программисты втайне обожают
У программистов очень странные отношения с правилами. С одной стороны, программный код — это не что иное, как огромный свод правил — правил, которые бесконечно применяются покорными кремниевыми...
Forwarded from For Web — фронтенд, дизайн, программирование
TypeHero, платформа для изучения TypeScript на практике с готовыми задачами и возможностью создания собственных задач → https://typehero.dev
Обзор новых Open Source LLM. Или как локально запустить аналог ChatGPT / Хабр
https://habr.com/ru/articles/818183/
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
И выбираем лучший для своих потребностей.
nvm vs n vs volta vs fnm vs pnpm.
https://pavel-romanov.com/5-node-version-managers-compared-which-is-right-for-you
Есть несколько способов закоммитить многострочные сообщения в
https://www.dev-notes.ru/articles/git/commit-multiline-messages-git-commit/
git commit, всё зависит от личных предпочтений.https://www.dev-notes.ru/articles/git/commit-multiline-messages-git-commit/
Заметки разработчика
Как закоммитить многострочные сообщения в git commit
Есть несколько способов закоммитить многострочные сообщения в git commit, всё зависит от личных предпочтений.
Forwarded from Javascript
—
curl -fsSL https://fnm.vercel.app/install | bashFast Node Manager (fnm) — быстрый и простой менеджер версий Node.js, написан на Rust
Особенности fnm:
— Кроссплатформенный (macOS, Windows, Linux)
— Один файл, простая установка, мгновенный запуск
— Ориентирован на скорость
— Работает с файлами
.node-version и .nvmrc@javascriptv
Please open Telegram to view this post
VIEW IN TELEGRAM