iT邦幫忙

鐵人檔案

第 12 屆 iT 邦幫忙鐵人賽
回列表
Modern Web

30天手把手的vue.js教學! 系列

介紹熱門的前端框架vue.js,讓新手一步步的了解各種屬性、語法的使用,最終打造簡單的小型專案!

鐵人鍊成 | 共 30 篇文章 | 24 人訂閱 訂閱系列文 RSS系列文 團隊Outcome First
DAY 21

2020it邦鐵人賽-30天手把手的Vue.js教學 Day21 - 認識Router(上)

tags: Vue.js ItIron2020 前言 前兩天我們介紹了vuex的概念與基本的使用,今天則將目光放到另一個常用的套件-router身上! 馬上就開...

2020-10-04 ‧ 由 windate3411 分享
DAY 22

2020it邦鐵人賽-30天手把手的Vue.js教學 Day22 - 認識Router(下)

tags: Vue.js ItIron2020 前言 昨天我們介紹了vue-router的基本使用,包含安裝、基本設定、router-view & ro...

2020-10-05 ‧ 由 windate3411 分享
DAY 23

2020it邦鐵人賽-30天手把手的Vue.js教學 Day 23 - 利用netlify部屬你的vue專案!

tags: Vue.js ItIron2020 前言 昨天我們介紹完vue router的概念,了解vue、vuex & vue-router後,其實你...

2020-10-06 ‧ 由 windate3411 分享
DAY 24

2020it邦鐵人賽-30天手把手的Vue.js教學 Day24 - 小試身手! 打造個簡單的天氣app吧!(上)

tags: Vue.js ItIron2020 前言 昨天我們介紹了如何利用netlify將你的vue專案簡單部屬到遠端讓人隨意把玩,現在就讓我們來看看你所學的...

2020-10-07 ‧ 由 windate3411 分享
DAY 25

2020it邦鐵人賽-30天手把手的Vue.js教學 Day25 - 小試身手! 打造個簡單的天氣app吧!(中)

tags: Vue.js ItIron2020 前言 昨天我們完成了天氣APP的基本設置,今天就要一鼓作氣完成整個頁面結構與樣式的部分! 放心,真的相~當容易的...

2020-10-08 ‧ 由 windate3411 分享
DAY 26

2020it邦鐵人賽-30天手把手的Vue.js教學 Day26 - 小試身手! 打造個簡單的天氣app吧!(下)

tags: Vue.js ItIron2020 前言 昨天我們完成了整個app的架構與樣式,今天我們就要來處理剩下的邏輯問題,只要之前vue的東西都有聽懂的話,...

2020-10-09 ‧ 由 windate3411 分享
DAY 27

2020it邦鐵人賽-30天手把手的Vue.js教學 Day27 - 額外插播: 6個寫vue你應該要知道的Best practices

tags: Vue.js ItIron2020 前言 我知道突然寫這樣的主題有些突兀,不過前幾天weather app的文章有點超乎我的預期XD 原本是打算利用...

2020-10-10 ‧ 由 windate3411 分享
DAY 28

2020it邦鐵人賽-30天手把手的Vue.js教學 Day28 - 關心時事! 做個簡單的COVID-19追蹤app吧!(上)

tags: Vue.js ItIron2020 前言 終於進到最終的三天了,坦白說做為一個教學的系列文,我是很想多示範幾個微型專案做為教學,但我自己在篇幅的分配...

2020-10-11 ‧ 由 windate3411 分享
DAY 29

2020it邦鐵人賽-30天手把手的Vue.js教學 Day29 - 關心時事! 做個簡單的COVID-19追蹤app吧!(中)

tags: Vue.js ItIron2020 前言 昨天我們完成了專案的基本建置並建立一個簡單的chart做為暖身練習,今天我們要接續chart的實作,從資料...

2020-10-12 ‧ 由 windate3411 分享
DAY 30

2020it邦鐵人賽-30天手把手的Vue.js教學 Day30 - 關心時事! 做個簡單的COVID-19追蹤app吧!(下)

tags: Vue.js ItIron2020 前言 昨天我們已經成功了做出了六個圖表,利用將整理成renderData讓我們印出的部分可寫得相當的簡潔~! 今...

2020-10-13 ‧ 由 windate3411 分享