这三十天的流程

在这三十天，我会用轻松且简易的方式讲解～就算是新手小白，也绝对不用怕学不会或理解得很模糊！
这三十天的流程都定好了，大概是像这样：
HTML基础 → CSS基础 → JS基础 → 网站实作 → 架设网站（关於主机＋网址） → 好用的工具 → 如何打造一个好的网站 → 关於前端工程师

上路前的准备有什麽？

手写笔记本

准备一本笔记本！（个人建议选用方格笔记本）

电子笔记本（可选用安装版或线上版）

HackMD是许多工程师、以工程师为目标的人或未来想往这方面发展的人非常喜欢的电子笔记，个人认为非常好用！（是线上版）

程序码编辑器

程序码编辑器是能让程序码在上面编辑後可在浏览器上运行的编辑器，而这次挑选的Visual Studio Code（简称VSCode）就是其中之一。

为什麽要选VSCode？

VSCode是微软开发的跨平台免费程序码编辑器，以下列出它的优点：

• 免费
• 可跨平台使用
• 有自订和扩充功能
• 内建debugger（除虫/除错工具）
• 有Emmet（可自动生成当前输入的对应程序码，例如：你打<div>，它会自动生成</div>）
• 有intellisense（类似於Emmet，不过是参数查询的部分）
• 有Multi Cursor（可一次修改/输入多个地方）
• 自动Format（自动排版）
• ......
  除了这些以外，VSCode还有其它非常多的优点哦！
  这应该也是为什麽许多人从Sublime Text和 Atom Editor等编辑器跳槽到VSCode的原因吧！

怎麽安装VSCode？

要安装VSCode非常简单～只需要到官网首页点击安装（Download Mac/Windows/Linux Universal
Stable Build）即可～
官网连结：https://code.visualstudio.com/

开始前要做的暖身操

建议上路之前先观摩看看别人的程序码

CodePen

CodePen是一个许多人觉得非常好用的网站，除了可以写程序码，还可以观摩其他「神人」写的程序，看了CodePen里「神人」们写的程序後，可能会佩服得五体投地XD

Github

Github是以Git（Git是一种版本控制系统，就像玩游戏时会有多个储存点能进入一样，只是储存点变成了版本纪录点）为核心的云端平台，可以将自己的开源代码/原始码/程序码放在上面供别人取得和参考（如果不想让别人看到自己的开源代码，需使用付费版的Github），上面也有很多看了以後会让你佩服得五体投地的大神作品哦！

其他网路资源

• YouTube和网路上很多地方都会有类似的教学，可以参考看看～
  这里推荐几个网路资源～：
• WenXuanDecode文轩解码（Youtube）
• 说哈设计 Show Hand Design（Youtube）
• CSScoke（Youtube）
• 竹白笔记（网路资源）

建议可以先自己探索与实作

如果你决定你要踏进写程序的世界，那你千万要谨记一点，写程序最重要的是探索与实作，其次才是观摩，如果你做什麽程序都只看课本或看别人写的程序，而不是自己实作，那也许你会一直停滞不前，或者是你看了懂，但不会写。蛤？有那麽糟？没错！就是有！所以重复一遍刚刚讲的，写程序最重要的是探索与实作！所以个人建议上路之前先找找网路资源，并跟着实作，这样就不会学得那麽痛苦XD，而且观念也会比较清楚，就当作是预习吧～

下篇预告：构成网站的重要三要素-HTML、CSS、JavaScript