哈囉哈囉，這是我參加 IT 邦幫忙 2020 IT 鐵人系列影片的第一支影片。
這支影片的內容有：

• 要開始了好緊張的自我介紹
• 參賽動機
• 超級簡單的計畫規劃
• 然後還有無敵簡單的一個 HTML 網頁

本文作者是一個今年四月多開始認真學網頁的超級新手，這是一段整理自己所學，然後也挑戰自己的鐵人賽。現在要發文的想法是緊張到打字的手都在抖，但是我會努力把這一趟鐵人跑完。

另外因為我真的很新，所以想必有很多不足之處，也非常歡迎所有大大一起來補洞（？）
不管是建議、指教或補充都非常歡迎，都邀請大家和我一起來把這三十天走完～

影片：

希望這三十天可以順利完成。我們明天見！

20190917 更新

感謝下面大大建議我可以把用到的外掛貼上來，我覺得是個好想法所以來更新一下，順便分享下我的 VSCode 有用的外掛～

影片中有出現的外掛有：

• Prettier - Code formatter
  幫你把 code 自己排好
• Live Server
  每次存檔都會自動 reload，就不用每次都在瀏覽器上 reload
• Emmet in Visual Studio Code
  有一些快捷打法，像是打.class，按下Tab就會自動生成 <div class="class"></div>
  但是我有點忘記這個是不是要另外裝的東西，還是 VSCode 本來就有的東西了

我另外也覺得挺方便的外掛是：

• ESLint
  幫你標示出哪些地方不符合 ESLint 標準
  搭配 Prettier 使用，可以自動修正成符合標準的版本
• Chinese (Traditional) Language Pack for Visual Studio Code
  把部分版面中文化，沒有腦子閱讀英文的時候很棒
  貢獻者有很多熟悉的名字，感謝大大們！
• Bracket Pair Colorizer 2
  把括號標色，方便辨識是否成對存在
  對眼殘的我超方便
• Todo Tree
  用註解把需要修改的地方放上，會自動生成 todo list

我覺得可愛的外掛：

• vscode-faker
  會生成假的姓名、地址等等，從此可以看到一些像真人的人名，不用大家都叫 John
  但是只有英文ＱＱ。
• Power Mode
  打字的時候會有有趣的特效，像是放煙火。
  計算連續打擊數
  沒有什麼實質幫助（也許還會害系統變慢），但用了就是開心。

不小心就變成一邊超長的文章，比我本來的文章還要長。
有些外掛是一起學習的前輩或同學告訴我的，有些是這支影片看到的。
希望大家有看到自己喜歡的。
Happy coding!