極客大學-前端進階訓練營【2020最新版】

極客大學-前端進階訓練營【2020最新版】

網盤連接分享
章節目錄：
前端知識架構：構建你的前端知識體系
課程目標

1. 兩種高效前端學習方法
2. 創建前端體系架構
3. 明確前端工程師的發展方向
   可掌握的核心能力
4. 「知識分類」和「追本溯源」的高效前端學習方法
5. 前端知識圖譜
   JavaScript 語言：掌握 JavaScript 的核心功能和設計思路
   課程目標
6. 學習 JavaScript 語言知識
7. 創建對 JavaScript 語言的文法、語義、運行時的總體認知
8. 掌握 JavaScript 的核心功能和設計思路
   可掌握的核心能力
9. JavaScript 運行時
10. JavaScript 詞法
11. JavaScript 語法
12. JavaScript 對象機制
13. 腳本與模塊
14. 函數
15. 類
16. 語句與聲明
17. 表達式
18. 標識符與直接量
    HTML、CSS語言：掌握 HTML 應用，理解 CSS 語言、排版、繪製和動畫
    課程目標
19. 理解 HTML 語言
20. 掌握基本語法和主要標籤語義
21. 掌握 HTML 語言繼承自 SGML 和 XML 的各類機制
22. 掌握運用 HTML 開發網頁所須要的知識
23. 學習 CSS 語法和基本機制，以及重要的 CSS 屬性的使用
24. 掌握用 CSS 完成網頁視覺和交互效果的技能
    可掌握的核心能力
25. HTML 語義：學習如何用 HTML 說話
26. HTML 與 SGML：DTD、entity 等來自 SGML 的設施
27. HTML 與 XML：namespace、標籤封閉
28. HTML 的擴展：SVG、MathML、Aria
29. CSS 語法
30. CSS 機制：Media Query、Viewport、其餘 at-rule、選擇器、僞類、僞元素
31. 排版：盒模型、正常流與文本、Flex、Grid
32. 繪製：顏色、背景圖片、投影、圓角、濾鏡、Counter
33. CSS 動畫
    瀏覽器工做原理和 API：動手實現一個簡易瀏覽器，梳理 Web 核心 API 及背後機制
    課程目標
34. 用 JavaScript 實現一個簡化版的模擬瀏覽器
35. 理解瀏覽器的整個工做過程
36. 學習 DOM 和 CSSOM API 等瀏覽器的核心 API
37. 掌握在瀏覽器上開發交互效果的基本能力
    可掌握的核心能力
38. HTTP 協議的解析
39. HTML 語法與詞法
40. 實現 CSS 計算
41. 實現排版
42. 實現渲染和繪製
43. 基礎 DOM 樹操做
44. 瀏覽器的事件機制：冒泡與捕獲
45. CSSOM、CSS 的對象模型以及與顯示相關的對象模型
46. 其餘 API
    編程與算法訓練：12 個案例提高你的編程內功
    課程目標
47. 訓練與語言和運行環境無關的基礎編程實例
48. 訓練與 JavaScript 和 Web 相關的編程實例
49. 解決具體問題，提高編程能力
    可掌握的核心能力
50. 基礎：TicTacToe /井字棋（遞歸）
51. 基礎：尋路問題（搜索）
52. 基礎：出現最多的 50 個字符串（哈希樹/排序結構）
53. 基礎：判斷點擊區域（計算幾何）
54. 基礎：括號匹配（棧）
55. 基礎：wildcard（貪心）
56. 應用：Promise 與異步編程
57. 應用：正則表達式與文本處理
58. 應用：Proxy 與雙向綁定
59. 應用：使用 Range 實現 DOM 精確操做
60. 應用：使用 CSSOM 實現視覺交互
61. 應用：解析一個四則運算的表達式
    組件化：掌握組件化核心開發思想和工程實踐
    課程目標
62. 理解組件化的概念、應用場景和基本思路
63. 瞭解組件化的歷史與現狀
64. 提高對組件化這一工程手段的認知
    實戰案例
    設計一套組件的基礎設施，揭祕 React/Vue 風格的組件原理。
    可掌握的核心能力
65. 組件化基礎知識
66. 實現一個輪播組件
67. 抽象出手勢庫
68. 抽象出動畫庫
69. 爲組件添加 JSX 語法
70. 其餘組件
71. 輪播組件的繼續改造：生命週期
72. 輪播組件的繼續改造：狀態、屬性、特徵
73. 輪播組件的繼續改造：事件機制
74. 新組件 Tab：容器型組件
75. 新組件 List：數據機制
76. One more thing：Vue 風格的 SFC
77. 組件體系的設計
    工具鏈：從零設計並實現一套符合大廠要求的工具鏈
    課程目標
78. 完整實現一套能夠用於實際開發的工具鏈模型
79. 理解工具鏈的各個方面
    實戰案例
    從零開始設計一套包含初始化、構建、調試、測試的工具鏈，學習大廠如何經過工具鏈保證代碼風格、環境統一，保障基本質量。
    可掌握的核心能力
80. 總體理解一個工具鏈的設計
81. 目錄結構與初始化工具
82. 設計並實現一個構建工具
83. 設計並實現一個調試工具
84. 設計並實現一個單元測試工具
    發佈與持續集成：經過發佈和持續集成保證前端團隊代碼質量
    課程目標
85. 實現一個持續集成和前端發佈體系
86. 學習如何用持續集成保證前端代碼質量
    實戰案例
    從零開始搭建一套極簡的線上服務和與之搭配的發佈系統，基於這個發佈系統完成前端的持續集成體系，學習如何用持續集成保證前端代碼質量。
    可掌握的核心能力
87. 實現一個線上 Web 服務
88. 實現一個發佈系統
89. 持續集成：如何使用 Git Hook
90. 持續集成：如何使用 Lint 工具
91. 持續集成：如何使用無頭瀏覽器
92. 持續集成：如何實現 DOM 樹的檢查