Web 前端學習計划


什么是前端?

前端即網站前台部分,也叫前端開發,運行在PC端,移動端等瀏覽器上展現給用戶瀏覽的網頁。隨着互聯網的發展,HTML5,CSS3,前端框架的應用,跨平台響應式網頁設計能夠適應各種屏幕分辨率,完美的動效設計,給用戶帶來極高的用戶體驗。(核心技術:HTML、CSS、JavaScript)

   核心技術是前端開發中最基本也是最必須的三個技能。前端的開發中,在頁面的布局時, HTML將元素進行定義,CSS對展示的元素進行定位,再通過JavaScript實現相應的效果和交互。雖然表面看起來很簡單,但這里面需要掌握的東西絕對不會少。在進行開發前,需要對這些概念弄清楚、弄明白,這樣在開發的過程中才會得心應手。

第一階段

1.html+css

HTML、CSS、div+css布局、HTML+css整站開發,適當的敲一些網頁的靜態頁面

2.初級JavaScript(js)

常見DOM樹操作大全、Js基礎教程、js內置對象常用方法、 ECMAscript、DOM、BOM、定時器和焦點圖

3.高級JavaScript

正則表達式、排序算法、遞歸算法、閉包、函數節流、作用域鏈、基於距離運動框架、面向對象基礎,

懸着器、DOM操作、特效和動畫、拖拽、變形、JQueryUI組件基本使用(JQuery的使用)

第二階段

1.移動Web開發

嘗試不同的服務端口,最常見的iOS,安卓,iPad等等(要把頁面布局寫得完美)

現在主流的技術主要有:1.iOS應用開發;2.Android應用開發;3.WinPhone7/8應用開發。還有一些系統級開發,如嵌入式操作系統,一般針對WinCE、Linux、Android、JVM等技術。

必須要掌握:跨終端WEB和主流設備簡介、視口、流式布局、彈性盒子、rem、移動終端JavaScript事件、手機中常見JS效果制作、Zepto.js、手機滾屏等等重要技術

2.小程序開發

伴隨着移動端,現在小程序越來越火,可以做一些微信小程序的開發來提高自己

3.拓展

常見的AJAX請求和json解析,Bootstrap布局,echarts的使用方法等。

第三階段

前端最重要的就是模塊組件化開發

學習主流的流行框架和庫

React.js、Vue.js、Zepto.js、Angular.js、Backbone.js等等

至少要掌握1~2種框架的使用方法,或者根據自己自身以后工作的方向來學習自己需要的框架開發,

第四階段(全棧開發)

嘗試服務端請求的嘗試,雖然后台語言有很多,比如說PHP , JAVA , Phton等等,因為這里我們主要學的是JavaScript,所以推薦大家學Node.js,這樣上手也比較容易,node開發包括:

Node.js發展、生態圈、Io.js、Linux/Windows/OS X環境配置、REPL環境和控制台程序、異步編程,非阻塞I/O、模塊概念,模塊管理工具、開發流程,調試,測試等

我們學習后台最要的是這個思想,以后在開發過程中,可以與后台開發人員更好的交流,避免產生的一些代溝


最后,我們學的這些只是基礎,光掌握這些基礎遠遠不行,最重要的是我們要有實戰經驗,多開發一些項目,積累一些經驗,


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM