自學(xué)前端框架教程 前端的學(xué)習(xí)步驟?
前端的學(xué)習(xí)步驟?html/html5/css3:自學(xué)過html標(biāo)簽ampcss之后,是可以去看h5的新特性和css3的新屬性,都是一些死東西,都差不多看w3c官網(wǎng)就也可以學(xué)會,之后找一些頁面跟著敲一敲
前端的學(xué)習(xí)步驟?
html/html5/css3:
自學(xué)過html標(biāo)簽ampcss之后,是可以去看h5的新特性和css3的新屬性,都是一些死東西,都差不多看w3c官網(wǎng)就也可以學(xué)會,之后找一些頁面跟著敲一敲。(盡量自學(xué)兼容性)。
js能力的提高:
前端當(dāng)然是入門易專精難的行業(yè),能力我還是可以體現(xiàn)在js上,掌握到了基礎(chǔ)的DOM操作后,估計自己去看js的oop編程,和后臺的面向?qū)ο髴?yīng)該有一些區(qū)別的,其他的如:prototype/閉包/最簡單js算法(三大排序、數(shù)組去重)等,之后是可以上去看js設(shè)計模式的書。
UI庫/js庫:
jquery絕對是要掌握到的,學(xué)下來上手難也很快地,UI庫更是如此。不用什么花太多時間在這個上面,能至少熟悉的程度就好,現(xiàn)用現(xiàn)看文檔都來不及。
node.js:
現(xiàn)在的前端都是要會node.js旗下的,主要注意原因有兩個
1)node.js也可以另外中間層,調(diào)用后臺的接口,自己零件組裝數(shù)據(jù)轉(zhuǎn)發(fā)消息給前臺,并且可以不對session等狀態(tài)做存儲。
2)一些自動化工具諸如larger/gulp/webpack和一些框架例如Vue.js是坐居node的。
因此node.js也估計所了解幫一下忙,在求實際的開發(fā)中做中間層也很多,通常作用是轉(zhuǎn)發(fā)。
基于組件nodejs的框架也可以自學(xué)express/KOA,上手難度都很大。
三大框架Vue/angular/react:
可以從Vue入門,Vue時最簡單的,手中掌握了之后再去看其他兩個框架,前端的框架少了,但大多數(shù)MVC框架是我不是很清楚,打好基礎(chǔ)的話怎么學(xué)習(xí)下來迅速,小程序開發(fā)也一般。
移動端開發(fā):
rem、媒體查詢、配置一般適口標(biāo)簽、flex布局等完全掌握后就可以不的新移動端網(wǎng)頁了。比較多是對字體配置的兼容性問題。
怎樣向后端同學(xué)普及前端知識并能根據(jù)類似react的框架獨立完成簡單的后臺頁面?
偶爾會有一些小而很簡單后臺系統(tǒng),后端和前端聯(lián)調(diào)會耗時耗力,后端同學(xué)也會有自己搭建中小系統(tǒng)的意愿,但是前端知識體系非常艱深,怎樣才能能以最快速度讓后端入門呢
推薦一下vue,vue是一套最靠近原生開發(fā)的前端框架了。
只必須會js,html,css就能快速上手。并且目前社區(qū)有十分豐富的組件和手腳架支持,后端寫下來變會爽的要不。
vueelementadminvueelementadmin是一套有微博頭條前端開發(fā)的組件庫手腳架。
接受tab標(biāo)簽內(nèi)置markdown文本編輯器,國際化等正確功能。
若依管理系統(tǒng)這是一套能繼承springboot的vueelementadmin的后臺管理系統(tǒng)。
支持在線統(tǒng)合,定時任務(wù),代碼生成等功能的后臺管理系統(tǒng),后臺人員可以通過這個開源框架快速上手,打聽一下去學(xué)習(xí)vue和vueelement組件的相關(guān)知識。