Loading...
JavaScript 全端開發課程 學期二

掌握網頁開發

12 週建立前後端 web app 開發能力,依職涯目標選擇前、後端實務進修!
從網頁切版、RWD、操作 DOM 事件、使用 AJAX 與串接 API 等前端能力,到使用 Node.js 與 MongoDB 建立後端功能,培養你對網路應用程式運作的完整認識,並親手打造自己的產品
了解更多

從全端基礎到職涯分流,帶你有效練功

分階段精熟學習

課程分 3 階段進行,學多少,付多少,建立你網頁開發的扎實基礎

前後端學習路徑分流

2-3 學期分為前端、後端兩條路徑,實作專案依不同職種打造,培養你能應用在職場上的實務技能

親手打造自己的全端產品

不論選擇哪種路徑,都會學習 Node.js & Express 等後端框架並實作專案,提升你與團隊協作的能力

完成「掌握網頁開發」,你將學會

運用 AJAX 串接第三方 API 真實資料的電影網站

用 AJAX 串接第三方 API

運用 AJAX 的技術來發送 HTTP 請求,搜集其他網站的 API 資訊,搭配 DOM 技術的應用,在網頁介面裡加入外部提供的資料。打造具有真實資料的電影網站。

用 JavaScript 開發微型專案、打造小型遊戲

深入學習 JavaScript,從無到有實作應用程式,掌握介面設計、資料定義、以及流程拆解。

運用 JavaScript 函式來封裝程式碼,理解程式碼模組化的概念,並引入 MVC 架構來管理程式碼。

熟悉 JavaScript 的資料結構、流程控制與迭代器,寫出符合專業標準、高閱讀性的程式碼。建立 JavaScript 物件與函式的正確觀念,養成良好的程式碼撰寫風格與習慣。

JavaScript 示意圖
RWD 響應式網頁範例

前端網頁切版與 DOM 事件操作

鍛鍊把設計稿活化成專業網頁的切版功力,並建立在多屏時代的網頁設計思維與技巧,使用 Bootstrap 等工具實作「響應式 (RWD)」網頁。未來遇到沒見過的 wireframe 也能舉一反三,做出精準美觀的網站介面。

徹底了解 HTML / CSS / JavaScript 三方合作關係,透過 JavaScript 操作 DOM,打造具有豐富互動的網頁。

MySQL MongoDB NoSQL

資料設計與資料庫:
使用 NoSQL 與 MongoDB

認識表格等資料結構,理解「資料」的格式化與儲存。幫助你能夠將生活裡的資訊,轉化成可被儲存的資料。

先用 MongoDB 打造「待辦清單」應用程式,做出資料處理 CRUD 功能,藉此學習 NoSQL 非關聯式資料庫概念。

軟體開發核心概念與工具

瞭解 web app 操作原理,包括 HTTP、網域、RESTful API、MVC 設計等核心概念。

活用 command line interface (CLI) 與 VS Code 來開發與管理專案、運用 Git/GitHub 版本控制。

Using token-based authentication with the RESTful API

成效第一的線上程式課

80% 持續學習|93% 畢業就職率
不只寫扣,AC 助你學會帶著走的 - 技術力 X 學習力 X 求職力

馬上報名

網頁開發入門

你將更深入學習 JavaScript、CSS 核心觀念,並串接真實的資料,從靜態網頁設計進階到打造有互動效果的 網頁、小遊戲專案
階段一

JavaScript 前端開發

階段一 4 週課表
階段二

軟體開發實務入門

階段二 4 週課表
網頁切版技巧
從「做網頁」進入「軟體開發」的實務與工具
JavaScript 觀念與實作
運用 AJAX 串接第三方 API
DOM 事件操作
運用 MVC 架構
資料結構觀念
程式碼模組化
RWD 響應式網頁設計與 Bootstrap
Git & Github 版本控制系統

前後端開發實務分流

前端課程為前端工程師、網頁設計師、Martech 行銷科技人的學習路徑,後端課程屬於後端工程師、軟體 PM 的學習路徑,兩者皆有網路概論、Node.js 和 Express.js 後端開發等共同必修
階段三

前端開發實務

階段三 4 週課表
階段三

後端開發實務

階段三 4 週課表
網路概論
網路概論
手刻 RWD
Node.js 和 Express.js 後端開發
切版實戰訓練
建立資料庫:NoSQL 與 MongoDB
Node.js 和 Express.js 後端開發
資料處理功能:CRUD
資料處理功能:CRUD
Heroku 部署

掌握網頁開發,你可以成為怎樣的 T 型人才

除了進一步學習成為軟體工程師,AC校友們學習網頁開發,也能開啟和深化不同的職涯路徑

香港 Gogovan 產品經理 Alvin
懂很多的東西的人,才能當一個好 PM。會網頁開發讓你了解產品的技術極限,更有效的與工程師溝通(不怕被虎爛),想撈資料不求人
新加坡 Carousell 資深 UIUX 產品設計師 Rita
懂網頁開發能了解產品開發的技術限制,更有效的與工程師溝通,有助 Prototype 工具使用,與測試 Event Tracking & API
我過去行銷的背景加上網站開發能力,讓我能夠更深入鑽研我對資料追蹤的熱情,之後並順利開啟資料工程師的職涯。

完成「掌握網頁開發」課程,你的下一步

如果你完成這三個階段的課程後,你認為「網路軟體工程師」會是你期待的職業,或是你希望能完成更進階、更成熟的網路產品,可以參考學期三「軟體工程師養成」

業界專業師資 傳授產品打造必備技能

Rex

現任 Speed 3D CTO、曾在 UXTesting 擔任 CEO,帶領團隊成功進駐美國著名加速器 TechStars。曾擔任 TrendMicro 與 Yahoo 軟體工程師

Mark Kim

現任美國 UCSD Extension 助教。畢業於美國 UCLA 電子工程系與美國 DevBootcamp

PJ

台大臨床心理研究所畢業,轉職軟體開發,現任網路工程師。PJCHENder前端資源站站主。

Caesar

台灣最大 JavaScript 論壇 JSDC 的發起人,曾任 VMFive 與時間軸的技術經理。

Bernard

ALPHA Camp 創辦人,畢業於 MIT 與 加拿大 University of Waterloo 經濟系與電子工程雙學士

馬上報名

2021 自我投資 學會 JavaScript

JavaScript 全端工程師23週養成攻略
掌握網頁開發 - JavaScript 前端開發
學期二・階段一|8 月班
開課日期:
8
/
2
課程長度:
4 週
NTD 
 12000 
10500
 (可分 3 期 0 利率)
提早報名 啟動先修
 
加入 8 月班封測,一起變強
為提供同學與時俱進的程式學習內容,ALPHA Camp 將於九月推出新版課程,因此將學期二、三 8 月班訂定為「封測期」,並提供「一起變強優惠」,邀請你參與

🔥 一起變強優惠 🔥
✨ 學期 2-1 與 2-2 可享有 1,500 現金折扣;學期 2-3 可享有等值 6,000 元的專修教材/補充包(優惠至 7/25 24:00 截止)

⏰ 封測須知
✨  因應開課前課程上下架調整,將在 7/29-7/31 進行閉館維護,同學們在這 3 天將無法做課程預讀
✨ 參與封測的同學將率先採用新版學習內容,體驗更有效率的學習路徑
👉
詳細改版與封測內容見此

已經學完階段一了嗎?從 階段二 軟體開發實務入門 | 階段三 全後端開發實務 開始

階段二

JavaScript 前端開發

階段一 4 週課表
階段三

前端開發實務入門

階段三

後端開發實務

從「做網頁」進入「軟體開發」的實務與工具
網路概論
網路概論
運用 AJAX 串接第三方 API
手刻 RWD
Node.js 和 Express.js 後端開發
運用 MVC 架構
切版實戰訓練
建立資料庫:NoSQL 與 MongoDB
程式碼模組化
Node.js 和 Express.js 後端開發
資料處理功能:CRUD
Git & Github 版本控制系統
資料處理功能:CRUD
Heroku 部署

#OutcomeFirst 成效第一 不怕學不會

完課不滿意退費

由於 AC 對課程內容與學習體驗品質的信心,若學員成功完課仍表示不滿意,審核後我們將全額退費。

一次重讀機會

若有意外時間無法配合,沒辦法跟上進度,將有一次的進度至重讀機會。

助教 3 個月問答支援

不怕學習有問題不知找誰,每個階段開始三個月內,都會有助教讓你問到飽。

深入了解 學習體驗

「JavaScript 前端完整技能」 課程 Q&A

Q: 誰適合「學期二:掌握網頁開發」這門課?

若您已有程式基礎,也已經掌握基本的 HTML/CSS 能力,可跳過「學期一」,直接購買「學期二」課程。
若您有以下程式經驗,可跳過前面的學期,直接購買「學期二 階段三」課程:

  • 熟悉 JavaScript 基礎語法並充分理解它的函式運作
  • 能使用 HTML / CSS 切出基本的網頁版型
  • 能成功套用 Bootstrap
  • 能夠串接第三方 API,並將資料導入到專案畫面上

若不確定自己的程式基礎,能否順利銜接,可以直接看選課指南

Q: 「學期二:掌握網頁開發」需要多少時間?

整個「學期二」為期 12 週,分為三個階段,每階段四週,學多少付多少。你可以依自己的進度與生活安排上課時間,但建議同學們每週至少固定投入 15-20 小時以上學習、複習,以達到最佳學習效果。

Q: 我可以一邊工作、一邊上課嗎?

可以!三個學期的課程都是以線上教學為主,學習活動主要也是安排在週間晚上或是週末,不會影響一般上班族的時間。

Q: 「學期二:掌握網頁開發」會有哪些學習活動?

學期二的 12 週課程中,一共有8場線上工作坊:

  • 階段一 Week 1:JavaScript 工作坊
  • 階段一 Week 3:DOM 工作坊
  • 階段二 Week 1:API串接 工作坊
  • 階段二 Week 2:事件與流程設計工作坊
  • 階段二 Week 4:微型專案設計與思考工作坊
  • 階段三 Week 1:新工具的心態建立
  • 階段三 Week 2:Node/MongoDB 實務工作坊
  • 階段三 Week 4:期末 Q&A

工作坊是在固定時間線上視訊,雖然活動後也可以看錄好的實況影片,但我們還是鼓勵同學安排時間參加,有機會與同學和助教互動。

Q: 課程如何進行?

課程開始後,學生會在我們開發的學習平臺「Lighthouse」上課。在 Lighthouse 上您可以做以下的學習:

  • 觀看課程教材(文字、圖解、影音教材)
  • 填答單元小考、繳交每周作業
  • 在討論區提問,助教會在 24 小時內回覆。除了發問,討論區也可以和同學互動
  • 每周準時繳交作業會有助教批改,您可以在平臺上看到助教批改的內容
  • 觀摩同學的作業

課程中會有定期的線上工作坊,由助教直播示範一些技術、讓同學線上分組解題、討論發問。

Q: 在購買「學期二 階段三」課程時,就會決定自己要專修前端或後端嗎?

不會在購買時就決定專修,而是在你購買課程後,學習教練將寄信聯絡你,提供你選課建議,在開課前確認你的專修。

Q: 選擇專修後,我還能學習非自己專修的課程嗎?

當你從「前、後端」中擇一作為自己的「專修」後,你還是擁有另一端課程的完整瀏覽權限,所以你能用「自修」的方式完成另一端課程的學習,專修與自修的差別在於:

  • 專修:你在開課後,會跟著進度制學習,享有作業批改、課程 Q&A、課後助教支援等服務
  • 自修:你可以依自己的步調學習,沒有進度制硬性規定的每週節奏,透過自主瀏覽課程內容、與作業練習來達到自學的效果


但考慮同學時間、精力有限,我們建議同學們先透過進度制,先完成原本的專修課程後,有時間再展開另一門課程的自修,應能達成更好的學習成效。

Q: 在「學期二 階段三」,怎麼判斷自己要選前端、還是後端當專修?

透過學期二階段一、二課程,就是在累積同學對於網頁開發的全觀知識,會更有助你思考在階段三該選前端或後端。

 在課程路徑中,也有引導同學選課的環節(例如學期二階段一有不同選修的補充、學期二階段二有完整的選課引導,包含課程內容& 選課問卷),所以如果你階段三還有一點距離的話,建議你就先跟著課程腳步走即可! 

如果你是「馬上要加入階段三」的同學,AC 團隊會在 7/28 (三)加場舉辦「選課路徑工作坊」,透過前後端工程師的思維開箱與引導,幫助同學思考自己的專修路徑。

Q: 在「學期二 階段三」一開始選擇專修後,就不能更改了嗎?

當你購買學期二階段三後,即享有前後端兩份課程的全預讀,你可以在開課前就先瀏覽雙邊的課程,甚至動手寫作業,確認自己的選課意向。

 在課程機制上,我們希望同學們專心以進度制的方式專注於一個課程的學習。若真的有轉換專修的需求,請在課程開課第一週結束前提出,逾時不受理。

Q: 前後端課程都想上怎麼辦?非專修課程有什麼支援嗎?

在課程機制上,我們建議同學們先專心以進度制的方式完成一個專修課程,能達成更好的學習成效。尤其是有轉職規劃的同學,強烈建議先完成原本的專修。

如果前後端課程都想「完整」學習的同學,建議「先學後端,再學前端課程」。如果你在「自修」模式需要額外的學習支援,但又不希望再次購買課程進行第二次專修,AC 提供「助教 Care」,幫大家開外掛有效點滿技能樹,內容包含:

  • 支援範圍:助教會於一天內回覆學生指定的課程內所有 Unit Q&A 問答,以及三天內完成有 TA Review 標示的作業批改(僅針對單一課程)
  • 支援期限:為期 30 天(以付費日後的第一個工作天 00:01 起為第 1 天,支援至第 30 天 23:59)
  • 支援費用:5,990 元

如果對課程有其他疑問,可以參考我們為你準備的「常見問題

分階段 3 學期課程培養你的程式力

  • 學生可自行安排每週學習時間,每週學習時數:學期一 10 小時,學期二 15 至 20 小時,學期三 20 小時以上
  • 一學期繳費一次,學多少、付多少,按部就班學習
  • 課程內容永久觀看,在學期進度制期間,享有線上問答、助教批改程式回饋、線上互動式工作坊、每週學習報表、轉職諮詢等學習支援
  • 你已經是軟體工程師,想往更進一步練功?歡迎你加入 LeetCode 健身房