Forwarded from Инструменты программиста
NeoBrutalismCSS — новый взгляд на веб-дизайн
Данный CSS-фреймворк воплощает эстетику необрутализма в веб-разработке, предлагая простой и минималистичный подход к стилизации ваших веб-проектов
Инструмент создан с акцентом на простоту, позволяя избавиться от сложности изучения множества имён классов, как в других фреймворках
Он следует минималистичному подходу, применяя основные стили, основанные на семантике HTML, что делает его удобным для быстрого начала работы и создания современной, необруталистской эстетики
Стоимость: #бесплатно
#web #CSS
Данный CSS-фреймворк воплощает эстетику необрутализма в веб-разработке, предлагая простой и минималистичный подход к стилизации ваших веб-проектов
Инструмент создан с акцентом на простоту, позволяя избавиться от сложности изучения множества имён классов, как в других фреймворках
Он следует минималистичному подходу, применяя основные стили, основанные на семантике HTML, что делает его удобным для быстрого начала работы и создания современной, необруталистской эстетики
Стоимость: #бесплатно
#web #CSS
Forwarded from Laravel World
Запускаем PHP прямо в браузере с помощью WebAssembly
https://www.amitmerchant.com/portable-php-in-the-browser-using-webassembly/
https://www.amitmerchant.com/portable-php-in-the-browser-using-webassembly/
20_JavaScript_Abbreviation_Techniques_To_Improve_Efficiency_by_Xiuer.pdf
4.5 MB
20 методов сокращения JavaScript для повышения эффективности
Сокращение кода — это компромисс между производительностью и удобочитаемостью.
Читайте подробнее, если вас не раздражает что-то вроде этого:
Сокращение кода — это компромисс между производительностью и удобочитаемостью.
Читайте подробнее, если вас не раздражает что-то вроде этого:
let arr = [12, null, 0, 'xyz', null, -25, NaN, '', undefined, 0.5, false];File Validation using MD5 and SHA-256 in Node.js
https://www.linkedin.com/pulse/file-validation-using-md5-sha-256-nodejs-emerson-souza/
#coding
#node
https://www.linkedin.com/pulse/file-validation-using-md5-sha-256-nodejs-emerson-souza/
#coding
#node
Linkedin
File Validation using MD5 and SHA-256 in Node.js
The Crypto Library in Node.js is a core module that offers cryptographic functionalities, including hashing algorithms like MD5 (Message Digest Algorithm 5) and SHA-256 (Secure Hash Algorithm 256-bit).
Forwarded from Node.JS [ru] | Серверный JavaScript
🛍Автоматическая публикация npm пакета из gitlab ci/cd
В этой статье я расскажу как реализовать автоматическую публикацию npm пакета в cicd gitlab, с помощью каких инструментов мы генерируем CHANGELOG файл и обновляем версию package.json.
Читать...
В этой статье я расскажу как реализовать автоматическую публикацию npm пакета в cicd gitlab, с помощью каких инструментов мы генерируем CHANGELOG файл и обновляем версию package.json.
Читать...
Forwarded from Веб-страница
Веб-компоненты в 2023
Большинство фронтенд-разработчиков не понимают, что такое веб-компоненты и зачем они нужны. Стандарту уже несколько лет, но разработчики продолжают его игнорировать.
Автор, который занимается веб-разработкой уже 20 лет и сейчас возглавляет команду по созданию открытой платформы на основе веб-компонентов, решил поделится опытом и раскрыть мифы об этой технологии.
#html #dom
Большинство фронтенд-разработчиков не понимают, что такое веб-компоненты и зачем они нужны. Стандарту уже несколько лет, но разработчики продолжают его игнорировать.
Автор, который занимается веб-разработкой уже 20 лет и сейчас возглавляет команду по созданию открытой платформы на основе веб-компонентов, решил поделится опытом и раскрыть мифы об этой технологии.
#html #dom
Object Oriented Programming Expert With TypeScript
https://github.com/jafari-dev/oop-expert-with-typescript
#coding
#typescript
https://github.com/jafari-dev/oop-expert-with-typescript
#coding
#typescript
GitHub
GitHub - jafari-dev/oop-expert-with-typescript: A complete guide for learning object oriented programming pillars, SOLID principles…
A complete guide for learning object oriented programming pillars, SOLID principles and design patterns with TypeScript! - jafari-dev/oop-expert-with-typescript
15 Killer Websites for Web Developers.pdf
2.5 MB
🤩 15 полезных сайтов, которые упростят вашу работу и не только: подборка для фронтенд-разработчика
✹ Визуализация регулярных выражений JavaScript
✹ Документация для разработчиков: онлайн + офлайн
✹ cdnjs: поиск библиотек с открытым исходным кодом
✹ Фотосток с огромной коллекцией изображений
✹ Интеллектуальное сжатие WebP, PNG и JPEG
✹ Удаление фона изображения
✹ Создание красивых изображений с исходным кодом
✹ Подбор палитры цветов для разработки дизайна
✹ Тестирование и демонстрация сниппетов на основе HTML, CSS и JavaScript
✹ Иконки с открытым исходным кодом
✹ Проверка совместимости CSS и JavaScript в различных популярных браузерах
✹ Создание файла README
✹ Проверка производительности сайта
✹ Редактирование фотографий
✹ Подборка иллюстраций без лицензии
👉 Читайте подробнее на Medium или в PDF
✹ Визуализация регулярных выражений JavaScript
✹ Документация для разработчиков: онлайн + офлайн
✹ cdnjs: поиск библиотек с открытым исходным кодом
✹ Фотосток с огромной коллекцией изображений
✹ Интеллектуальное сжатие WebP, PNG и JPEG
✹ Удаление фона изображения
✹ Создание красивых изображений с исходным кодом
✹ Подбор палитры цветов для разработки дизайна
✹ Тестирование и демонстрация сниппетов на основе HTML, CSS и JavaScript
✹ Иконки с открытым исходным кодом
✹ Проверка совместимости CSS и JavaScript в различных популярных браузерах
✹ Создание файла README
✹ Проверка производительности сайта
✹ Редактирование фотографий
✹ Подборка иллюстраций без лицензии
👉 Читайте подробнее на Medium или в PDF
🤔 После выхода достаточно революционной в плане добавления Composition API версии Vue 3.0 более чем три года назад, каких-либо серьезных изменений от команды Evan You в самом фреймворке больше не было. Только стандартные багфиксы, оптимизация и робкие попытки стать с TypeScript ближе.
💡Основное внимание переключилось на экосистему — Vite, Nuxt, VitePress, Pinia и другие. В то же время, отчетливо заметно масштабирование работы не вглубь, а вширь. Интересы команды уже давно явно выходят за пределы фреймворка.
📈 Об этом и идет речь в статье. Автор разбирается с трендами развития Vite, Anthony Fu и VitePress, анализирует тренды/рынок вакансий и рекомендует перевод книги «Vue.js 3 — Шаблоны проектирования и лучшие практики».
💡Основное внимание переключилось на экосистему — Vite, Nuxt, VitePress, Pinia и другие. В то же время, отчетливо заметно масштабирование работы не вглубь, а вширь. Интересы команды уже давно явно выходят за пределы фреймворка.
📈 Об этом и идет речь в статье. Автор разбирается с трендами развития Vite, Anthony Fu и VitePress, анализирует тренды/рынок вакансий и рекомендует перевод книги «Vue.js 3 — Шаблоны проектирования и лучшие практики».
Forwarded from Frontender's notes [ru]
🧐Cлоёная архитектура или ООП в современном React / Mobx приложении
В данной статье я расскажу о том, как сочетать декомпозицию состояние приложение в стиле ООП и современные практики построения представлений веб-приложений
Читать...
В данной статье я расскажу о том, как сочетать декомпозицию состояние приложение в стиле ООП и современные практики построения представлений веб-приложений
Читать...
Forwarded from Frontender's notes [ru]
🧑💻Многооконное веб приложение — решение для перегруженных интерфейсов
В данной статье будет рассмотрено возможное решение для разгрузки интерфейсов веб приложений – создание приложения с возможностью выноса части функционала в дополнительные окна, или же просто многооконное приложение.
Читать...
В данной статье будет рассмотрено возможное решение для разгрузки интерфейсов веб приложений – создание приложения с возможностью выноса части функционала в дополнительные окна, или же просто многооконное приложение.
Читать...
Forwarded from Node.JS [ru] | Серверный JavaScript
😍Анти-легаси архитектура для UI приложений
В этой статье мы рассмотрим практический пример того, как реализовать шаблон MVU, сделав UI интерактивным.
Читать...
В этой статье мы рассмотрим практический пример того, как реализовать шаблон MVU, сделав UI интерактивным.
Читать...
Forwarded from FrontEndDev
Линтер Oxlint
Простой линтер, не требующий конфигурации, основная цель которого поиск ошибочного или неиспользуемого кода.
https://oxc-project.github.io/blog/2023-12-12-announcing-oxlint.html
Простой линтер, не требующий конфигурации, основная цель которого поиск ошибочного или неиспользуемого кода.
https://oxc-project.github.io/blog/2023-12-12-announcing-oxlint.html
Forwarded from Frontender's notes [ru]
🫥Валидация формы с помощью AJV, Vue.js и TypeScript
В этой статье мы рассмотрим, как использовать библиотеку AJV совместно с Vue.js и TypeScript для создания мощной системы валидации формы.
Читать...
В этой статье мы рассмотрим, как использовать библиотеку AJV совместно с Vue.js и TypeScript для создания мощной системы валидации формы.
Читать...
Positronx.io
Positronx.io provides free coding solutions for various programming languages and frameworks such as HTML, CSS, JavaScript, PHP, React, Angular, Laravel, CodeIgniter, and more.
https://www.positronx.io/
#coding
Positronx.io provides free coding solutions for various programming languages and frameworks such as HTML, CSS, JavaScript, PHP, React, Angular, Laravel, CodeIgniter, and more.
https://www.positronx.io/
#coding
Forwarded from Веб-страница
Пишем игру на JS/TS и развиваем навык работы с кодом
В статье автор рассказывает, как создать игру, которая будет предлагать вам рандомный текст и засекать за сколько по времени вы сможете его напечатать.
Сохраните, чтобы не потерять: https://tproger.ru/articles/pet-proekt-pishem-igru-na-js-ts-i-razvivaem-navyk-raboty-s-kodom/
#typescript #javascript #петпроект
В статье автор рассказывает, как создать игру, которая будет предлагать вам рандомный текст и засекать за сколько по времени вы сможете его напечатать.
Сохраните, чтобы не потерять: https://tproger.ru/articles/pet-proekt-pishem-igru-na-js-ts-i-razvivaem-navyk-raboty-s-kodom/
#typescript #javascript #петпроект
🔥 Вышла третья часть перевода учебника Patterns.dev, в котором представлен современный взгляд на паттерны проектирования, рендеринга и производительности JavaScript.
🤩 Третья часть посвящена паттернам производительности. Вы узнаете, как оптимизировать последовательность загрузки, чтобы повысить скорость использования вашего приложения.
🤩 Третья часть посвящена паттернам производительности. Вы узнаете, как оптимизировать последовательность загрузки, чтобы повысить скорость использования вашего приложения.
Telegram
Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js
Поэтапный перевод учебника Patterns.dev, в котором представлен современный взгляд на паттерны проектирования, рендеринга и производительности JavaScript.
🗄 Часть 1
🗄 Часть 2
🗄 Часть 3
🗄 Часть 1
🗄 Часть 2
🗄 Часть 3
Forwarded from WebDEV
Самые частые ошибки в TypeScript
Программисты придумали типы, чтобы из-за них страдать — так описал статическую типизацию мой коллега. Но он не совсем прав. Они сильно упростят работу, если знать, как ими пользоваться.
В этом ролике ошибки, которые часто допускают новички, а потом мучаются из-за них (и/или удаляют TypeScript). Также рассказывается о том, как их избежать.
📺 YouTube
WebDEV #видео #TypeScript
Программисты придумали типы, чтобы из-за них страдать — так описал статическую типизацию мой коллега. Но он не совсем прав. Они сильно упростят работу, если знать, как ими пользоваться.
В этом ролике ошибки, которые часто допускают новички, а потом мучаются из-за них (и/или удаляют TypeScript). Также рассказывается о том, как их избежать.
📺 YouTube
WebDEV #видео #TypeScript
YouTube
Самые частые ошибки в TypeScript
Не надо так делать! Этих ошибок можно избегать при работе с TypeScript.
Не согласны? Пишите в комментариях свои версии 😎
⚡ Мои курсы
Курс по TypeScript: https://purpleschool.ru/course/typescript/?utm_source=youtube&utm_medium=link&utm_campaign=%D1%81%D…
Не согласны? Пишите в комментариях свои версии 😎
⚡ Мои курсы
Курс по TypeScript: https://purpleschool.ru/course/typescript/?utm_source=youtube&utm_medium=link&utm_campaign=%D1%81%D…