1. 程式人生 > >web前端從小白到大神各階段需掌握技能詳解

web前端從小白到大神各階段需掌握技能詳解

階段一(HTML&CSS基礎)

HTML:html語義化,html常用標籤及其語義,html5新特性和新增常用標籤

CSS:css語法、選擇器,定位、浮動、盒子模型,css3新增選擇器及其屬性,變形、過濾、動畫

Photoshop:基本應用,把psd圖轉為靜態頁面

規範:樣式和結構分離,製作符合w3c標準的頁面,添加註釋,規範縮排

階段二(前端基本功)

javaScript基礎:基本語法,演算法基礎,常用資料結構,程式設計規範,內建物件常用方法,物件的建立方式和this用法

javaScript API:BOM操作,DOM操作,特效實現、頁面佈局,事件處理、瀏覽器相容處理

JavaScript高階:面向物件思想,物件,json、閉包、原型、作用域鏈,函式的呼叫方式及this指向,正則表示式、面向物件理論及實踐

jqurey:優勢,選擇器,動畫,鏈式程式設計及隱式迭代,外掛使用和製作

模組化:概念,演變過程,設計規範,RequireJS

階段三(移動WEB開發初級)

HTML5&CSS3:多媒體、音訊視訊播放,DOM擴充套件、自定義屬性、HTML5data,地理定位、檔案讀取、元素拖拽、多媒體加強,應用快取、歷史管理、web儲存,CSS3選擇器、新屬性、2d轉換、3d轉換、動畫

canvas:繪圖命令、非零環繞原則,繪製形狀、文字、圖片,平移、縮放、旋轉變換,ECharts資料報表

Git:命令列、基本使用、對比檔案差異、還原、合併,回滾操作、遠端倉庫操作、GitHub建立遠端倉庫,github建立遠端私有倉庫、github和gitlab的區別,生成ssh key並新增到github和gitlab上

階段四(移動WEB開發高階)

bootstrap:概述,柵格系統,排版、表格、表單、按鈕,圖片、響應式工具,元件使用

移動web:移動端螢幕介紹、瀏覽器介紹、作業系統介紹,chrome模擬除錯、真機除錯、viewport、rem、主流適配方案,手勢封裝、mvc、常用指令、雙向繫結和單項繫結

angularjs:模組、控制器、$watch、自定義指令、jqLite、過濾器,格式化過濾、資料過濾、服務$http、前端路由、http攔截器

css框架:通過bootstrap完成響應式開發,瞭解常見的移動端UI框架