♕iT邦幫忙鐵人賽系列書 No.2 ♕前端領域在最近幾年來突飛猛進,不僅是ECMAScript,各種前端工具、框架一時百家爭鳴。
看了很多初入門JavaScript的朋友也許拿了工具會用,照著tutorial走一次也會動,但想自己客製化卻怎麼樣都改不動,好不容易試出來,卻不知道為什麼會動,這才是最可怕的。
尤其是一些從其他程式語言背景轉來寫JavaScript的朋友,可能大多數會覺得JavaScript有什麼難?不就跟○○○ (請自行帶入) 有87%像?
沒錯!但就是那關鍵13%的差異造成了世人對JavaScript這門程式語言的誤解。
本書就是希望能在這個主題當中,與各位讀者一起重新認識JavaScript:這個號稱「世界上最被人誤解的程式語言」。
內容簡介本書內容是由作者在2018 iT邦幫忙鐵人賽 -「重新認識JavaScript」的系列文章改寫而成,主要針對剛接觸JavaScript或者對JavaScript不是那麼熟悉的讀者,說明JavaScript的基礎與常見的誤區。
四大主題
Part 1 JavaScript的歷史與基礎此部分主要介紹JavaScript的簡介與語言基礎,期望能讓初學JavaScript的朋友快速上手。
Part 2 瀏覽器裡的JavaScript:BOM與DOM有了基本的理解之後,接著來介紹JavaScript的主戰場「瀏覽器」!到底JavaScript是怎麼操作我們的網頁?那些人家說的DOM、事件又是怎麼一回事?jQuery真的再戰十年嗎?這個部分會有詳細的介紹。
Part 3 深入理解JavaScript核心:函式、物件、原型鍊此部分帶領讀者深入理解JavaScript語言的核心概念:函式、物件、原型鍊,以及那些開發時會爆的各種粗口,遇到的各種坑。
Part 4 關於JavaScript的現在與未來近年前端框架與開發生態圈的發展快速,究竟工具怎麼挑選?模組化?SPA與SSR又是什麼?CSS的管理、前端語言的預編譯?本書的最後,想花點篇幅與各位讀者聊聊JavaScript與前端生態圈的過去、現在與未來。
作者簡介:
許國政 Kuro Hsu
☛ Vue.js Taiwan 社群主辦人,超過十年的前端開發經驗,長期專注網頁前端標準技術。
☛ 曾擔任 JSDC、WebConf、MOPCON、COSCUP 等大型研討會講者,也多次參與前端技術社群分享心得。
目錄
Day 1 JavaScript 的起源與基礎 (上)
♦ JavaScript簡史
♦ 基礎知識與資料型別
♦ 物件、陣列以及型別的判斷
♦ 運算式與運算子
Day 2 JavaScript的起源與基礎 (下)
♦ 自動轉型的規則
♦ 流程判斷與迴圈
♦ 函式的基本概念
♦ JavaScript是「傳值」或「傳址」?
Day 3 前端工程師的主戰場:瀏覽器裡的JavaScript (上)
♦ 瀏覽器的物件模型:DOM 與BOM
♦ 透過DOM API查找與遍歷節點
♦ DOM Node的建立、刪除、修改與外觀
♦ BOM與window物件
Day 4 前端工程師的主戰場:瀏覽器裡的JavaScript (下)
♦ 事件機制的原理
♦ 網頁的事件與生命週期
♦ 隱藏在「事件」之中的秘密
Day 5 深入理解JavaScript核心:函式、物件、原型鍊 (上)
♦ 再談函式與參數
♦ Callback Function與IIFE
♦ 從Callback到Promise
♦ 從setTimeout與setInterval理解EventQueue
Day 6 深入理解JavaScript核心:函式、物件、原型鍊 (中)
♦ 閉包(closure)
♦ What's "THIS" in JavaScript
Day 7 深入理解JavaScript 核心:函式、物件、原型鍊 (下)
♦ 深入理解JavaScript物件
♦ 內建物件與包裹器
♦ 物件的原型鏈與繼承
♦ ES6的Class語法糖
Day 8 JavaScript 的現在與未來
♦ 從Page到Application談前端生態圈的演變
♦ JavaScript的現在與未來
Day 1 JavaScript 的起源與基礎 (上)
♦ JavaScript簡史
♦ 基礎知識與資料型別
♦ 物件、陣列以及型別的判斷
♦ 運算式與運算子
Day 2 JavaScript的起源與基礎 (下)
♦ 自動轉型的規則
♦ 流程判斷與迴圈
♦ 函式的基本概念
♦ JavaScript是「傳值」或「傳址」?
Day 3 前端工程師的主戰場:瀏覽器裡的JavaScript (上)
♦ 瀏覽器的物件模型:DOM 與BOM
♦ 透過DOM API查找與遍歷節點
♦ DOM Node的建立、刪除、修改與外觀
♦ BOM與window物件
Day 4 前端工程師的主戰場:瀏覽器裡的JavaScript (下)
♦ 事件機制的原理
♦ 網...