再來就是根據陣營選插件

陣營？什麼陣營？我漏發一天了嗎？

沒有拉
這邊說的陣營

是指說現在業界，流行的三大JavaScript框架

• Angular
• React
• Vue

框架就是希望你寫程式時，專注於「如何把事情達成」
而不是專注在「抓東西讓他達成」

這可能有點難懂

想像你去一個網頁
有個按鈕，你希望那個按鈕按下去會做一些事情
用jQuery寫法，概念就是要抓到那個按鈕在哪邊，然後要他做事情
用框架寫法，概念就是寫要做甚麼事情，然後把事情綁給他

以及
各大框架都會幫忙處理一些底層的東西

所以概念就想成
你要指派管家做事情，你交代完事情的細節和教他怎麼做
然後你就等著管家去把事情做了，然後收到管家執行事情的成果

然後每個管家習性不一樣

像是有的規定打掃用具要放在這邊，餐具要放在那邊，管家才比較會做
或是比較會說台語之類的

目前每個後面都有不少的勢力

• Angular 後面是google
• React 後面是Facebook
• Vue 後面是開放社群

而小弟不巧是Angular派的
所以就介紹Angular的插件

Angular插件
1.

靠
這麼多，作者你是常常插隊解壓縮嗎
一個裡面卻這麼多插件

好啦
其實這都是建議裝的插件

但是裡面最最最主要的
只要裝這個就好

這個是人稱保哥的人整理的插件

保哥是誰.....這問題等你未來會寫Angular時再去了解就好

再來就是一些覺得有趣
不一定要裝，但是裝了也沒關係

TabNine

號稱會智能學習預測你後面要打什麼字詞的插件
建議初學者先不必開，學TypeScript的不一定要開

原因是初學者不知道後面要接什麼才是對的，建議字詞的準確度也會很差
TypeScript則是後面能接什麼東西都幫你列好了，也不是那麼需要預測

Todo Tree

這個則是能將代辦事項TODO整理起來

這樣就知道到底哪邊還有你留下的坑沒處理完(誤)

Gremlins tracker for Visual Studio Code

這個則是一個很好的防同事惡整你的小插件
幫你查出奇怪的標點符號

像是要是有人偷偷用其他語言的分號或是'來魚目混珠
害你debug de半天弄不出來

這個插件可以防止這種可能性

直接幫你標示出來

Fantastic (Ayu, Darcula, Gruvbox, Material, Monokai, Slime, Oceanic, One)

這個是我個人蠻喜歡的佈景主題配色套件
各位可以用看看或是找自己喜歡的

再來說說網頁的骨架吧
HTML

一樣
我們先來看看定義
https://developer.mozilla.org/zh-TW/docs/Web/HTML

恩.....好的 看了也是看不懂

那換看看這個會不會比較好理解

https://developer.mozilla.org/zh-TW/docs/Learn/Getting_started_with_the_web/HTML_basics

如果看了這個還是不理解.......

沒關係，我們明天再來慢慢說

HTML概念就很像是我們學英文單字一樣

用認識
這是蘋果、這是西瓜、這是香蕉

的方式去認識

用多了就知道這是什麼了

至於會看到什麼HTML5

HTML5是HTML + CSS3 + JS API

以及HTML5增加了 Semantics Elements (語意元素)
在我心中的概念比較像是
讓網頁的架構有更好的描述包裝
HTML中可能我們身上穿的都稱作是布料加工品
HTML5可以稱呼自己身上穿的是衣服和褲子和鞋子

這樣的差距

其他的明天繼續說