前端高級開發工程師

課程詳情

• 1服務端開發工程師（服務端系統架構、Node分佈式應用）（學習週期2個月）

  網絡協議

  HTTP 協議、TCP/IP、RPC、SOCKET、WEB SOCKET通信協議詳解

  異步I/O 異步編程

  異步I/O實現現狀、事件循環、事件驅動與高性能服務器、函數式編程、異步編程的優點與難點、異步編程解決方案、Promise/Deferred模式　、async的解決方案

  內存控制 Buffer

  V8的垃圾回收機制與內存限制、Node與V八、V8的內存限制、V8的垃圾回收機制、高效使用內存、內存泄漏、Buffer結構、Buffer對象內存分配、Buffer的轉換、Buffer不支持的編碼類型、Buffer與性能

  Express基礎Web應用開發框架(深刻源碼分析)

  Koa基礎Web應用開發框架(深刻源碼分析)

  Node.js應用性能監控

  阿里開源的企業級框架Egg.js構建Web應用

  中間件、Router、Controller、Service本地開發、單元測試、應用部署、HttpClient、Cookie and Session、多進程模型和進程間通信、模板渲染 、異常處理、安全、國際化、插件開發、框架開發、多進程研發模式加強

  Node.js分佈式架構

  nodejs C++拓展、大內存應用解決方案、服務端安全改造、單服務器Node.js多核心CPU解決方案 、多服務器負載均衡部署 、Node Web Server 之間狀態共享

• 2高級架構師（前端工程化,高性能網站架構,SPA架構理念）（學習週期3個月）

  前端模塊化框架設計

  RequireJS架構思惟分析與源碼詳解
  模塊化經典的設計理念(一個文件就是一個模塊)本質揭祕
  模塊定義 導出define，require，exports，module手寫實現
  代碼瘦身config別名, 路徑,映射配置 源碼解析
  優化RequireJS路徑分析和文件定位的加載策略

  webpack框架設計

  優化與架構：
  圖片加載優化和代碼壓縮&&分離代碼文件
  Webpack配置不一樣應用場景的工程化框架
  架構初探-前端項目工程中Cli工具開發（ 自動生成規範化目錄結構&配置文件，單元測試，ESlint規範約束， 命令包裝 ，版本檢查 ）
  打包：
  webpack4源碼詳解
  手寫實現JavaScript多文件打包(固定模板，依賴分析，爬蟲尋址)
  JavaScript語法解析器 AST抽象語法樹詳解
  acorn生成AST,依賴收集
  完結篇--手寫實現webpack多文件打包系統
  編譯：
  loader機制詳解與原理分析
  less文件編譯配置詳解(loader：style-loader!css-loader!less-loader)
  loaders的拆解運行(一)style-loader css代碼注入head 
  loaders的拆解運行(二)less-loader 代碼包裝JS module
  loaders的拆解運行(三)css-loader @import導入處理方案
  完結篇- loader掃描檢索編譯實現
  代碼切割：
  code-splitting代碼切割,優化詳解原理分析
  緩存處理-第三方類庫單獨打包
  ESprima識別與處理切割點require.ensure
  打包文件切割按需加載原理實現

  設計模式

  MVC架構設計與經典的三層模型詳解
  MVP思想精髓與解耦View與Mode的巧妙設計詳解
  架構提高之路 MVP思想實現項目基礎框架搭建
  更節省的設計模式之MVVM實現數據雙向綁定

  前端單頁應用Vue框架設計

  Vue3.0源碼詳解與架構分析
  template模板 Compile 編譯(parse，optimize，generate , render function,Virtual DOM )揭祕
  手寫實現Vue響應式系統(依賴收集 依賴追蹤)
  Vue.Component源碼解析及其組件通信原理
  Vuex 狀態管理的工做原理
  vue-router核心原理(history)與架構設計
  追求極致的用戶體驗ssr(基於vue的服務端渲染)

  前端單頁應用react框架設計

  深刻jsx原理實現
  setState異步原理剖析
  虛擬DOM與DIFF算法實現
  生命週期內部邏輯探究
  React更新策略深刻
  Flux架構從原理到自主創新
  Redux原理解析與手寫實現
  React-router核心原理(history)與架構設計
  React性能優化即服務端渲染

  前端單頁應用angular框架設計

  通用插件編寫&高級指令封裝
  手寫HttpClient攔截功能
  裝飾器模式的原理和實現
  Rxjs的核心原理
  深刻源碼改寫ng事件管理
  剖析視圖包掌握web component實現
  詳解依賴注入及源碼分析
  zonejs變動檢測原理揭祕
  AOP面向切面架構設計

  數據庫框架設計

  開源技術之MongoDB核心架構分析
  面向對象式手寫數據庫架構設計(增刪改查，自動建表設計)
  MongoDB性能評估,容量計劃,調整和監控MongoDB集羣
  大型項目之實現數據庫分庫(多用戶，多角色，多權限數據庫架構設計)

  架構師必備技能

  高性能網站架構Nginx+Tomcat搭建高性能負載均衡集羣 
  Web自動化(selenium自動化編程-特殊自動化測試場景)
  Web黑客技術XSS+CSRF+界面劫持揭祕 (網絡安全攻防)

  架構篇之項目實戰

  項目基礎框架搭建
  基類與業務邏輯詳解
  主流架構集成與解耦
  項目中數據庫架構設計
  項目實戰之注入式模塊集成
  項目實戰之網絡請求，圖片加載，內存集中式管理，路由跳轉
  打造以MVVM,Vue,nodejs,webpack,MongoDB項目

• 3混合式開發工程師(React native，Weex)（學習週期1.5個月）

  ReactNaitve篇

  JSX語法詳解

  環境搭建（mac，window）調試與打包發佈（Android，IOS）

  經常使用組件詳解

  View，Text，TextInput，Image，Picker,組件通訊在瀏覽器中原理揭祕
  Android原生控件與React組件區別，與轉換原理

  flexbox佈局模型深刻與探究

  React 數據流和State的傳遞
  ReactNative 中的MVVM模型與Android思想的應用於區別
  ReactJs組件生命週期詳解
  ReactJs的組件與原生通訊原理
  熱更新原理及其熱部署（Android）

  美團電商實戰，用ReactNative打造美團app

  打造美團首頁頭部Banner
  ListView實現多佈局展現頁面
  Item樣式和類型的擴展
  美團購物中心結構搭建
  美團訂單詳情頁面

  Weex篇

  ES6語法詳解Promise是抽象異步處理對象以及對其進行各類操做vue與Weex的前生今世weex環境搭建與開發部署（window，mac）經常使用組件（Text，image，video，列表web，）Weex與android交互原理Weex經常使用命令與熱更新實戰模塊詳解（storage，navigator，webview）使用 Vuex 和 vue-router實現頁面管理（跳轉，回退，歷史記錄）