VueJS, JS, HTML, Frontend - Uncolored collection
126 subscribers
228 photos
8 videos
5 files
541 links
Пополняющаяся коллекция материалов по VueJS и смежных технологий.

Канал по Laravel:
https://t.me/laravel_uncolored

По Svelte:
https://t.me/svelte_uncolored

По React:
https://t.me/react_uncolored

Для связи @RainySkys
Download Telegram
Что такое Vite: руководство по современному супербыстрому инструменту

Vite - это новое поколение инструментов для разработки фронтенда. Он очень быстрый и не зависит от фреймворка. Разбираемся, может ли он заменить CRA и webpack: https://proglib.io/w/5114eb57

#tools
Правильный способ заставить Vue перендерить компонент

Иногда бывает так, что реактивности Vue не хватает, и вам нужно перерендерить компонент. Или вам нужно сбросить DOM и начать сначала. Как сделать это правильно?

https://proglib.io/w/a2d4bac0

#vue
CoreUI Vue

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

👉 @sWebDev
This media is not supported in your browser
VIEW IN TELEGRAM
Tabulator — Библиотека для создания таблиц

Позволяет создавать интерактивные таблицы из различных данных, в формате HTML Table, Javascript Array или JSON.

Особенности / преимущества:
✔️Поддержка Safari, Chrome, Firefox, Opera, IE
✔️Оснащена полезными функциями (фильтры, сортировка, редактирование, загрузка данных)
✔️Возможность работы с React, Angular и Vue
✔️Не имеет зависимостей
✔️Стилизация с помощью классов CSS

Сайт: http://tabulator.info/
Гит: https://github.com/olifolkerd/tabulator

#библиотеки #полезно #js

👉 @frontend_mind
Forwarded from Веб-страница
Изучение Vue.js в 2022 году: дорожная карта разработчика

Первое, что нужно понять, так это то, что начинать изучение Vue или его аналога стоит только тогда, когда вы будете достаточно хорошо знать JavaScript. Если вы считаете, что уже достаточно изучили и готовы к изучению фреймворка, то держите дорожную карту с разбором каждого пункта:

https://tproger.ru/articles/izuchenie-vue-js-v-2021-godu-dorozhnaja-karta-razrabotchika/

#vue
Обучающее руководство для новичков по созданию бессерверных функций с помощью Netlify: настройка проекта, создание приложения и развертывание API.

https://nuancesprog.ru/p/14167/

@nuancesprog #Netlify #JavaScript
Forwarded from Веб-страница
Создание приложения с помощью Electron и Vue

JavaScript — это не только веб-разработка. Сегодня с помощью него можно создавать и полноценные мобильные или десктопные приложения. Для этого есть Electron — среда JavaScript, позволяющая создавать кроссплатформенные приложения. А в связке с Vue это сделать ещё проще. Посмотрите, как веб-разработчик может без особых усилий сделать полноценное приложение:

https://blog.logrocket.com/building-app-electron-vue/

#electron #vue
Forwarded from Веб-страница
50 вопросов на собеседовании по Vue JS

Хотите понять как чувствует себя кандидат на вакансию, а также узнать, что могут задать на собеседовании Vue-разработчику? Тогда открывайте видео и смотрите. А для больше интереса можете ставить видео на паузу и пробовать ответить самостоятельно до того, как об этом расскажет автор:

https://www.youtube.com/watch?v=umHjpWydn8I

#видео #vue
Forwarded from Веб-страница
Погружение в Vue 3 — API реактивности

Применительно к Vue, реактивность — это функция, позволяющая обновлять содержимое экрана в соответствии с изменениями внутри кода. В этой статье речь в первую очередь пойдёт о ref, но также автор затрагивает применение toRef, toRefs и isRef. Подробнее:

https://developers.deepgram.com/blog/2022/02/diving-into-vue-3-reactivity-api/

#фронтенд #vue
Методы обхода защиты Vue JS

Одним из недостатков Vue является уязвимость для XSS атак.
В статье мы рассмотрим:
1. Директивы;
2. Минимизация векторов;
3. События;
4. Мутации;
5. Адаптация полезной нагрузки для VueJS 3;
6. Teleport;
7. Сценарии использования.

👉 @sWebDev
API реактивности Vue 3

Реактивность во Vue - это функция, позволяющая обновлять содержимое экрана исходя из изменений внутри кода. В статье речь идёт о ref, но автор также упоминает toRef, toRefs и isRef.

👉 @sWebDev