1.Email subscription form Features: Simple form validation, ajax request
-
Pomodoro time counter Timeouts, add Material design UI
-
Bookmarks Manager Features: Forms, arrays, list search, local storage
-
Expenses calculation app
1.Email subscription form Features: Simple form validation, ajax request
Pomodoro time counter Timeouts, add Material design UI
Bookmarks Manager Features: Forms, arrays, list search, local storage
Expenses calculation app
http://open-notify.org/ - Current Location of the International Space Station, Number of People in Space; http://api.open-notify.org/astros.json
long list of various APIs https://github.com/public-apis/public-apis#finance
https://swapi.dev/, https://github.com/graphql/swapi-graphql
Есть 2 основных варианта
Мы пока будем использовать 1-ый вариант и можно будет перейти на 2-ой после docker и spa. Но если вы сразу настроите 2-ой вариант будет супер
Это пример сложной настройки https://www.digitalocean.com/community/tutorials/how-to-build-a-modern-web-application-to-manage-customer-information-with-django-and-react-on-ubuntu-18-04-ru
<!DOCTYPE html> | |
<html lang="en"> | |
<head> | |
<meta charset="utf-8"> | |
<meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
<meta name="viewport" content="width=device-width,initial-scale=1.0"> | |
</head> | |
<body> | |
<!-- vue --> |
<!DOCTYPE html> | |
<html style="height: 100%"> | |
<head> | |
<meta charset="utf-8"> | |
</head> | |
<body style="height: 100%; margin: 0"> | |
<div id="container" style="height: 100%"></div> | |
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts/dist/echarts.min.js"></script> | |
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts-gl/dist/echarts-gl.min.js"></script> | |
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts-stat/dist/ecStat.min.js"></script> |
# Официальная документация | |
разбирает все основные темы и практические решения на очень высоком уровне деталей | |
и должна использоваться как первый источник! | |
- ru.vuejs.org/v2/guide/ | |
- router.vuejs.org/ru/ | |
- vuex.vuejs.org/ru/ | |
- cli.vuejs.org/ru/guide/ |
1) Как вывести переменную message в HTML? К тегу добавить атрибут :value="message" | |
- message | |
- <message></message> | |
- {message} | |
+ {{message}} | |
2) Какой атрибут будет вызывать событие при клике на объект? | |
- <button v-click="change">Нажми меня</button> | |
- <button @click="{{change}}">ТеНажми менякст</button> | |
- <button v-on-click="change">Нажми меня</button> |
#1 | |
query { | |
topic(name:"graphql") { | |
relatedTopics{ | |
name | |
} | |
} | |
} | |
#2 |