NUTC 森Lab | 前端教學文件
  • Introduction
  • Ch1. Git版本控制工具使用
    • Git首次設定與初始化
    • Git檔案狀態
    • git checkout
    • Git分支合併
    • Git 推上 Github 囉
    • Git 回復檔案
    • ex. 練習作業
  • Ch2. 認識 HTML5 與 CSS4 -1
    • 深入 HTML
    • 熟悉 CSS
    • ex. 練習作業
    • CSS單位
    • CSS排版須知: Box Model
    • CSS文字、背景、表格、display
    • ex. 練習作業
  • Ch3. 認識 HTML5 與 CSS4 -2
    • CSS Position
    • CSS Transition
    • ex. 切版開發實戰
  • Ch4. 第一次接觸JavaScript就上手
    • 取得DOM元素節點
    • JavaScript事件
    • 動態CSS
    • console.log()
    • JavaScript的變數＆運算子
    • JavaScript的函數
    • ex. 練習作業
  • Ch5. 進階JavaScript
    • JavaScript的物件（Object）
    • 更多JavaScript內建函數
    • setInterval() & setTimeout()
    • JSON
    • ex. 練習作業
  • Ch6. 初次見面jQuery
    • jQuery基礎用法
    • Ajax
    • ex. 練習作業
  • Ch7. jQuery 開發實戰 -1
  • Ch8. jQuery 開發實戰 -2
  • Ch9. 網頁速成好工具 Boostrap4
  • Ch10. RWD響應式網頁實作
  • Ch11. CSS再進階！使用Compass
Powered by GitBook
On this page
  • 課程大綱
  • 適合對象
  • 本課程的軟硬體需求
  • 一些hen棒的教學網站＆文件
  • 一些好用的工具

Introduction

NextCh1. Git版本控制工具使用

Last updated 6 years ago

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

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

課程大綱

請參考左側選單。

適合對象

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

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

本課程的軟硬體需求

  • Windows / Mac 電腦 (廢話)

  • 程式碼編輯器 (, , 擇一使用)

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

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

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

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

一些好用的工具

各式開發語言的API文件

Sublime Text
VSCode
Atom
cmder
Git
W3Scools
六角學院Bootstrap4繁體手冊
Code School
DevDocs
連猴子都能懂得Git入門指南
Airbnb JavaScript Style Guide
Codepen
Octotree - Code tree for GitHub