html/html5/css3:
學習過html標簽&css之后,可以去看h5的新特性和css3的新屬性,都是一些死東西,基本看w3c官網就可以學會,之后找一些頁面照著敲一敲。(注意學習兼容性)。
js能力的提高:
前端其實是上手易精通難的行業,能力還是體現在js上,掌握了基礎的DOM操作后,應該去看js的oop編程,和后臺的面向對象還是有一些區別的,其他的如:prototype/閉包/簡單的js算法(三大排序、數組去重)等,之后可以去看js設計模式的書。
UI庫/js庫:
jquery肯定是要掌握的,學起來上手也很快,UI庫更是如此。不用花太多時間在這個上面,能達到熟悉的程度就好,現用現看文檔都來得及。
node.js:
現在的前端都是要會node.js開發的,主要原因有兩個
1)node.js可以作為中間層,調用后臺的接口,自己組裝數據轉發給前臺,并且可以對session等狀態做存儲。
2)一些自動化工具比如less/gulp/webpack和一些框架比如Vue.js是居于node的。
所以node.js也應該了解一下,在實際的開發中做中間層比較多,主要作用就是轉發。
基于nodejs的框架可以學習express/KOA,上手難度都不大。
三大框架Vue/angular/react:
可以從Vue入門,Vue時最簡單的,掌握了之后再去看其他兩個框架,前端的框架太多了,但大多數MVC框架都是大同小異,打好基礎的話學習起來很快,微信小程序開發也一樣。
移動端開發:
rem、媒體查詢、配置適口標簽、flex布局等掌握后就可以開發移動端網頁了。主要就是對字體配置的兼容。
第一,注冊網站域名
第二,購買網站服務器
第三網站備案
第四,前端規劃頁面
第五,網站,設計
第六網站后臺開發
第七網站測試上線
Web前端開發是種網頁制作發展而來的,在web1.0的階段主要是進行網頁制作,那時網站的主要內容都是靜態的,用戶使用網站的行為也以瀏覽為主。到了web2.0 的時代各種類似桌面軟件的Web應用大量涌現,網站的前端由此發生了翻天覆地的變化。網頁不再是單一的靜態,而是在網頁上逐漸形成交互形式為用戶提供了更好的使用體驗。
所以,現在的web前端開發包含面很廣,要學的東西也很多。簡單點來說,現在web前端開發就是做軟件開發、微信小程序 、網頁設計、網站建設、APP開發、游戲開發等方面的內容。
web前端難學嗎?其實,在編程學習種web是相對比較簡單的,也是前期比較容易入門的學科,只要是用心去學習的話基本上是沒有什么問題的。
2020年web前端學習線路圖: