Forwarded from Веб-страница
Максимальная оптимизация загрузки изображений в 2021 году
Автор этой статьи описывает 6 методов, которые позволяют повысить скорость загрузки изображений на сайте, а также снизить использование CPU для их отображения.
Здесь представлены как традиционные способы, так и относительно новые:
https://tprg.ru/9Gv7
Автор этой статьи описывает 6 методов, которые позволяют повысить скорость загрузки изображений на сайте, а также снизить использование CPU для их отображения.
Здесь представлены как традиционные способы, так и относительно новые:
https://tprg.ru/9Gv7
Forwarded from Frontender Libs - обзор библиотек JS / CSS
JS | eruda - консоль для мобильных браузеров
Если вам нужно открыть сайт в веб инспекторе, а под рукой только телефон и нет доступа к десктопному браузеру, вам поможет этот плагин. Позволяет открыть полноценную браузерную консоль прямо в телефоне.
Если вам нужно открыть сайт в веб инспекторе, а под рукой только телефон и нет доступа к десктопному браузеру, вам поможет этот плагин. Позволяет открыть полноценную браузерную консоль прямо в телефоне.
Forwarded from FrontEnd книги для программистов
Forwarded from Веб-страница
Как оптимизировать PWA
Прогрессивные веб-приложения получают всё большую популярность благодаря тем возможностям, которые они предоставляют как пользователям, так и разработчикам.
В этой статье рассматриваются способы оптимизации PWA, которые помогут ещё сильнее улучшить пользовательский опыт:
https://tprg.ru/5YMq
#pwa
Прогрессивные веб-приложения получают всё большую популярность благодаря тем возможностям, которые они предоставляют как пользователям, так и разработчикам.
В этой статье рассматриваются способы оптимизации PWA, которые помогут ещё сильнее улучшить пользовательский опыт:
https://tprg.ru/5YMq
#pwa
Forwarded from WebCraft - ремесло веб разработки
Vue | NativeScript, создаём мобильное приложение
Создавайте собственные приложения для iOS и Android с помощью JavaScript.
Платформа с открытым исходным кодом для создания действительно нативных мобильных приложений с использованием Angular, Vue.js, TypeScript или JavaScript.
Создавайте собственные приложения для iOS и Android с помощью JavaScript.
Платформа с открытым исходным кодом для создания действительно нативных мобильных приложений с использованием Angular, Vue.js, TypeScript или JavaScript.
Forwarded from WebCraft - ремесло веб разработки
Nuxt | Серия видеоуроков для начала работы
Десять видеоуроков, рассказывают о работе с Nuxt, с самого начала, каждый урок продублирован текстовой статьёй.
Темы:
- Введение
- Установка
- Маршрутизация и ссылки
- Динамическая маршрутизация
- Получение данных
- СЕО
- Авто компоненты и Ленивая загрузка
- Глобальные стили и переходы
- Генерация и размещение
- Следующие шаги
Десять видеоуроков, рассказывают о работе с Nuxt, с самого начала, каждый урок продублирован текстовой статьёй.
Темы:
- Введение
- Установка
- Маршрутизация и ссылки
- Динамическая маршрутизация
- Получение данных
- СЕО
- Авто компоненты и Ленивая загрузка
- Глобальные стили и переходы
- Генерация и размещение
- Следующие шаги
Forwarded from WebCraft - ремесло веб разработки
Vue | Приёмы для разработки
В статье описываются подходы к организации работы vue приложения такие как:
- Централизованная шина событий
- Централизованная шина промисов
- Плоские структуры
- Действия вместо мутаций
- Ограничение реактивности
В статье описываются подходы к организации работы vue приложения такие как:
- Централизованная шина событий
- Централизованная шина промисов
- Плоские структуры
- Действия вместо мутаций
- Ограничение реактивности
Прикольная библиотечка для списков и гридов с перетаскивающимися элемнтами на основе Sortable.js
https://github.com/SortableJS/Vue.Draggable
https://github.com/SortableJS/Vue.Draggable
GitHub
GitHub - SortableJS/Vue.Draggable: Vue drag-and-drop component based on Sortable.js
Vue drag-and-drop component based on Sortable.js. Contribute to SortableJS/Vue.Draggable development by creating an account on GitHub.
Forwarded from WebCraft - ремесло веб разработки
Vue | Vue 3 на Typescript
Популярность Typescript растет день ото дня, Vue старается не отставать от моды, и в новой версии фреймворка была значительно улучшена поддержка Typescript. Теперь переход на Typescript проще и приятнее, чем был раньше. Хороший повод научиться чему-то новому, тем более, что в требованиях к вакансиям он встречается все чаще и чаще.
Популярность Typescript растет день ото дня, Vue старается не отставать от моды, и в новой версии фреймворка была значительно улучшена поддержка Typescript. Теперь переход на Typescript проще и приятнее, чем был раньше. Хороший повод научиться чему-то новому, тем более, что в требованиях к вакансиям он встречается все чаще и чаще.
Forwarded from WebCraft - ремесло веб разработки
Vue | Quasar — швейцарский нож для Vue
Quasar позволяет строить SPA-, SSR-, PWA-, Electron- и нативные мобильные приложения, а также делать браузерные плагины и пользоваться библиотекой компонентов на Material 2.0. И всё это строится на одной кодовой базе, что теоретически позволяет некий функционал реализовать одновременно под почти все возможные платформы и запросы. Всё это многообразие тщательно стандартизировано и задокументировано, чтобы сделать жизнь разработчика легче и сформировать непреодолимую привязанность к проекту.
Quasar позволяет строить SPA-, SSR-, PWA-, Electron- и нативные мобильные приложения, а также делать браузерные плагины и пользоваться библиотекой компонентов на Material 2.0. И всё это строится на одной кодовой базе, что теоретически позволяет некий функционал реализовать одновременно под почти все возможные платформы и запросы. Всё это многообразие тщательно стандартизировано и задокументировано, чтобы сделать жизнь разработчика легче и сформировать непреодолимую привязанность к проекту.
Forwarded from FrontEnd книги для программистов
Get Programming with Node.js
Автор: Jonathan Wexler
Год издания: 2019
Скачать книгу pdf
Скачать книгу epub
#node #english
Автор: Jonathan Wexler
Год издания: 2019
Скачать книгу pdf
Скачать книгу epub
#node #english
Forwarded from WebCraft - ремесло веб разработки
Vue | Решаем задачу с валидацией форм
Валидация форм — одна из самых важных задач на сайте. Необходимо проверять данные на присутствие, на совпадение по паттерну, создавать асинхронные валидации, применять валидации только после снятия фокуса с поля или перед отправкой формы.
В статье показываются и сравнивают способы валидации полей:
-Валидации с помощью средств HTML5
-Валидации без использования библиотек
-vee-validate
-Vuelidate
Валидация форм — одна из самых важных задач на сайте. Необходимо проверять данные на присутствие, на совпадение по паттерну, создавать асинхронные валидации, применять валидации только после снятия фокуса с поля или перед отправкой формы.
В статье показываются и сравнивают способы валидации полей:
-Валидации с помощью средств HTML5
-Валидации без использования библиотек
-vee-validate
-Vuelidate
Forwarded from TechSkills - книги по программированию
Современный JavaScript для нетерпеливых
Автор: Кэй С. Хорстман
Год издания: 2021
Скачать книгу
#javascript #русский
Автор: Кэй С. Хорстман
Год издания: 2021
Скачать книгу
#javascript #русский
☕️ 7 советов изучающему Vue.js новичку
Vue.js – один из самых популярных фреймворков для фронтенд-разработки и один из самых простых в изучении. Рассказываем, на что нужно обратить внимание желающим освоить его с нуля новичкам.
https://proglib.io/w/fe8fa290
#vue
Vue.js – один из самых популярных фреймворков для фронтенд-разработки и один из самых простых в изучении. Рассказываем, на что нужно обратить внимание желающим освоить его с нуля новичкам.
https://proglib.io/w/fe8fa290
#vue
Forwarded from WebCraft - ремесло веб разработки
Vue UI - Первый взгляд
Наглядный обзор возможностей утилиты Vue UI для развертывания и управления проектами на Vue.js.
Наглядный обзор возможностей утилиты Vue UI для развертывания и управления проектами на Vue.js.
Forwarded from NOP::Nuances of Programming
В третьей версии популярного JavaScript-фреймворка Vue появилась новая функциональность Composition API, которая значительно облегчает жизнь программисту. Она упрощает повторное использование логики в разных модулях больших приложений, позволяет лучше отслеживать и оптимизировать сложный код.
https://nuancesprog.ru/p/11296
@nuancesprog #статьи #Vue
https://nuancesprog.ru/p/11296
@nuancesprog #статьи #Vue
Forwarded from WebCraft - ремесло веб разработки
Vue | Библиотеки UI-компонентов для Vue 3
Vue выпустила свою версию 3.0, в то время как большая часть ее библиотек, таких как библиотеки компонентов пользовательского интерфейса, все еще находится в стадии разработки для новой версии.
В статье рассмотрены библиотеки компонентов пользовательского интерфейса, которые работают с Vue 3 на 2021 год, и показан прогресс разработки трех основных библиотек UI-компонентов.
UI-библиотеки поддерживающие Vue 3:
- Element
- Ionic
- Primevue
- Vuetify - обещают поддержку в третьем квартале 2021
- Quasar - обещают поддержку в первом квартале 2021
Vue выпустила свою версию 3.0, в то время как большая часть ее библиотек, таких как библиотеки компонентов пользовательского интерфейса, все еще находится в стадии разработки для новой версии.
В статье рассмотрены библиотеки компонентов пользовательского интерфейса, которые работают с Vue 3 на 2021 год, и показан прогресс разработки трех основных библиотек UI-компонентов.
UI-библиотеки поддерживающие Vue 3:
- Element
- Ionic
- Primevue
- Vuetify - обещают поддержку в третьем квартале 2021
- Quasar - обещают поддержку в первом квартале 2021
Forwarded from FrontEndDev
Lazy Load Routes во Vue с динамическими комментариями webpack
https://css-tricks.com/lazy-load-routes-in-vue-with-webpack-dynamic-comments/
https://css-tricks.com/lazy-load-routes-in-vue-with-webpack-dynamic-comments/