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…
Forwarded from Frontender's notes [ru]
🚀Oxlint — более быстрая альтернатива ESLint
В этой статье автор расскажет, какие преимущества Oxlint предоставляет по сравнению со своим предшественником ESLint.
Читать...
В этой статье автор расскажет, какие преимущества Oxlint предоставляет по сравнению со своим предшественником ESLint.
Читать...
Forwarded from CodeRoll | Frontend
Шаблоны проектирования JS полный гайд
В этом посте рассматривается ряд основных шаблонов проектирования в JavaScript, включая порождающие, структурные и поведенческие шаблоны проектирования.
Используя эти шаблоны, разработчики JavaScript могут улучшить возможность повторного использования кода, удобство обслуживания и общую производительность системы.
Ссылка
#js
В этом посте рассматривается ряд основных шаблонов проектирования в JavaScript, включая порождающие, структурные и поведенческие шаблоны проектирования.
Используя эти шаблоны, разработчики JavaScript могут улучшить возможность повторного использования кода, удобство обслуживания и общую производительность системы.
Ссылка
#js
🤔 Вам могут быть не нужны Lodash/Underscore
Обширная коллекция, вдохновленная популярной книгой You Might Not Need jQuery, предоставляет чистые JS-альтернативы почти 100 различным функциям, которые вы найдете в популярных библиотеках, таких как Lodash.
👉 GitHub
Обширная коллекция, вдохновленная популярной книгой You Might Not Need jQuery, предоставляет чистые JS-альтернативы почти 100 различным функциям, которые вы найдете в популярных библиотеках, таких как Lodash.
👉 GitHub
Youmightnotneedjquery
You Might Not Need jQuery
Examples of how to do common event, element, ajax and utility operations with plain javascript.
This media is not supported in your browser
VIEW IN TELEGRAM
1. Отладка: DeviceScript поддерживает отладку в Visual Studio Code как для встроенного оборудования, так и для симулированных устройств.
2. Локальная и удаленная рабочая среда: вы можете работать над своими проектами как локально, так и в удаленном контейнере. Эта гибкость может быть полезна для совместной работы и доступа к ресурсам, которые недоступны локально.
3. Драйверы на TypeScript: с помощью DeviceScript вы можете писать драйверы на TypeScript для интерфейсов, таких как
I2C и SPI. 4. Экосистема пакетов: DeviceScript интегрируется с менеджерами пакетов, включая
npm, yarn или pnpm.Please open Telegram to view this post
VIEW IN TELEGRAM