跟風做一波【口罩地圖】
https://wcc723.github.io/wheremask/
選擇地區後,會列出該區的藥局
如果有口罩則會是綠色,沒有則是灰色
點擊左側選單也會移動到藥局
如果要連結至 Google Map 也可以直接點擊地址
使用工具:
- Vue Cli
- Open Street Map
vue cli 3 在 軟體開發學習資訊分享 Facebook 八卦
使用 Vue JS 2 + Webpack + Vue-router + Axios 建構 App,元件化、模組化開發方式。從專案的計劃階段、需求分析、設計階段、編寫程式、測試、專案打包,瞭解專案從 0 到 1 的整個開發流程。
從這 15.5 小時的課程,你會學到
1. 瞭解一個真實專案完整的開發流程
2. 學會元件化、模組化的開發模式
3. 掌握使用 Vue-cli 初始化 Vuejs 專案
4. 瞭解 webpack 配置及打包原理
5. 學會模擬 json 後端資料,前後端分離開發
6. 學會使用 vue-router 開發單頁應用
7. 學會使用 Axios 與後端資料互動
8. 學會如何在 Vuejs 框架里和第三方 JS 套件互動
9. 瞭解移動端設備像素比的概念
10. 學會製作並使用圖標字
11. 學會如何實機偵錯
12. 學會 flex 彈性佈局
https://softnshare.wordpress.com/2017/12/07/vuejs-app/
vue cli 3 在 老闆 來點寇汀吧。 Boss,CODING please. Facebook 八卦
老闆,製作一門有教育浪漫理想的課程要花多久呢?
ans:#我用了一年(汗流浹背)。
2017/8–2018/8,整整一年時間,我在 Hahow 好學校 製作我的第二門線上課程,把我對線上課程的想像再做好做滿、做爆,做到未曾有人嘗試的東西,也希望他能夠在深度、廣度上完整超過第一堂課。
#這麼猛爆努力的原因
我也同時在探討自己對互動網頁的憧憬從何而來,我最後找到數學與科學。數學與科學的美,是終於在世界中找到秩序,所以即使聽起來艱深,這門課也能與所有人共鳴。
#回到眼前
幸好課程也得到學生們猛爆的肯定(抹額頭汗),回到眼前,課程用有趣的範例,從程式、數學、或設計,整合式的帶你走入絢麗的特效網頁世界,從解決真實的問題或創作來看見學習的目的。
從 html/css 講到 物件導向 講到 數學、音樂、遊戲的綜合應用,囊括 JavaScript 完整入門、es6 物件導向,到後來自己了解原理並做一個遊戲引擎,範例從記憶遊戲、小精靈、生成式藝術到 agar.io。
長達 3,085分鐘,超過 60 個精緻範例與 400 張的投影片,以及四個加碼單元 vue-cli、GSAP、D3、Three.js 的投影片,成為 Hahow 上最長的課程,有興趣的話,就來看看吧。
--
閱讀全文 👉 http://creativecoding.peek.link/29tA
瞧瞧課程 👉
動畫互動網頁程式入門(HTML/CSS/JS):https://bit.ly/3wM2vtj
動畫互動網頁特效入門(JS/CANVAS):https://bit.ly/36KD7JV
vue cli 3 在 3-1 Vue CLI 介紹 - 重新認識Vue.js 的相關結果
Vue CLI 是由Vue.js 核心團隊所開發,用來提供開發者快速建置Vue.js 專案並整合相關工具鍊的一套指令列(command-line) 工具。它的特色是提供開發者在短短 ... ... <看更多>
vue cli 3 在 【Vue.js系列二】使用vue-cli 3. 一 的相關結果
安裝: VUE的功能包(腳手架) — Vue CLI 3. $ npm install -g @vue/cli. 建立一個vue cli 3 新的專案: $ vue create vue_demo. ... <看更多>
vue cli 3 在 Vue CLI 的相關結果
Standard Tooling for Vue.js Development. ... Vue CLI is fully configurable without the need for ejecting. This allows your project to stay up-to-date for ... ... <看更多>