JavaScript 教學:給新手的入門指南

ALPHA Camp 台灣
開發者特攻隊
Published in
5 min readOct 12, 2020

JavaScript 是最廣泛被使用的網頁開發程式語言,這篇入門指南帶你從認識 JavaScript 開始,了解 JavaScript 能做到什麼,學習入門的核心概念。

JavaScript 是什麼?認識JS的起源與前世今生

JavaScript 的用途,看範例 JS 能做到什麼

為什麼要學 JavaScript

JavaScript 有哪些免費的學習資源

JavaScript 與開發者社群

JavaScript 入門核心概念

實際踏進了 JavaScript 語言的領域,你會透過幾個重要的元素,逐步認識它的基本語法與核心概念,下面是主要會學習到的內容。

JavaScript 物件導向

如果你想要進一步了解,ALPHA CampJavaScript全端開發課程如何用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規劃的系統化養成之路,除了技術主題外,更要在過程中培養工程師的自學力、解決問題、團隊協作的能力,才能在長期的軟體職涯中,持續精進與職涯進階。

3分鐘小測驗,了解你可以從哪裡開始學習全端開發

--

--