iT邦幫忙

鐵人檔案

2021 iThome 鐵人賽
回列表
Modern Web

菜鳥學前端,一起vue起來 ! 系列

因為學校課程需要參加鐵人賽!
雖然是個大菜鳥但還是加油希望可以順利完成鐵人賽QQ
這段時間想藉由網路上的文章影片來學習vue.js
並記錄學習過程內容等等
(稱不上教學,畢竟我什麼都不會TAT)

鐵人鍊成 | 共 30 篇文章 | 7 人訂閱 訂閱系列文 RSS系列文 團隊挨踢SHE
DAY 1

Day 1.開賽前的小心得

前言從去年就看到學長們在做鐵人賽崩潰的樣子,沒想到這麼快,今年換我們了(;´༎ຶД༎ຶ`)對於剛要升大三的我來說,雖然在學校有接觸一些資訊相關的課程,但學的有限...

2021-09-13 ‧ 由 ㄆㄩ 分享
DAY 2

Day 2.來交朋友吧!-Vue.js是誰?

Vue 由前 Google 工程師尤雨溪在 2014 年 2 月所建立的一套開放源碼(Open Source)的漸進式框架。Vue 的核心主要處理使用者介面(核...

2021-09-14 ‧ 由 ㄆㄩ 分享
DAY 3

Day 3.環境預備備(一)-VSCode的加入

先來談談IDE是什麼吧!IDE,Integrated Development Environment,也稱為Integration Design Environ...

2021-09-15 ‧ 由 ㄆㄩ 分享
DAY 4

Day 4.環境預備備(二)- Node.js

NPM (全稱 Node Package Manager,即「node包管理器」),它是一個線上套件庫,可以下載各式各樣的 Javascript 套件來使用。所...

2021-09-16 ‧ 由 ㄆㄩ 分享
DAY 5

Day 5. 怎麼開始Vue起來

Vue 的官網提供了三種不同的方式供我們使用,我們可以依照自己需求選擇不同的方式開始我的與vue的旅程!1. 直接在Html中用引入Vue.js 庫 使用V...

2021-09-17 ‧ 由 ㄆㄩ 分享
DAY 6

Day 6.來建立第一個專案吧

我們先來創建一個資料夾來放我們的檔案們吧首先打開我們的VSCode,一樣打開終端機(Ctrl + Shift + `),輸入cd / 路徑就會跳到C槽,再輸入m...

2021-09-18 ‧ 由 ㄆㄩ 分享
DAY 7

Day 7. 介紹一下VSCode-打code好幫手

Visual Studio Code(簡稱VS Code)是一個由微軟開發的,同時支援Windows、Linux和macOS作業系統且開放原始碼的文字編輯器,它...

2021-09-19 ‧ 由 ㄆㄩ 分享
DAY 8

Day 8. 聲明式渲染-跟Vue說Hello

開始Hello Vue前先插播一個錯誤調試工具- Vue.js devtools這個chrome瀏覽器開發套件,是個好用的debug工具,可以在檢查組件的相關資...

2021-09-20 ‧ 由 ㄆㄩ 分享
DAY 9

Day 9. 雙向綁定-MVVM

常提到的設計架構MVC與MVVMMVCMVC全名為Model View Controller ,是模型(Model)- 視圖(View)- 控制器(Contro...

2021-09-21 ‧ 由 ㄆㄩ 分享
DAY 10

Day 10. 實實在在的實體 - Vue Instance

Vue Instance 實體/實例 Vue Instance可以解釋成實體化一個Vue的物件,每個Vue.js 的應用都可以透過new vue來建立root...

2021-09-22 ‧ 由 ㄆㄩ 分享