- 相關(guān)推薦
web前端學(xué)習(xí)心得體會(huì)范文
我們?cè)谝恍┦虑樯鲜艿絾l(fā)后，可以記錄在心得體會(huì)中，這樣我們就可以提高對(duì)思維的訓(xùn)練。你想好怎么寫(xiě)心得體會(huì)了嗎？以下是小編為大家整理的web前端學(xué)習(xí)心得體會(huì)范文，歡迎大家分享。
web前端學(xué)習(xí)心得體會(huì) 篇1
所謂行萬(wàn)里路，必先始于足下。剛開(kāi)始學(xué)習(xí)WEB前端基礎(chǔ)的時(shí)候，老師說(shuō)，其實(shí)你們學(xué)的這個(gè)后面真正去工作的時(shí)候可能也不是很會(huì)用到，所以就有很多人會(huì)問(wèn)，既然我們都用不到，那干嘛還學(xué)呀？其實(shí)，對(duì)于一個(gè)程序員來(lái)說(shuō)，你不僅要有很好的后端專(zhuān)業(yè)能力，你還應(yīng)當(dāng)具備一定的前端素養(yǎng)，知道一些起碼的前端知識(shí)。
來(lái)到傳智的第一個(gè)月，我們是以基礎(chǔ)為主吧，因?yàn)榇蠹业竭@里的基礎(chǔ)都不一樣，有一些本身就具備很高水準(zhǔn)的人，也有很多像自己一樣從小白開(kāi)始的人，所以，對(duì)我們而言，傳智開(kāi)設(shè)的這種雙元模式對(duì)我們是有很大用處的。我們從最基礎(chǔ)的開(kāi)始學(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ò)程。
首先我們回顧一下最開(kāi)始我們對(duì)HTML的學(xué)習(xí)。
其實(shí)HTML的四天學(xué)習(xí)的話(huà)，重要的就是一個(gè)標(biāo)記的學(xué)習(xí)，這大概是學(xué)習(xí)一門(mén)語(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í)的話(huà)也是挺多的，對(duì)于表格的網(wǎng)頁(yè)練習(xí)做了應(yīng)該也有一二十個(gè)的，但是就是沒(méi)那么理想，所以這方面的話(huà)也是需要自己多加練習(xí)和修正的，因?yàn)楸砀竦挠锰庍�是挺大的。HTML的學(xué)習(xí)方面還有框架和表單，框架的話(huà)，就是一個(gè)網(wǎng)頁(yè)的主體了，網(wǎng)頁(yè)的大致形式基本上從你的框架結(jié)構(gòu)就可以知道的，學(xué)習(xí)框架，重要的就是網(wǎng)頁(yè)的布局如何劃分，然后利用框架的嵌套，浮動(dòng)就可以解決的，學(xué)習(xí)過(guò)程也不會(huì)是很大的難度。
想想HTML還學(xué)了些什么呢？表單！表單對(duì)前端開(kāi)發(fā)來(lái)說(shuō)還是挺高的，因?yàn)槲覀兡茉谝粋�(gè)網(wǎng)頁(yè)中看到很多的表單應(yīng)用。包括用戶(hù)的注冊(cè)啦，密碼驗(yàn)證啦，還有搜索欄之類(lèi)的，幾乎全是表單的應(yīng)用。表單學(xué)習(xí)比較重要的地方應(yīng)該就是那十來(lái)個(gè)表單控件的應(yīng)用，這些表單控件進(jìn)一步區(qū)分的話(huà)還有就是單邊標(biāo)記和雙邊標(biāo)的的表單控件，因?yàn)楹芏鄦芜厴?biāo)記的表單，他的值一般只能是存在value當(dāng)中，如果不注意的話(huà)，很多時(shí)候我們會(huì)忘記寫(xiě)上這個(gè)value。這個(gè)階段的表單感覺(jué)并不是那么難，當(dāng)然，學(xué)到后面的JS之后，相對(duì)于表單驗(yàn)證之類(lèi)的才感覺(jué)難了很多。
第二部分：CSS學(xué)習(xí)
對(duì)我來(lái)說(shuō)，CSS課程雖然只有三天，但是卻是更應(yīng)該學(xué)好的一個(gè)模塊。因?yàn)槲覀兌贾�，其�?shí)一個(gè)網(wǎng)站的WEB前端，就是用加CSS來(lái)寫(xiě)的，不是用之前的表格來(lái)寫(xiě)的，足以見(jiàn)得CSS的重要性。CSS就是網(wǎng)頁(yè)樣式，一個(gè)網(wǎng)頁(yè)的整體美感，在你確定了框架之后，就看你的CSS樣式的添加了，所以一直以來(lái)都很想把CSS學(xué)好。記得CSS學(xué)習(xí)的那幾天，自己的消化還是很好的，自己去獨(dú)立完成練習(xí)的時(shí)候也是沒(méi)有太大難度的，但是不知道是為什么，到后面學(xué)習(xí)JSJQ的時(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è)定的話(huà)，是不是要進(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)記之類(lèi)，懂得怎么用，但是不是很熟悉，所以經(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ù)都幫你寫(xiě)好了，你只需要學(xué)會(huì)調(diào)用就好了的。當(dāng)然。調(diào)用他，其實(shí)對(duì)于JQ來(lái)說(shuō)，學(xué)習(xí)的過(guò)程沒(méi)有具備很大的難度，只是嘗試著去多寫(xiě)寫(xiě)，寫(xiě)兩三次基本就記住怎么用了。最后還有一天的Bootstrap學(xué)習(xí)，寫(xiě)過(guò)一些案例，只要會(huì)改，基本沒(méi)有太大的難度。
后續(xù)：
其實(shí)對(duì)于WEB前端的學(xué)習(xí)的話(huà)重要的就是多用，很多東西我們上課聽(tīng)得時(shí)候其實(shí)都基本聽(tīng)得懂，但是更重要的是在于你課后的練習(xí)，離開(kāi)了老師的一個(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ì) 篇2
進(jìn)入XXweb班近一個(gè)月了，從一無(wú)所知的小白到現(xiàn)在也完成了京東詳情頁(yè)的一個(gè)小項(xiàng)目。學(xué)習(xí)過(guò)程中除了偶爾遇到困難，總體還算順利。在這里主要想分享自己以一個(gè)文科生——零基礎(chǔ)學(xué)員的角度來(lái)學(xué)習(xí)web前端開(kāi)發(fā)的感受。
由于之前在大學(xué)里是學(xué)的旅游專(zhuān)業(yè)，和計(jì)算機(jī)毫無(wú)關(guān)系，來(lái)到XX時(shí)對(duì)自己有些半信半疑。不少人甚至懷疑XX是行騙機(jī)構(gòu)。在做了全面的了解之后，我勸服家人同意我來(lái)這里學(xué)習(xí)。另一方面，我向老師咨詢(xún)了自己學(xué)習(xí)的方向，考慮到自己從文科到計(jì)算機(jī)專(zhuān)業(yè)跨度較大的轉(zhuǎn)變，我在Java與web之間選擇了web。相對(duì)于Java，web的學(xué)習(xí)更基礎(chǔ)，容易入手，就業(yè)的.機(jī)會(huì)也非常多。
Web開(kāi)班第一天，老師即從網(wǎng)頁(yè)基礎(chǔ)、HTML入手，攫取重點(diǎn)，給我們介紹了它的相關(guān)知識(shí)。我們主要學(xué)習(xí)了HTML5，里面有很多的新特性且時(shí)下較為流行。它相當(dāng)于一個(gè)網(wǎng)頁(yè)界面的宏觀架構(gòu)。如果把一個(gè)網(wǎng)頁(yè)的實(shí)現(xiàn)比作是一座建筑的建造過(guò)程，那么HTML即是這座建筑里的鋼筋混泥土，搭建起整個(gè)建筑的框架、承重。
之后，我們又學(xué)習(xí)了CSS基礎(chǔ)樣式，仍然借用上面的比喻，CSS則相當(dāng)于建筑里各個(gè)房間的不同結(jié)構(gòu)，它們使得這座建筑更加的多樣化。且相對(duì)于HTML，它更加的復(fù)雜、多樣化，呈現(xiàn)的效果也具有更多的可能性。老師向我們推薦了《CSS禪意花園》這本書(shū)，里面列舉了豐富且多種多樣的CSS樣式。
作為今后可能成為的優(yōu)秀前端工程師，僅僅學(xué)習(xí)自己內(nèi)部的知識(shí)是遠(yuǎn)遠(yuǎn)不夠的。因此，第一個(gè)月中我們也學(xué)習(xí)了UI中PS繪圖制作基礎(chǔ)，這對(duì)于一個(gè)前端來(lái)說(shuō)也是非常重要的，在今后的工作中，我們可能會(huì)面對(duì)各種各樣的問(wèn)題，如果掌握部分PS尤其是切圖技術(shù)，在和UI的接觸中可以減少很多不必要的繁瑣工作。
總之，作為一個(gè)前端工程師，我們所要掌握的知識(shí)是全面的，當(dāng)我們寫(xiě)代碼時(shí)的思維是縝密的。HTML和CSS是基礎(chǔ)中的基礎(chǔ)。之后我們會(huì)學(xué)習(xí)更多的JavaScript相關(guān)知識(shí)和其他，希望自己在這過(guò)程中仍能保持謙遜的的心態(tài)，去學(xué)習(xí)前人留下的珍貴寶藏。
web前端學(xué)習(xí)心得體會(huì) 篇3
寫(xiě)代碼的時(shí)候要伴隨技術(shù)文檔，不管是方便自己以后的閱讀和快速回顧，還是方便他們對(duì)代碼進(jìn)行重構(gòu)編輯，都是非常必要的。
一個(gè)人的對(duì)手不是別人，而是自己，不是自己的智商，而是自己的懶惰。惰于思考。
踏實(shí)：關(guān)于踏實(shí)，今天才算是有了比較深刻的理解。不是嘴上說(shuō)自己踏實(shí)能干，不盲目著急，不做一點(diǎn)把握都沒(méi)有但是對(duì)自己影響很大的事情，不要想著什么事情賭一把也許會(huì)有好的結(jié)果。于是我決定自己的實(shí)習(xí)如果有機(jī)會(huì)就要延長(zhǎng)，不要匆匆結(jié)束，而且不止要延長(zhǎng)，要再接下來(lái)的工作中有所得，有所建樹(shù)，有所收獲，有所貢獻(xiàn)。
前端工程師要有基礎(chǔ)和潛力：基礎(chǔ)可以是根正苗紅的科班出身所學(xué)的技術(shù)。潛力就是踏實(shí)，務(wù)實(shí)的精神。我操真不是在嘴上說(shuō)說(shuō)的傻玩意兒。
如果遇到瓶頸難以突破（WEB前端工作了2—3年左右），可以考慮豐富自己的文筆，讓自己的代碼或者想法可以清晰的表現(xiàn)在人前。
作為一個(gè)WEB前端工程師要了解HTTP協(xié)議，為了與后臺(tái)打交道，可以更直觀的把握全局，也需要適當(dāng)?shù)膶W(xué)習(xí)設(shè)計(jì)模式那些blablabla的東西，與產(chǎn)品打交道。
“我對(duì)Web開(kāi)發(fā)人員最大的建議就是：熱愛(ài)你的工作。熱愛(ài)跨瀏覽器開(kāi)發(fā)帶來(lái)的挑戰(zhàn)、熱愛(ài)互聯(lián)網(wǎng)技術(shù)的種種異端，熱愛(ài)業(yè)內(nèi)的同行，熱愛(ài)你的工具。互聯(lián)網(wǎng)發(fā)展太快了，如果你不熱愛(ài)它的話(huà)，不可能跟上它的步伐。這意味著你必須多閱讀，多動(dòng)手，保證自己的才能與日俱增。下了班也不能閑著，要做一些對(duì)自己有用的事兒�？梢詤⑴c一些開(kāi)源軟件的開(kāi)發(fā)，讀讀好書(shū)，看看牛人的博客。經(jīng)常參加一些會(huì)議，看看別人都在干什么。要想讓自己快速成長(zhǎng)，有很多事兒可以去做，而且付出一定會(huì)有回報(bào)�！�
年輕的工程師需要更多的了解需求和設(shè)計(jì)、產(chǎn)品經(jīng)理更要懂得軟件迭代規(guī)律。對(duì)于前端工程師來(lái)講更是如此，多學(xué)習(xí)交互設(shè)計(jì)和UI，多了解網(wǎng)絡(luò)協(xié)議和軟件迭代模型，更能幫助前端工程師和需求方溝通、和后臺(tái)的銜接、以及控制版本的迭代。
剛出道的校招同學(xué)往往更加心高氣傲，以為自己有改變世界的本事，一定要參與一個(gè)牛逼的團(tuán)隊(duì)做一款光鮮靚麗受人追捧能給自己臉上貼金的項(xiàng)目。如果你有這種想法，趁早打消掉這個(gè)念頭，當(dāng)然，我們這里先不討論創(chuàng)業(yè)的情形。
第一，如果你剛畢業(yè)就加入一個(gè)牛逼團(tuán)隊(duì)，說(shuō)難聽(tīng)點(diǎn)，你就是團(tuán)隊(duì)中其他人眼中的“豬一樣的隊(duì)友”，不創(chuàng)造價(jià)值且拖項(xiàng)目后腿（顯然大家都要照顧你的成長(zhǎng)�。�，按照271理論，你沒(méi)有理由不是這個(gè)1。至少相當(dāng)長(zhǎng)一段時(shí)間內(nèi)是這樣。
第二，你在所謂牛逼團(tuán)隊(duì)中的創(chuàng)造性受限，因?yàn)閯?chuàng)新多來(lái)自于團(tuán)隊(duì)中的“資深“和大牛們，你參與討論但觀點(diǎn)通常不會(huì)被采納，他們只會(huì)給你這個(gè)菜鳥(niǎo)分活干，想想看，你如何能花兩到三年就超越身邊的大牛們？甚至連拉近與他們的距離都難。
第三，如果身在牛逼團(tuán)隊(duì)，自然心理對(duì)周?chē)呐Ｈ藗冇兴诖�，希望他們能灌輸給你一些牛逼的知識(shí)和牛逼的理念。這種思想上的惰性在職場(chǎng)生涯之初是非常危險(xiǎn)的。要知道技術(shù)和知識(shí)本身是很簡(jiǎn)單和淳樸的.，只不過(guò)披上了一個(gè)光鮮項(xiàng)目的外衣而讓人感覺(jué)與眾不同。
第四，由簡(jiǎn)入奢易，由奢入簡(jiǎn)難，做過(guò)一個(gè)看似光彩的項(xiàng)目，心理再難放平穩(wěn)，去踏實(shí)的做一個(gè)看上去不那么酷的產(chǎn)品。這種浮躁心態(tài)會(huì)嚴(yán)重影響今后的職業(yè)發(fā)展和成長(zhǎng)。
第五，光鮮靚麗的項(xiàng)目被各種老大關(guān)注，是難容忍犯錯(cuò)誤的，傻瓜都知道犯錯(cuò)誤在成長(zhǎng)之初的重要性。
就我所看到的情形看，一開(kāi)始加入看似很牛的項(xiàng)目組，三年后得到的成長(zhǎng)，比那些開(kāi)始加入一個(gè)不被重視的項(xiàng)目的同學(xué)要小很多，而后者在能力上的彈性卻更大。所以，道理很簡(jiǎn)單，你是要把一個(gè)很酷的項(xiàng)目做的和之前差不多酷，還是把一個(gè)不酷的項(xiàng)目做的很酷？項(xiàng)目是不是因?yàn)槟愕募尤攵兊门c眾不同了？
從這個(gè)角度講，不管是轉(zhuǎn)行的新人還是剛出道的秀才，最好將自己當(dāng)作“匠人”來(lái)對(duì)待，你的工作是“打磨”你的項(xiàng)目，并在這個(gè)過(guò)程中收獲經(jīng)驗(yàn)和成長(zhǎng)。付出的是勤奮，鍛煉的是手藝，磨練的是心智。因此，你的價(jià)值來(lái)自于你“活兒“的質(zhì)量，“活兒”的質(zhì)量來(lái)自于你接手的項(xiàng)目之前和之后的差別。做好活兒是匠人應(yīng)有的職業(yè)心態(tài)。想通這一點(diǎn)，內(nèi)心自然少一些糾結(jié)，才會(huì)對(duì)自己對(duì)項(xiàng)目的貢獻(xiàn)度有客觀的認(rèn)識(shí)，不會(huì)感覺(jué)被項(xiàng)目所綁架。
【web前端學(xué)習(xí)心得體會(huì)】相關(guān)文章：
web前端實(shí)訓(xùn)總結(jié)（通用6篇）05-24
web前端的自我介紹（通用9篇）03-04
web前端設(shè)計(jì)師的主要職責(zé)說(shuō)明（通用20篇）11-02
百度實(shí)習(xí)生web前端開(kāi)發(fā)工程師的面試經(jīng)歷09-02
Web數(shù)據(jù)挖掘技術(shù)探析論文04-07