JavaScript 教學:給新手的入門指南
JavaScript 是最廣泛被使用的網頁開發程式語言,這篇入門指南帶你從認識 JavaScript 開始,了解 JavaScript 能做到什麼,學習入門的核心概念。
JavaScript 入門核心概念
實際踏進了 JavaScript 語言的領域,你會透過幾個重要的元素,逐步認識它的基本語法與核心概念,下面是主要會學習到的內容。
JavaScript 物件導向
如果你想要進一步了解,ALPHA Camp 的JavaScript全端開發課程如何用23週將零基礎的人,培養成一個兼具前後端能力的全端工程師,這篇 JavaScript 學習指南:23週全端工程師養成攻略 帶你從全端技能樹開始詳細解釋。
ALPHA Camp 分為三大階段:程式設計入門、掌握網頁開發以及軟體工程師養成。不求速成(因為也沒有速成這回事)而是要讓學習者能夠精熟所學,完成23週培訓,成為能夠符合業界需求,且持續自我進化的全端工程師。
下面是我們23週養成攻略的詳細介紹,讓你了解每週該做些什麼,一步一步朝 JavaScript 全端工程師的目標前進。
1. 程式設計入門
以Web App角度建立對網路開發的相關主題第一步的認識,瞭解運算思維(Computational Thinking)和網站開發基礎觀念與流程,學習 HTML/CSS/JavaScript 語言基礎,並體驗、培養開發的手感。掌握各主題下的開發環境、語言、實務工具以及重要的關鍵字。
- 第1週:寫程式的起點
- 第2週:資料設計與演算法
- 第3週:網站設計與介面實作
2. 掌握網頁開發
清楚理解Web開發貫穿學習路徑,深入 JavaScript 核心概念,掌握網頁前後端開發核心工具,進而能實作完整的前端體驗與後端功能。掌握網頁開發分為三個階段「JavaScript 前端開發」、「軟體開發實務入門」、「後端開發實務」,每階段各4週共12週。
前四週著重在核心工具/技術上手;中間四週專案實作累積經驗,貫穿並整合學習到的東西。後四週則開始從「寫程式」進入到「做產品」。你將使用 JavaScript + Node.js 打造一個兼具前、後端與資料庫的網路應用程式。
階段一:JavaScript 前端開發
- 第4週:認識開發環境與JavaScript核心觀念
- 第5週:RWD與BootStrap
- 第6週:DOM操作與事件處理
- 第7週:資料結構設計與學習成果驗收
階段二:軟體開發實務入門第8週:串接第三方API
- 第8週:串接第三方API
- 第9週:前端綜合實作 電影清單
- 第10週:微型專案設計,程式碼模組化-MVC架構
- 第11週:實作踩地雷-拆解問題與分析架構|物件導向JavaScript(OOJS)
階段三: 後端開發實務
- 第12週:網路概論、Web App架構與終端機與指令列
- 第13週:Node.js、Express.js
- 第14週:資料庫MongoDB,打造To-Do List專案
- 第15週:版本控制Git&GitHub與網站部署 Heroku
3. 成為軟體工程師
從這依照你的職涯目標,分為兩個專修路徑,全端工程師和前端工程師,除了技術內容,也包括軟體開發流程、專案管理等專業知識,更有模擬實際問題的團隊協作專案,學習工程師的工作模式與成功要訣。
全端工程師專修路徑
- 第16週:使用者認證系統與第三方工具
- 第17週:Asynchronous JavaScript
- 第18週:關聯式資料庫,SQL語法、MySQL專案實作
- 第19–20週:打造Forum 餐廳論壇
前端工程師專修路徑
- 第16週:HTML/CSS與Sass預處理器實務應用
- 第17週:切版實務鍛鍊
- 第18–20週:前端框架 Vue.js
第21–22週:團隊協作Simple Twitter 網站與測試
第22週:前後端分離與 Web API
第23週:工程師要懂的產品設計,購物車與金流串接
走完了23週 JavaScript 全端工程師的養成之路,你已經可以開始你的全端工程師職涯。但軟體工程師就是一個學無止盡的職業,技術和業界趨勢不停在變化,永遠不會有學完或學夠的一天。
ALPHA Camp規劃的系統化養成之路,除了技術主題外,更要在過程中培養工程師的自學力、解決問題、團隊協作的能力,才能在長期的軟體職涯中,持續精進與職涯進階。