了解報名資訊

底下是這一期的課程大綱,提供比較沒有程式基礎的新手參考。若是想要更完整的課綱以及作業,可以參考 第五期完整課綱(調整中)

Part 1

week 1 - week 5
程式基礎

培養基礎是很重要的一件事,因此課程的第一部份就是好好地幫你把基礎打好,會讓往後的學習順利很多。在這部份中會教你使用指令操控電腦,講解基礎網路知識,以及使用 JavaScript 練習程式解題。

blue_bgred_bg
character
  • 建立良好學習心態

    • 學習程式前的心態
    • 問問題的心態
    • 碰到挫折的心態
    • 跟他人比較的心態
    • 看待成功與失敗的心態
  • 學習版本控制

    • 理解 Git 與 GitHub 的差別
    • 理解為什麼需要版本控制
    • 熟悉 add、commit、push、pull 等基本 Git 指令
    • 熟悉 branch 的使用並送出 Pull Request
    • 熟悉 Git flow 交作業流程
  • 學習網路基本知識

    • 熟悉網路運作大概的模式
    • 熟悉什麼是 Request 與 Response
    • 熟悉 TCP/IP
    • 熟悉 HTTP 及相關知識
    • 能夠使用 Node.js 發出 Request
  • 學習 JavaScript 基礎語法及相關知識

    • 熟悉變數宣告、判斷式、迴圈以及函式等基礎語法
    • 熟悉內建函式如 map, filter, reduce 等等
    • 理解什麼是單元測試 Unit test
    • 理解什麼是 NPM
    • 能靈活運用程式基本概念來解題
red_bg
character

Part 2

week 6 - week 10
網站開發

打好基礎以後,就可以開始學習網頁前後端開發。無論以後想走前端還是後端,都必須理解前後端溝通原理以及基本概念。在這部分會透過做出留言板來熟悉前後端開發流程以及協作。

  • 學習網頁基礎 HTML

    • 熟悉基本及常用標籤的運用
    • 熟悉比較冷門的一些標籤
    • 熟悉如何使用有語意的(semantic)標籤
    • 熟悉 SEO 基本概念
    • 熟悉常見網站的 HTML 標籤
  • 學習 CSS

    • 熟悉常見屬性如 background, color, width, height 等等
    • 知道 inline、block 跟 inline-block 的區別
    • 知道什麼是 box model
    • 知道 position 的所有屬性及其差別
    • 熟悉 CSS selector,可以輕鬆選到想選到的元素
  • 學習 JavaScript 在瀏覽器上的運用

    • 知道如何用 JavaScript 操控 DOM 物件
    • 知道如何幫一個按鈕加上 event listener
    • 知道捕獲與冒泡是什麼
    • 知道什麼是事件代理(delegation)
    • 知道怎麼用 JavaScript 更改元素的 style
  • 學習 MySQL 資料庫

    • 知道如何使用 Select 選取資料
    • 知道如何使用 Update 更改資料
    • 知道如何使用 Delete 刪除資料
    • 知道如何使用 Insert 新增資料
    • 熟悉 where, join 等等這些基本語法
  • 學習後端 PHP 開發

    • 理解前端與後端的差別
    • 理解前後端溝通流程
    • 熟悉 PHP 基礎語法
    • 熟悉 PHP 與資料庫的串接
    • 能夠寫出基本網站

Part 3

week 11 - week 20
探究原理

學會基礎的網頁開發以後,透過一連串練習來熟悉開發流程,也會深入了解一些重要的觀念,讓學員徹底理解背後的原理。這部分主要是熟悉網頁開發中的重要觀念,例如說狀態的維持(Cookie 與 Session)等等。

blue_bgred_bg
character
  • 學習現代前端開發工具

    • 熟悉 jQuery
    • 熟悉 Bootstrap
    • 熟悉 Gulp
    • 熟悉 Webpack
    • 熟悉 CSS 預處理器
  • 學習建置 Server 及部署專案

    • 知道虛擬空間、虛擬主機以及實體主機的差別
    • 知道如何設定網域(A、CNAME)
    • 知道如何用 SSH 遠端連線到自己的主機
    • 知道如何在伺服器安裝 Apache, PHP 與 MySQL
    • 知道如何購買雲端主機
  • 學習效能優化相關議題

    • 知道 HTTP Cache header 的使用
    • 知道如何壓縮圖片大小以及各種格式的區別
    • 知道透過 minify 或是 uglify 減少檔案大小
    • 知道減少不必要的程式碼
    • 知道延遲載入(lazy loading)
  • 理解常見資訊安全問題

    • 熟悉 SQL Injection 原理及防禦方法
    • 熟悉 XSS 原理及防禦方法
    • 熟悉 CSRF 原理及防禦方法
    • 知道雜湊與加密的區別
    • 知道密碼為什麼要經過雜湊,知道什麼是加鹽
  • 理解 JavaScript 語言核心

    • 知道 Event Loop 的運作方式
    • 知道什麼是作用域(Scope)
    • 知道 Hoisting 的原理為何
    • 知道 Closure(閉包)是什麼
    • 知道大部分情況下 this 的值是什麼
red_bg
character

Part 4

week 21 - week 26
專案開發

最後一個部分會學習現代框架,使用較新的技術進行網站開發,與業界接軌。除此之外,也會統整之前學習的內容,由導師及助教帶領學員分組進行期末專案開發,而這專案就可以直接放入作品集內。

  • 熟悉前端 React

    • 熟悉 SPA 的概念
    • 熟悉 React 核心概念
    • 熟悉 state 與 props 的區別
    • 熟悉元件的各個生命週期
    • 熟悉函式庫例如 react-router 的使用
  • 熟悉後端 Express + Sequelize

    • 熟悉 Express 框架使用方法
    • 熟悉 MVC 開發模式
    • 熟悉 ORM 以及 Sequelize
    • 熟悉 Seeds, Migration 等概念
    • 熟悉 nginx 基礎
  • 學習專案分工及 Git 協作

    • 熟悉產品開發流程
    • 熟悉工作流程
    • 熟悉專案分工
    • 熟悉 Scrum 及 Agile
    • 熟悉 Git flow

想要一起來學習程式嗎?

第五期現正招生中,到三月底截止,強烈建議你先把官網的資訊都看完,全盤了解過後再做決定,有任何問題都可以透過 Lidemy 粉絲專頁與我們聯絡!