web前端學(xué)習(xí)心得體會(huì)
有了一些收獲以后，馬上將其記錄下來(lái)，這樣能夠給人努力向前的動(dòng)力。到底應(yīng)如何寫心得體會(huì)呢？以下是小編為大家收集的web前端學(xué)習(xí)心得體會(huì)，歡迎大家借鑒與參考，希望對(duì)大家有所幫助。
所謂行萬(wàn)里路，必先始于足下。剛開始學(xué)習(xí)WEB前端基礎(chǔ)的時(shí)候，老師說(shuō)，其實(shí)你們學(xué)的這個(gè)后面真正去工作的時(shí)候可能也不是很會(huì)用到，所以就有很多人會(huì)問(wèn)，既然我們都用不到，那干嘛還學(xué)呀？其實(shí)，對(duì)于一個(gè)程序員來(lái)說(shuō)，你不僅要有很好的后端專業(yè)能力，你還應(yīng)當(dāng)具備一定的前端素養(yǎng)，知道一些起碼的前端知識(shí)。
來(lái)到傳智的第一個(gè)月，我們是以基礎(chǔ)為主吧，因?yàn)榇蠹业竭@里的基礎(chǔ)都不一樣，有一些本身就具備很高水準(zhǔn)的人，也有很多像自己一樣從小白開始的人，所以，對(duì)我們而言，傳智開設(shè)的這種雙元模式對(duì)我們是有很大用處的。我們從最基礎(chǔ)的開始學(xué)習(xí)，在學(xué)習(xí)HTML的時(shí)候，我們還延續(xù)著很古老和古老的表格制作網(wǎng)站，然后到后面的CSS學(xué)習(xí)，用CSS樣式去進(jìn)一步完善我們制作的網(wǎng)址，再到著一期的難點(diǎn)JS課程體系，一級(jí)最后的JQ和BOOtstrap，可以說(shuō)這個(gè)過(guò)程其實(shí)也是一個(gè)循序肩頸的過(guò)程，有簡(jiǎn)到難的過(guò)程。
首先我們回顧一下最開始我們對(duì)HTML的學(xué)習(xí)。
其實(shí)HTML的四天學(xué)習(xí)的話，重要的就是一個(gè)標(biāo)記的學(xué)習(xí)，這大概是學(xué)習(xí)一門語(yǔ)言最基礎(chǔ)的一部分吧。但是也不是說(shuō)背一背就解決問(wèn)題的，選擇IT，程序員這一方面，只要多練習(xí)，多敲代碼感覺(jué)就好了，所以熟練的使用這些標(biāo)記其實(shí)不是很大的問(wèn)題，對(duì)自己來(lái)說(shuō)，比較難的是一個(gè)表格和框架，也許會(huì)有人說(shuō)，表格有什么難的，就行列的問(wèn)題啊，但是不知道為什么，在學(xué)習(xí)的那幾天對(duì)于表格的學(xué)習(xí)和接受能力都沒(méi)有別的那么好，表格的整體框架能搭出來(lái)，但是就是對(duì)于表格的美化總做不到自己心里所預(yù)期的那樣。其實(shí)練習(xí)的話也是挺多的，對(duì)于表格的網(wǎng)頁(yè)練習(xí)做了應(yīng)該也有一二十個(gè)的，但是就是沒(méi)那么理想，所以這方面的話也是需要自己多加練習(xí)和修正的，因?yàn)楸砀竦挠锰庍�是挺大的。HTML的學(xué)習(xí)方面還有框架和表單，框架的話，就是一個(gè)網(wǎng)頁(yè)的主體了，網(wǎng)頁(yè)的大致形式基本上從你的框架結(jié)構(gòu)就可以知道的，學(xué)習(xí)框架，重要的就是網(wǎng)頁(yè)的布局如何劃分，然后利用框架的嵌套，浮動(dòng)就可以解決的，學(xué)習(xí)過(guò)程也不會(huì)是很大的難度。
想想HTML還學(xué)了些什么呢？表單！表單對(duì)前端開發(fā)來(lái)說(shuō)還是挺高的，因?yàn)槲覀兡茉谝粋�(gè)網(wǎng)頁(yè)中看到很多的表單應(yīng)用。包括用戶的注冊(cè)啦，密碼驗(yàn)證啦，還有搜索欄之類的，幾乎全是表單的應(yīng)用。表單學(xué)習(xí)比較重要的地方應(yīng)該就是那十來(lái)個(gè)表單控件的應(yīng)用，這些表單控件進(jìn)一步區(qū)分的話還有就是單邊標(biāo)記和雙邊標(biāo)的的表單控件，因?yàn)楹芏鄦芜厴?biāo)記的表單，他的值一般只能是存在value當(dāng)中，如果不注意的話，很多時(shí)候我們會(huì)忘記寫上這個(gè)value。這個(gè)階段的`表單感覺(jué)并不是那么難，當(dāng)然，學(xué)到后面的JS之后，相對(duì)于表單驗(yàn)證之類的才感覺(jué)難了很多。
第二部分：CSS學(xué)習(xí)
對(duì)我來(lái)說(shuō)，CSS課程雖然只有三天，但是卻是更應(yīng)該學(xué)好的一個(gè)模塊。因?yàn)槲覀兌贾溃鋵?shí)一個(gè)網(wǎng)站的WEB前端，就是用加CSS來(lái)寫的，不是用之前的表格來(lái)寫的，足以見得CSS的重要性。CSS就是網(wǎng)頁(yè)樣式，一個(gè)網(wǎng)頁(yè)的整體美感，在你確定了框架之后，就看你的CSS樣式的添加了，所以一直以來(lái)都很想把CSS學(xué)好。記得CSS學(xué)習(xí)的那幾天，自己的消化還是很好的，自己去獨(dú)立完成練習(xí)的時(shí)候也是沒(méi)有太大難度的，但是不知道是為什么，到后面學(xué)習(xí)JS JQ的時(shí)候，操作CSS時(shí)居然會(huì)吧CSS和HTML弄的有點(diǎn)混淆，這一點(diǎn)一直沒(méi)做好。CSS的學(xué)習(xí)還有一個(gè)地方就是浮動(dòng)，因?yàn)榇嬖趬K元素和行輩元素，塊元素因?yàn)槠浔旧硖匦裕粋�(gè)塊元素標(biāo)記他要占用一整行的空間，而一個(gè)行內(nèi)元素他只能占用行內(nèi)的一些空間，但是在實(shí)際操作中，很多時(shí)候我們卻要想將多個(gè)塊元素排在同一行，或者將多個(gè)行內(nèi)元素排在不同行，這時(shí)候就可以使用浮動(dòng)的方法來(lái)實(shí)現(xiàn)，浮動(dòng)最主要做的就是這個(gè)，唯一要記住的一點(diǎn)就是做了浮動(dòng)之后，如果他的父元素是沒(méi)有進(jìn)行匡高的設(shè)定的話，是不是要進(jìn)行清除浮動(dòng)，防止下面的操作也是有浮動(dòng)的。
第三部分：重點(diǎn)學(xué)習(xí)----JS
JS是相對(duì)于這整個(gè)月學(xué)習(xí)的重點(diǎn)吧，也是很多人沒(méi)辦法很好接觸的地方，當(dāng)然，自己在這里的學(xué)習(xí)也是有不足的地方。像一些對(duì)屬性的操作的標(biāo)記之類，懂得怎么用，但是不是很熟悉，所以經(jīng)常在操作的時(shí)候要去查手冊(cè)。學(xué)的最不好的一個(gè)地方應(yīng)該是將數(shù)組中的元素按照一定的規(guī)則或者順序添加到指定或?qū)?yīng)的表格中，這中題型是自己做的比較少的，也是掌握很不好的地方，所以也希望用放假的這幾天好好練習(xí)一下，不能拖到下一個(gè)階段去。個(gè)人對(duì)JS的理解其實(shí)就是大量算法的集合，因?yàn)楹芏鄷r(shí)候你都會(huì)用到函數(shù)，只是多了一些找元素和對(duì)元素綁定標(biāo)記的過(guò)程，最重要的還是構(gòu)造函數(shù)，調(diào)用函數(shù)的過(guò)程！
第四部分：JQ及Bootstrap
對(duì)于JQ和Bootstrap的學(xué)習(xí)來(lái)說(shuō)，其實(shí)就是一個(gè)應(yīng)用的過(guò)程吧，所有的函數(shù)都幫你寫好了，你只需要學(xué)會(huì)調(diào)用就好了的。當(dāng)然。調(diào)用他，其實(shí)對(duì)于JQ來(lái)說(shuō)，學(xué)習(xí)的過(guò)程沒(méi)有具備很大的難度，只是嘗試著去多寫寫，寫兩三次基本就記住怎么用了。最后還有一天的Bootstrap學(xué)習(xí)，寫過(guò)一些案例，只要會(huì)改，基本沒(méi)有太大的難度。
后續(xù)：其實(shí)對(duì)于WEB前端的學(xué)習(xí)的話重要的就是多用，很多東西我們上課聽得時(shí)候其實(shí)都基本聽得懂，但是更重要的是在于你課后的練習(xí)，離開了老師的一個(gè)思維引導(dǎo)，我們?cè)撛鯓尤ネ瓿身?xiàng)目才是我們?cè)搶W(xué)會(huì)的。這一個(gè)月的學(xué)習(xí)難度系數(shù)都不是很高。但卻是一個(gè)比較繁雜的過(guò)程，因?yàn)樽鳛榍岸藖?lái)說(shuō)，我們需要不斷的優(yōu)化，不斷的修正，美化整個(gè)頁(yè)面。不管是前端還是后端，都希望自己能好好學(xué)！
【web前端學(xué)習(xí)心得體會(huì)】相關(guān)文章：