xx培訓的JS課程大綱(可作為學習目錄)

經驗,用幾個月的時間,都告訴你。為了讓你遇見一個”更好”的自己。
Js基本功
課程內容
JavaScript引入的方式、點擊事件、鼠標移入移出事件、getElementById、getElementsByTagName、屬性操作、變量、變量賦值、提取行間樣式、換膚的三種方式、函數、if條件判斷、className、cssText、傳參、形參、實參、作用域、閉包、局部變量、全局變量、字符串、字面量、匿名函數、window.onload、循環、自增
基礎語法
課程內容
表達式,變量命名規范、變量類型、typeof,undefined,null,字符串、字符串分割、字符串大小寫轉換、數組、push、pop、shift、unshift、slice、indexOf、splice的妙用、條件、循環、for,while,switch case,break,continue,算術運算、邏輯運算、關系運算、深入理解函數返回值、作用域、時間對象、獲取月份的時候應該注意哪些?時間戳、getTime,getDate,getMonth,getFullYear,第一版日歷、倒計時、arguments、隨機數、隨機換背景圖、隨機顏色、定時器、setTimeout、setInterval、柯里化、惰性求值
培訓目標
變量、函數和三大語句結構是所有類C程序設計語言的基礎,字符串、對象和數組是所有編程語言都需要處理的最重要的兩種數據結構,實際工作中我們也是時時刻刻離不開字符串和數組,面試中經常會遇到結合這三者的面試題像數組去重等,字符串結合正則更是面試中喜歡考的一個知識點方向,熟練掌握字符串、對象和數組的操作算法和技巧非常的重要。
DOM
課程內容
節點類型,查找、創建、克隆、刪除、替換節點(涉及到大量的DOM相關的API)、children的兼容性問題、什么是文檔碎片、為什么文檔碎片能夠提高DOM操作效率、屬性的操作setAttribute、getAttribute、removeAttribute、innerHTML和innerText有什么區別、表格的crud、精確搜索、模糊搜索、倒計時的實現、模擬win7系統的日歷效果、開發自己的DOM庫
培訓目標
作為js最重要的兩大基石DOM和BOM,DOM的重要性對于前端不言而喻,全面掌握DOM的各種API,了解類數組的特性,為我們以后工作中能比較快的理解別人的組件或插件的實現意圖,乃至自己封裝實現實用的組件。
BOM
課程內容
location:location,href,hash,search、如何跳轉URL或返回當前URL地址、封裝search參數、navigator、userAgent、iframe的自適應高度、可見區寬度、滾動條卷去的寬高、百度貼吧、天貓、聚美優品吸頂效果、返回到頂部、實現類似唯品會的圖片延遲加載效果、二種思路實現瀑布流
培訓目標
BOM作為JS三大組成部分之一,為我們提供了很多描述和修改瀏覽器狀態、行為、特征等操作的API
事件
課程內容
事件綁定的三種方式及優缺點、DOM2.0事件、事件句柄、如何阻止事件冒泡、如何阻止元素默認行為、鍵盤事件、鼠標事件、瀏覽器事件、實現一個自己的事件隊列、什么是冒泡和捕獲、什么是事件委托和代理、仿淘寶網模擬placeholder、仿YUI拖拽效果、淘寶放大鏡效果、開發自己的事件庫
運動
課程內容
永遠在頁面中的右鍵菜單、側邊欄、淡入淡出、緩沖運動、多物體運動框架、萬能運動框架、鏈式運動框架、完美運動框架、打字效果、三種思路實現無縫滾動、酷炫時鐘、手風琴效果、tween動畫的原理、jQuery動畫的原理
HTML5
課程內容
canvas,webGL、攝像機、光源(點光源、散射光源、環境光)、貼圖、世界坐標系、物體坐標系、材質、紋理、canvas實現繪圖板、離屏canvas、給圖像加水印、3d魔方、canvas時鐘、canvas放大鏡、移動端手勢事件、微信JS-SDK、微信調試、cocos2d核心概念、cocos2d核心類、地圖、box2d物理引擎
培訓目標
HTML5囊括了眾多的新興的功能,其中canvas算是前端游戲開發者最熱衷的功能,它是渲染圖形、圖表、圖像和動畫的開發接口,借助于canvas,我們可以實現像素級的圖形與圖像的處理。webGL是一項可以在瀏覽器呈現3D畫面的技術,換句話說,webGL使用的是硬件加速,所以可以大大的提升圖形渲染的性能,像cocos2d哪怕你是用來做2d游戲,它底層也是優先使用了webGL,只有宿主瀏覽器沒有提供webGL的接口才會使用canvas。
模塊化
課程內容
common.js、amd、cmd、require.js(同類型的還有遵循commonjs1.1規范的seajs,但是require.js是目前應用得最廣的,而且像gulp、Backbone和angular.js等一批大牛都實現了相應的npm模塊包,所以學會了require.js,可以很容易學會seajs等模塊化庫)
自動化
課程內容
gulp的原理和使用、如何用gulp打包、自動生成雪碧圖、替代koala進行實時編譯less和sass,post css的使用
jQuery
課程內容
如何選擇合適的jQuery版本、選擇器、三種思路實現隔行變色、使用each簡化for循環、jQuery與DOM對象的相互轉換、prop與attr探秘、篩選、DOM、BOM、事件、命名空間、自定義事件、hover的使用、pageX、pageY(徹底告別難用的evt.clientX,evt.clientY)、動畫、各種toggle妙用、動畫中的回調函數、ajax、用jQuery重寫瀑布流、拖拽、選項卡等之前的例子、樹形菜單、jQuery代碼優化基本原則、tween動畫的原理、jQuery動畫的原理
nodejs
課程內容
課程內容repl基于事件驅動、回調、EventEmitter與自定義事件、讀取文件、Buffer、操作二進制數據、模塊與包、npm、package.json語法詳解、B\S架構系統、HTTP協議深入學習、如何利用nodejs返回一個json數據、如何利用nodejs返回一個函數、chrome的network控制臺學習、其他:前后端對cookie的處理,及HTML5中的本地存儲
培訓目標
只教前端必須 掌握的怎么把node生態圈的npm、gulp、grunt等掌握進行自動化打包或者涉及到ajax這一塊有時候需要自己mock一下數據才會用得上node.js,所以我們的課程設計基本上是一個前端必須掌握的,不會把node什么知識點全來講,tcp、udp、進程與子進程、甚至nginx等等,這些前端一輩子也不會有面試官問你也不會用得上的東西,這是沒有意義的對前端工程師來說
ajax
課程內容
什么是B/S架構 什么是同源策略、前端必須要了解的http協議知識、xhr對象、readyState,onreadystatechange、什么是同步與異步、POST與GET、json數據格式(經常看到好多前端在沒有完全理解json的情況下寫出的代碼出問題不知道怎么調錯,這個知識點可以學習到大公司的一些通用的前后端數據約定格式)、谷歌的network控制臺的使用、jsonp的原理、百度下拉提示、封裝可重用的Jsonp方法、iframe實現跨域
培訓目標
ajax是web2.0的基石,以前要用復雜的iframe才能模擬實現的無刷新的效果,用ajax可以輕松的實現,同時ajax也是大型電商經常考慮用來進行性能優化的技巧。掌握ajax可以讓你輕松的在重構公司網站時達到一個比較好的新舊網站性能對比圖。
正則表達式
課程內容
常用正則表達式工具的使用、RegExp對象、test、exec、match、replace、忽略大小寫、貪婪與非貪婪、Unicode編碼中的漢字范圍、\b的妙用、正向否定、反向肯定、表單用戶名、密碼、身份證、網址、郵箱等匹配、高級正則應用:正則在jquery源碼中的應用
培訓目標
正則在字符串匹配查找方面是一個必須熟練掌握的技能,熟練的理解正則表達式的原理,有助于幫助我們更好的書寫出效率高的正則,提高我們的工作效率
面向對象
課程內容
面向對象與基于對象、枚舉、如何理解new、instanceof、constructor、什么是靜態’類’、如何創建一個非靜態類?、靜態’類’和非靜態’類’有什么區別?、如何實例化一個’類’、私有屬性與私有方法、封裝、繼承、多態、this、命名空間、子命名空間、構造函數、apply與call、proto、prototype、原型鏈、多種繼承方式的實現、實現’重載’、什么是工廠模式,js怎樣實現工廠模式、什么是單例模式,js怎樣實現單例模式(單例模式在js中應用得比較多,像angular.js中的service)、什么原型模式,js怎樣實現單例模式、什么是觀察者模式(觀察者模式是js的核心)
培訓目標
正則在字符串匹配查找方面是一個必須熟練掌握的技能,熟練的理解正則表達式的原理,有助于幫助我們更好的書寫出效率高的正則,提高我們的工作效率
js工程師的工作流程
課程內容
如何與公司后臺進行數據聯調、突發性bug的解決思路:我要崩潰了,出了問題是與后端進行針鋒相對,還是學著用正確的思路快速的定位出來哪里有問題?、alert的妙用、console的使用、斷點的使用(非必須,主要針對有后臺基礎的學員)、firebug、chrome的console與network、resources的使用、try catch的使用、throw的使用、雅虎軍規、Chrome profiles、YSlow的使用、緩存的使用、借鑒還是抄襲,不再被這個問題困擾,產品經理需要的是快速產品迭代、webstorm與sublime的高級用法(工欲善其事必先利其器,學會了這二款前端每天要用編輯器的正確打開姿勢可以大大提升開發速度)、git使用、github免費博客的搭建、如何用markdown寫規范的文檔:(這是一個看顏值的時代,請給我最佳的閱讀體驗!哪怕是一個普通的技術文檔)、字符集知識(gb2312,gbk,utf8,ascii碼)、正規公司代碼組織方式、代碼規范(為什么前端leader在code review的時候總是挑各種各樣的毛病?)、這部分知識點會在平時的課程當中穿插著講,還有好多最新的一些知識點會每期根據已工作學員反饋進行更新升級
一線互聯網公司面試題
課程內容
預解析相關面試題、閉包相關面試題、遞歸相關面試題、繼承相關面試題、基本數據類型與復合數據類型相關面試題、ajax與jsonp相關面試題、http協議相關面試題、jQuery相關面試題、去重、自己實現getElementsByClassName、擴展內置的對象的方法、reflow與repaint辨析、面試技巧、清空數組的三種方式、模擬實現JSON、stringify、延時下拉菜單、還有大量內部面試題,不一一列出來了
angular.js學習
課程內容
MVC的概念學習 module模塊與依賴注入、數據綁定、插值表達式、$scope、作用域、runBlock方法、config、控制器、過濾器filter、模板、內置指令與自定義指令、事件、服務(const,value,service,factory等)、路由及ngRoute、ngAnimate、jqLite、與服務器通信、angular ui mobile。
設計模式
課程內容
觀察者模式、發布訂閱模式、策略模式、工廠模式、原型模式、Promise/A規范、模塊模式、組合模式
培訓目標
使用gulp管理自己的項目,壓縮CSS、js、圖片合并等,以及postcss的使用
前端架構思想
課程內容
接口規范、本地開發、模塊系統、框架和類庫的選型、工業級項目的實戰(系統分解、設計接口API、工程構建、mock數據、gulp工作流的使用、組件的封裝到最后的邏輯的實現)
培訓目標
這個專題看起來很虛,但是如果你去大公司面試就知道了,老大其實是很看重這塊你的理解的,而且了解這方面的知道也有助于你盡可能快的走到管理層,最基本的收獲也是可以了解你們公司的前端架構師每天在做什么,除了前面的基礎課程和核心課程讓同學們掌握JS的知識和學會如何編寫代碼,培養一定的代碼邏輯能力之外,我們在這一專題里會讓學員熟悉一線互聯網公司的多人開發的協作流程、協作規范,熟悉主流的框架和類庫,而不是為了學習技術而學習技術,通過一個模擬真實的項目實戰讓同學們真正的學會多人協作開發,熟悉大公司里面的規范和接口約定的流程,知道如何封裝組件、采用amd規范來實現項目的模塊化

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 228,316評論 6 531
  • 序言:濱河連續發生了三起死亡事件,死亡現場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發現死者居然都...
    沈念sama閱讀 98,481評論 3 415
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 176,241評論 0 374
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 62,939評論 1 309
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 71,697評論 6 409
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上,一...
    開封第一講書人閱讀 55,182評論 1 324
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,247評論 3 441
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 42,406評論 0 288
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當地人在樹林里發現了一具尸體,經...
    沈念sama閱讀 48,933評論 1 334
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 40,772評論 3 354
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發現自己被綠了。 大學時的朋友給我發了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 42,973評論 1 369
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,516評論 5 359
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質發生泄漏。R本人自食惡果不足惜,卻給世界環境...
    茶點故事閱讀 44,209評論 3 347
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 34,638評論 0 26
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 35,866評論 1 285
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 51,644評論 3 391
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 47,953評論 2 373

推薦閱讀更多精彩內容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 172,635評論 25 708
  • 心有多不甘,就有多努力。 老娘是因為愛你,才在你面前裝傻逼,老娘不是不聰明,不愛你了,老娘比你媽都精。
    尹夏_閱讀 166評論 0 0
  • 活得久了,你會知道,想那么多干什么!重要的是活在當下! 有時候我們會覺得生活壓力很大,什么時候才能掙夠一套房子; ...
    徐徐如約閱讀 797評論 0 0
  • 木瓜洗凈,切開1/3作頂蓋,下方部分去核; 銀耳泡發; 枸杞、新鮮蓮子洗凈。
    一生所求8閱讀 326評論 0 0
  • 每個白手起家的大家,大都始于一件事、一個貴人。如果有一天我能成為世俗意義上的大家,那我的開始必然是那袋狗糧和這位老...
    時光菌閱讀 394評論 0 0