This media is not supported in your browser
VIEW IN TELEGRAM
Разработка одностраничного приложения с помощью Flask и Vue.js
Ловите пошаговое руководство по настройке базового CRUD-приложения с помощью Vue и Flask. Здесь вы начнёте с создания каркасов нового приложения Vue, а затем перейдёте к выполнению основных операций CRUD с помощью внутреннего RESTful API, работающего на Python и Flask.
К концу работы над проектом вы научитесь работать с Flask, Vue, RESTful API, подключать фронтенд к бэкенду, использовать маршрутизацию и многое другое. Начинаем здесь:
https://testdriven.io/blog/developing-a-single-page-app-with-flask-and-vuejs/
#flask #vue #spa
Ловите пошаговое руководство по настройке базового CRUD-приложения с помощью Vue и Flask. Здесь вы начнёте с создания каркасов нового приложения Vue, а затем перейдёте к выполнению основных операций CRUD с помощью внутреннего RESTful API, работающего на Python и Flask.
К концу работы над проектом вы научитесь работать с Flask, Vue, RESTful API, подключать фронтенд к бэкенду, использовать маршрутизацию и многое другое. Начинаем здесь:
https://testdriven.io/blog/developing-a-single-page-app-with-flask-and-vuejs/
#flask #vue #spa
👍9👎3
Как сделать кастомный Semi Donut Chart с помощью SVG
Semi Donut Chart — одна из форм представления отчётов в виде полукруглой диаграммы. Используется в том случае, когда важна не математическая точность, а наглядность.
Если вы хотите сделать интересный Semi Donut Chart без использования библиотек по типу Chart.js, то этот туториал для вас.
#vue #html #charts
Semi Donut Chart — одна из форм представления отчётов в виде полукруглой диаграммы. Используется в том случае, когда важна не математическая точность, а наглядность.
Если вы хотите сделать интересный Semi Donut Chart без использования библиотек по типу Chart.js, то этот туториал для вас.
#vue #html #charts
👍7
Изучение Vue.js в 2023 году: дорожная карта разработчика
Vue.js — это популярный JavaScript-фреймворк для создания пользовательских интерфейсов.
Для того, чтобы освоить его нужно изучить не только технологии, которые касаются непосредственно Vue.js, но и уметь работать с инструментами сборки вроде менеджеров пакетов и Vite, владеть CSS на уровне архитектуры и препроцессоров, управлять состоянием и многое другое.
Дорожная карта с подробными объяснениями каждого пункта ждёт вас по ссылке:
https://tproger.ru/articles/izuchenie-vue-js-v-2021-godu-dorozhnaja-karta-razrabotchika/
#vue #roadmap
Vue.js — это популярный JavaScript-фреймворк для создания пользовательских интерфейсов.
Для того, чтобы освоить его нужно изучить не только технологии, которые касаются непосредственно Vue.js, но и уметь работать с инструментами сборки вроде менеджеров пакетов и Vite, владеть CSS на уровне архитектуры и препроцессоров, управлять состоянием и многое другое.
Дорожная карта с подробными объяснениями каждого пункта ждёт вас по ссылке:
https://tproger.ru/articles/izuchenie-vue-js-v-2021-godu-dorozhnaja-karta-razrabotchika/
#vue #roadmap
👍11💩5🔥1
This media is not supported in your browser
VIEW IN TELEGRAM
Анимация появления и исчезновения элемента на Vue.js
Привет, на связи админ! Не так давно у нас на канале выходил пост на тему анимации элементов на React.
В комментариях наш подписчик @tkenz попросил выпустить материал по этой теме, только уже на Vue.js.
И вот, что мне удалось найти.
Здесь автор затронул и анимацию первоначальной отрисовки, и javaScript-хуки, и режимы переходов и многое другое. Так что обязательно прочитайте её, пригодится:
https://tprg.ru/RHC9
#vue
Привет, на связи админ! Не так давно у нас на канале выходил пост на тему анимации элементов на React.
В комментариях наш подписчик @tkenz попросил выпустить материал по этой теме, только уже на Vue.js.
И вот, что мне удалось найти.
Здесь автор затронул и анимацию первоначальной отрисовки, и javaScript-хуки, и режимы переходов и многое другое. Так что обязательно прочитайте её, пригодится:
https://tprg.ru/RHC9
#vue
👍9❤1
Как создать и развернуть библиотеку компонентов Vue в NPM
Если вы в разных проектах используете одну и ту же систему дизайна, эффективнее и быстрее иметь библиотеку компонентов, на которую можно ссылаться для всех ваших компонентов в разных проектах.
В этой статье автор подробно разобрал, как использовать этот лайфхак на практике:
https://habr.com/ru/articles/678274/
#vue
Если вы в разных проектах используете одну и ту же систему дизайна, эффективнее и быстрее иметь библиотеку компонентов, на которую можно ссылаться для всех ваших компонентов в разных проектах.
В этой статье автор подробно разобрал, как использовать этот лайфхак на практике:
https://habr.com/ru/articles/678274/
#vue
👍6❤1😁1
Создание приложения погоды на Vue.js
Отличный урок как раз к выходным. Если думали над пет-проектом, то вот интересный вариант: приложение погоды на Vue JS, Open Weather Map API и restful api для получения данных о погоде.
Подробнее:
https://youtu.be/JLc-hWsPTUY
#видео #vue
Отличный урок как раз к выходным. Если думали над пет-проектом, то вот интересный вариант: приложение погоды на Vue JS, Open Weather Map API и restful api для получения данных о погоде.
Подробнее:
https://youtu.be/JLc-hWsPTUY
#видео #vue
❤12👍1👎1
SSR и SEO в SPA
Представьте себе ситуацию: у вас есть SPA с рендерингом на клиенте, и вы хотите, чтобы содержимое тега
Эта статья расскажет, как добавить server side Open Graph и другие SEO-теги в ваше приложение без необходимости мигрировать на SSR фреймворк.
#spa #seo #vue
Представьте себе ситуацию: у вас есть SPA с рендерингом на клиенте, и вы хотите, чтобы содержимое тега
<head> менялось в зависимости от URL. Эта статья расскажет, как добавить server side Open Graph и другие SEO-теги в ваше приложение без необходимости мигрировать на SSR фреймворк.
#spa #seo #vue
❤5👎1
Как типизировать Vuex Store
Лидерство среди глобальных хранилищ состояний занимает Pinia, и она даже стала стандартом по умолчанию для всей экосистемы Vue. Но Vuex все ещё жив и активно используется.
В статье автор объясняет, зачем нужна типизация state и почему предпочтительнее использовать Pinia. Он демонстрирует, как задать типы для mutations, actions и getters.
В результате вы получите 100% типобезопасный Vuex, избегая при этом путаницы в сложных объявлениях типов.
#vue #pinia #typescript
Лидерство среди глобальных хранилищ состояний занимает Pinia, и она даже стала стандартом по умолчанию для всей экосистемы Vue. Но Vuex все ещё жив и активно используется.
В статье автор объясняет, зачем нужна типизация state и почему предпочтительнее использовать Pinia. Он демонстрирует, как задать типы для mutations, actions и getters.
В результате вы получите 100% типобезопасный Vuex, избегая при этом путаницы в сложных объявлениях типов.
#vue #pinia #typescript
👍6👎2
Разработчики фреймворка Vue напомнили, что цикл поддержки Vue 2 завершается в конце 2023 года
В блоге Vue рассказали, что 31 декабря 2023 года заканчивается цикл поддержки Vue 2. Разработчикам следует перейти на актуальную версию.
После 31 декабря 2023 года Vue 2 перестанет получать новые функции, исправления ошибок и обновления. Устаревшую версию фреймворка не будут удалять из официальных каналов распространения.
Кроме того, следующие npm-пакеты будут отмечены как устаревшие:
— все основные и второстепенные версии ядра Vue 2;
— версии vue-router, поддерживающие работу только с Vue 2;
— версии vuex, поддерживающие только Vue 2.
Для тех, кто не может в ближайшее время совершить миграцию на Vue 3, разработчики рекомендуют:
— обновиться до версии 2.7.16, которая выйдет в конце этого месяца и будет содержать в себе несколько важных исправлений;
— если в проекте строгие требования к безопасности, то можно перейти на версию Vue 2 NES (Never-Ending Support) от HeroDevs.
Ох уж этот дивный мир JS, где разработчики переписывают с нуля каждый фреймворк без обратной совместимости...
#vue
В блоге Vue рассказали, что 31 декабря 2023 года заканчивается цикл поддержки Vue 2. Разработчикам следует перейти на актуальную версию.
После 31 декабря 2023 года Vue 2 перестанет получать новые функции, исправления ошибок и обновления. Устаревшую версию фреймворка не будут удалять из официальных каналов распространения.
Кроме того, следующие npm-пакеты будут отмечены как устаревшие:
— все основные и второстепенные версии ядра Vue 2;
— версии vue-router, поддерживающие работу только с Vue 2;
— версии vuex, поддерживающие только Vue 2.
Для тех, кто не может в ближайшее время совершить миграцию на Vue 3, разработчики рекомендуют:
— обновиться до версии 2.7.16, которая выйдет в конце этого месяца и будет содержать в себе несколько важных исправлений;
— если в проекте строгие требования к безопасности, то можно перейти на версию Vue 2 NES (Never-Ending Support) от HeroDevs.
Ох уж этот дивный мир JS, где разработчики переписывают с нуля каждый фреймворк без обратной совместимости...
#vue
👍13❤1
Old but gold: Сквозь тернии к core-у, или процесс компиляции Vue
Сегодня Vue пользуется огромной популярностью, успешно конкурируя с React. У него есть и удобные шаблоны, и однофайловые компоненты, и хранилище состояний и многое другое прямо «из коробки».
Но как это всё работает и компилируется? В этой статье вы найдёте ответ: https://habr.com/ru/companies/nordclan/articles/690522/
#фронтенд #vue
Сегодня Vue пользуется огромной популярностью, успешно конкурируя с React. У него есть и удобные шаблоны, и однофайловые компоненты, и хранилище состояний и многое другое прямо «из коробки».
Но как это всё работает и компилируется? В этой статье вы найдёте ответ: https://habr.com/ru/companies/nordclan/articles/690522/
#фронтенд #vue
👍5