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 |