Introduction

以往研究室的教學文件較零散也不易留傳給學弟妹，希望之後的教學資源皆能夠保存在網路上，

讓我們的Know-how一屆傳承一屆，也分享給更多人一同學習！

課程大綱

請參考左側選單。

適合對象

1. 學過Dreamweaver，想更進一步入門前台開發者。

2. 曾自己寫過靜態網頁，但對於語言知識 ( e.g. HTML/CSS ) 尚不熟悉、或想學習動態網頁甚至於使用框架開發網頁者。

本課程的軟硬體需求

• Windows / Mac 電腦 (廢話)

• 程式碼編輯器 (Sublime Text, VSCode, Atom擇一使用)

p.s. 目前研究室大家都以VSCode為主，但仍可視個人偏好選擇一項開發工具。

• Windows 電腦可安裝 cmder(具有 Linux 溫度的 Windows 命令提示字元工具)

• Git版本控制工具(之後會請大家交作業都使用Git，養成多人協作使用版控的好習慣哦！)

一些hen棒的教學網站＆文件

• W3Scools

• 六角學院Bootstrap4繁體手冊

• Code School

• 各式開發語言的API文件 DevDocs

• 連猴子都能懂得Git入門指南

• Airbnb JavaScript Style Guide

一些好用的工具

• Codepen

• Octotree - Code tree for GitHub