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
96% 校友成功轉職工程師,畢業三年平均薪資破百萬

技術 x 職涯組合優惠,儲備轉職能量

養成技術力是轉職工程師第一步,了解軟體產業實況助你更好聚焦未來職涯方向 ⛳
在 AC 新推出的「數位職涯 RPG」,帶你體驗 Shopee、康健、KKStream 等企業軟體開發團隊不同職能角色任務,現在同時購買程式課、數位職涯 RPG,即可享 2000 元超值優惠。

網頁開發入門

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

前後端開發實務分流

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

掌握網頁開發,你可以成為怎樣的 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 前端開發
學期二・階段一|1 月班
開課日期:
1
/
3
課程長度:
4 週
NTD 
 12000 
12000
 (可分 3 期 0 利率)
報名領取 1000 元獎學金
1 月班技術 x 職涯雙軌組合包
學期二 ˙ 階段一 + 職涯超值優惠
你希望在學寫程式中,同時也了解軟體產業現況、技術如何落地嗎?

1 月班「學期 2-1 + 數位職涯 RPG」組合,原價 13980 元,限時優惠 13180 元,報名後還另外享有 1000 元課程優惠碼 !

限時 1800 元優惠

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

從「做網頁」進入「軟體開發」的實務與工具
網路概論
網路概論
運用 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 健身房