想自學(xué)web前端一些基礎(chǔ)的維護(hù)，大佬們給個建議去哪些靠譜的網(wǎng)站學(xué)習(xí)？

時間：2023-10-30 15:36:01 | 來源：網(wǎng)站運營

時間：2023-10-30 15:36:01 來源：網(wǎng)站運營

想自學(xué)web前端一些基礎(chǔ)的維護(hù)，大佬們給個建議去哪些靠譜的網(wǎng)站學(xué)習(xí)？：一.前端通用學(xué)習(xí)方法

前端開發(fā)上手快,又容易得到反饋(頁面效果是可見的) , 我推薦學(xué)習(xí)-點內(nèi)容后快速實戰(zhàn),在實

戰(zhàn)中找到成就感,發(fā)現(xiàn)問題,然后再帶著問題回去系統(tǒng)學(xué)習(xí), 如此往復(fù)。

二、基礎(chǔ)

html + css .

這部分建議在w3school在線教程.上學(xué)習(xí),邊學(xué)邊練,章后還有小測試。學(xué)習(xí)過程中請打開

chrome瀏覽器調(diào)試工具,直接命令行在內(nèi)做些練習(xí)。學(xué)習(xí)資料和開發(fā)工具

javascript

要學(xué)的內(nèi)容實在很多,如果沒有其他編程語言的基礎(chǔ)的話,學(xué)起來可能要費些力,還是建議先在

w3school上學(xué)習(xí)。之后建議馬.上看《javascript語言精粹》, js是-門很混亂的語言,這本書能夠

幫助你區(qū)分哪些是語言的精華,哪些是糟粕,對于語言i精華,應(yīng)該深入學(xué)習(xí)。糟粕部分能看懂別人

寫的代碼就行,自己就不用嘗試了。對于習(xí)慣看視頻學(xué)習(xí)的同學(xué)

3. html5

需要了解htm|都提供了哪些api ,然后項目中用起來。這部分沒有什么難理解的,關(guān)鍵在于能用

html5解決業(yè)務(wù)問題,以及不支持html5的瀏覽器的降級方案。這部分體現(xiàn)了前端的一個思想:面向

未來編程,盡早將新技術(shù)引入業(yè)務(wù)中來,而不是過分考慮兼容性問題,進(jìn)而導(dǎo)致面向過去編程。

雖然我沒用過,但好幾位同學(xué)推薦過了,大概看了下,內(nèi)容還不錯。


正如開篇的分析,目前市場缺的是高級前端,初級到高級的門檻不在未來,而是在過去的大學(xué)基礎(chǔ)

課。

前端為什么要學(xué)這些?因為這些都是稍微復(fù)雜一點的場景解決問題的必備武器。 比如，把-個列表

形式的地址數(shù)據(jù),以樹形渲染到頁面, 或者反過來;又比如,把一一個多級嵌套的數(shù)據(jù)對象,轉(zhuǎn)化成

扁平的map結(jié)構(gòu)再提交到服務(wù)器。更關(guān)鍵的,數(shù)據(jù)結(jié)構(gòu)和算法,是計算機(jī)的思維方式,尤其是分治

遞歸的思想,影響到代碼實現(xiàn)、模塊設(shè)計、乃至到系統(tǒng)設(shè)計。

三、初級

有了以上基礎(chǔ),就可以進(jìn)行一般的靜態(tài)網(wǎng)頁設(shè)計 ,不過對于復(fù)雜的頁面還需要進(jìn)一步學(xué)習(xí)。

1. css

對于css的學(xué)習(xí),我推薦分三塊:“ 基礎(chǔ)概念”，“css2.1規(guī)范” ，“css3規(guī)范” 。必看精通

CSS(第2版) (豆瓣),看完這本書你應(yīng)該對:子模型,流動, block , inline ,層疊,樣式優(yōu)先

級,等概念非常了解了。這本確實有些年頭了,但基礎(chǔ)概念部分講述非常清晰,可以稱之為經(jīng)典。

ie6 , 7相關(guān)的內(nèi)容可以不看。css3的部分可以參考: CSS3實用指南(豆瓣)。這本書同樣有些老,只

是最新出版的書中沒發(fā)現(xiàn)有特別好的。

關(guān)于瀏覽器兼容性。webkit內(nèi)核已成為市場主流, ie6、7已成為歷史, ie8、9的市場份額在進(jìn)一步

縮小,總之兼容[E已不在是前端工程師面試需要考察的點。

2. javascript

上面提到內(nèi)容還不足以讓你勝任js編程。在有了基礎(chǔ)之后,進(jìn)-步學(xué)習(xí)內(nèi)容包括

簡單框架。推薦先學(xué)zepto ,簡單易用,在w3school簡單學(xué)習(xí)js后,直接上手zepto即可完

成一些簡單的項目。zepto 源碼簡單清晰,也適合新手閱讀。補(bǔ)充:可以使用codecademy學(xué)習(xí)

javascript , zepto ,用戶體驗真的很好(感謝TonyOuyang )。學(xué)習(xí)zepto只是為了快速上手開

發(fā)項目,獲得成就感。同時還是要關(guān)注JS原生編程的能力,尤其隨著低端瀏覽器份額的下降,很多

zepto API已經(jīng)可以被原生瀏覽器api替代。以天貓消費者端h5頁面為例,主要就是靠原生S +少

量zepto api的方式開發(fā)完成,配合pwa等瀏覽器最新api就可以開發(fā)出極致的用戶體驗。

3. html5

需要了解htm|都提供了哪些api ,然后項目中用起來。這部分沒有什么難理解的,關(guān)鍵在于能用

html5解決業(yè)務(wù)問題,以及不支持html5的瀏覽器的降級方案。這部分體現(xiàn)了前端的一個思想:面向

未來編程,盡早將新技術(shù)引入業(yè)務(wù)中來,而不是過分考慮兼容性問題,進(jìn)而導(dǎo)致面向過去編程。