當前位置:編程學習大全網 - 編程語言 - 怎樣從前端小白到前端大神?

怎樣從前端小白到前端大神?

階段壹(HTML&CSS基礎)

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

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

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

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

階段二(前端基本功)

javaScript基礎:基本語法,算法基礎,常用數據結構,編程規範,內置對象常用方法,對象的創建方式和this用法

javaScriptAPI:BOM操作,DOM操作,特效實現、頁面布局,事件處理、瀏覽器兼容處理

JavaScript高級:面向對象思想,對象,json、閉包、原型、作用域鏈,函數的調用方式及this指向,正則表達式、面向對象理論及實踐

jqurey:優勢,選擇器,動畫,鏈式編程及隱式叠代,插件使用和制作

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

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

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

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

Git:命令行、基本使用、對比文件差異、還原、合並,回滾操作、遠程倉庫操作、GitHub創建遠程倉庫,github創建遠程私有倉庫、github和gitlab的區別,生成sshkey並添加到github和gitlab上

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

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

移動web:移動端屏幕介紹、瀏覽器介紹、操作系統介紹,chrome模擬調試、真機調試、viewport、rem、主流適配方案,手勢封裝、mvc、常用指令、雙向綁定和單項綁定

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

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

  • 上一篇:最簡單的圓錐下料方法
  • 下一篇:數字化設計與制造技術專業就業前景
  • copyright 2024編程學習大全網