web前端學(xué)習心得體會(huì )范文

　　我們在一些事情上受到啟發(fā)后，可以記錄在心得體會(huì )中，這樣我們就可以提高對思維的訓練。你想好怎么寫(xiě)心得體會(huì )了嗎？以下是小編為大家整理的web前端學(xué)習心得體會(huì )范文，歡迎大家分享。

　　web前端學(xué)習心得體會(huì ) 篇1

　　所謂行萬(wàn)里路，必先始于足下。剛開(kāi)始學(xué)習WEB前端基礎的時(shí)候，老師說(shuō)，其實(shí)你們學(xué)的這個(gè)后面真正去工作的時(shí)候可能也不是很會(huì )用到，所以就有很多人會(huì )問(wèn)，既然我們都用不到，那干嘛還學(xué)呀？其實(shí)，對于一個(gè)程序員來(lái)說(shuō)，你不僅要有很好的后端專(zhuān)業(yè)能力，你還應當具備一定的前端素養，知道一些起碼的前端知識。

　　來(lái)到傳智的第一個(gè)月，我們是以基礎為主吧，因為大家到這里的基礎都不一樣，有一些本身就具備很高水準的人，也有很多像自己一樣從小白開(kāi)始的人，所以，對我們而言，傳智開(kāi)設的這種雙元模式對我們是有很大用處的。我們從最基礎的開(kāi)始學(xué)習，在學(xué)習HTML的時(shí)候，我們還延續著(zhù)很古老和古老的表格制作網(wǎng)站，然后到后面的CSS學(xué)習，用CSS樣式去進(jìn)一步完善我們制作的網(wǎng)址，再到著(zhù)一期的難點(diǎn)JS課程體系，一級最后的JQ和BOOtstrap，可以說(shuō)這個(gè)過(guò)程其實(shí)也是一個(gè)循序肩頸的過(guò)程，有簡(jiǎn)到難的過(guò)程。

　　首先我們回顧一下最開(kāi)始我們對HTML的學(xué)習。

　　其實(shí)HTML的四天學(xué)習的話(huà)，重要的就是一個(gè)標記的學(xué)習，這大概是學(xué)習一門(mén)語(yǔ)言最基礎的一部分吧。但是也不是說(shuō)背一背就解決問(wèn)題的，選擇IT，程序員這一方面，只要多練習，多敲代碼感覺(jué)就好了，所以熟練的使用這些標記其實(shí)不是很大的問(wèn)題，對自己來(lái)說(shuō)，比較難的是一個(gè)表格和框架，也許會(huì )有人說(shuō)，表格有什么難的，就行列的問(wèn)題啊，但是不知道為什么，在學(xué)習的那幾天對于表格的學(xué)習和接受能力都沒(méi)有別的那么好，表格的整體框架能搭出來(lái)，但是就是對于表格的美化總做不到自己心里所預期的那樣。其實(shí)練習的話(huà)也是挺多的，對于表格的網(wǎng)頁(yè)練習做了應該也有一二十個(gè)的，但是就是沒(méi)那么理想，所以這方面的話(huà)也是需要自己多加練習和修正的，因為表格的用處還是挺大的。HTML的學(xué)習方面還有框架和表單，框架的話(huà)，就是一個(gè)網(wǎng)頁(yè)的主體了，網(wǎng)頁(yè)的大致形式基本上從你的框架結構就可以知道的，學(xué)習框架，重要的就是網(wǎng)頁(yè)的布局如何劃分，然后利用框架的`嵌套，浮動(dòng)就可以解決的，學(xué)習過(guò)程也不會(huì )是很大的難度。

　　想想HTML還學(xué)了些什么呢？表單！表單對前端開(kāi)發(fā)來(lái)說(shuō)還是挺高的，因為我們能在一個(gè)網(wǎng)頁(yè)中看到很多的表單應用。包括用戶(hù)的注冊啦，密碼驗證啦，還有搜索欄之類(lèi)的，幾乎全是表單的應用。表單學(xué)習比較重要的地方應該就是那十來(lái)個(gè)表單控件的應用，這些表單控件進(jìn)一步區分的話(huà)還有就是單邊標記和雙邊標的的表單控件，因為很多單邊標記的表單，他的值一般只能是存在value當中，如果不注意的話(huà)，很多時(shí)候我們會(huì )忘記寫(xiě)上這個(gè)value。這個(gè)階段的表單感覺(jué)并不是那么難，當然，學(xué)到后面的JS之后，相對于表單驗證之類(lèi)的才感覺(jué)難了很多。

　　第二部分：CSS學(xué)習

　　對我來(lái)說(shuō)，CSS課程雖然只有三天，但是卻是更應該學(xué)好的一個(gè)模塊。因為我們都知道，其實(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é)習的那幾天，自己的消化還是很好的，自己去獨立完成練習的時(shí)候也是沒(méi)有太大難度的，但是不知道是為什么，到后面學(xué)習JSJQ的時(shí)候，操作CSS時(shí)居然會(huì )吧CSS和HTML弄的有點(diǎn)混淆，這一點(diǎn)一直沒(méi)做好。CSS的學(xué)習還有一個(gè)地方就是浮動(dòng)，因為存在塊元素和行輩元素，塊元素因為其本身特性，一個(gè)塊元素標記他要占用一整行的空間，而一個(gè)行內元素他只能占用行內的一些空間，但是在實(shí)際操作中，很多時(shí)候我們卻要想將多個(gè)塊元素排在同一行，或者將多個(gè)行內元素排在不同行，這時(shí)候就可以使用浮動(dòng)的方法來(lái)實(shí)現，浮動(dòng)最主要做的就是這個(gè)，唯一要記住的一點(diǎn)就是做了浮動(dòng)之后，如果他的父元素是沒(méi)有進(jìn)行匡高的設定的話(huà)，是不是要進(jìn)行清除浮動(dòng)，防止下面的操作也是有浮動(dòng)的。

　　第三部分：重點(diǎn)學(xué)習----JS

　　JS是相對于這整個(gè)月學(xué)習的重點(diǎn)吧，也是很多人沒(méi)辦法很好接觸的地方，當然，自己在這里的學(xué)習也是有不足的地方。像一些對屬性的操作的標記之類(lèi)，懂得怎么用，但是不是很熟悉，所以經(jīng)常在操作的時(shí)候要去查手冊。學(xué)的最不好的一個(gè)地方應該是將數組中的元素按照一定的規則或者順序添加到指定或對應的表格中，這中題型是自己做的比較少的，也是掌握很不好的地方，所以也希望用放假的這幾天好好練習一下，不能拖到下一個(gè)階段去。個(gè)人對JS的理解其實(shí)就是大量算法的集合，因為很多時(shí)候你都會(huì )用到函數，只是多了一些找元素和對元素綁定標記的過(guò)程，最重要的還是構造函數，調用函數的過(guò)程！

　　第四部分：JQ及Bootstrap

　　對于JQ和Bootstrap的學(xué)習來(lái)說(shuō)，其實(shí)就是一個(gè)應用的過(guò)程吧，所有的函數都幫你寫(xiě)好了，你只需要學(xué)會(huì )調用就好了的。當然。調用他，其實(shí)對于JQ來(lái)說(shuō)，學(xué)習的過(guò)程沒(méi)有具備很大的難度，只是嘗試著(zhù)去多寫(xiě)寫(xiě)，寫(xiě)兩三次基本就記住怎么用了。最后還有一天的Bootstrap學(xué)習，寫(xiě)過(guò)一些案例，只要會(huì )改，基本沒(méi)有太大的難度。

　　后續：

　　其實(shí)對于WEB前端的學(xué)習的話(huà)重要的就是多用，很多東西我們上課聽(tīng)得時(shí)候其實(shí)都基本聽(tīng)得懂，但是更重要的是在于你課后的練習，離開(kāi)了老師的一個(gè)思維引導，我們該怎樣去完成項目才是我們該學(xué)會(huì )的。這一個(gè)月的學(xué)習難度系數都不是很高。但卻是一個(gè)比較繁雜的過(guò)程，因為作為前端來(lái)說(shuō)，我們需要不斷的優(yōu)化，不斷的修正，美化整個(gè)頁(yè)面。不管是前端還是后端，都希望自己能好好學(xué)！

　　web前端學(xué)習心得體會(huì ) 篇2

　　進(jìn)入XXweb班近一個(gè)月了，從一無(wú)所知的小白到現在也完成了京東詳情頁(yè)的一個(gè)小項目。學(xué)習過(guò)程中除了偶爾遇到困難，總體還算順利。在這里主要想分享自己以一個(gè)文科生——零基礎學(xué)員的角度來(lái)學(xué)習web前端開(kāi)發(fā)的感受。

　　由于之前在大學(xué)里是學(xué)的旅游專(zhuān)業(yè)，和計算機毫無(wú)關(guān)系，來(lái)到XX時(shí)對自己有些半信半疑。不少人甚至懷疑XX是行騙機構。在做了全面的了解之后，我勸服家人同意我來(lái)這里學(xué)習。另一方面，我向老師咨詢(xún)了自己學(xué)習的方向，考慮到自己從文科到計算機專(zhuān)業(yè)跨度較大的轉變，我在Java與web之間選擇了web。相對于Java，web的學(xué)習更基礎，容易入手，就業(yè)的機會(huì )也非常多。

　　Web開(kāi)班第一天，老師即從網(wǎng)頁(yè)基礎、HTML入手，攫取重點(diǎn)，給我們介紹了它的相關(guān)知識。我們主要學(xué)習了HTML5，里面有很多的新特性且時(shí)下較為流行。它相當于一個(gè)網(wǎng)頁(yè)界面的宏觀(guān)架構。如果把一個(gè)網(wǎng)頁(yè)的實(shí)現比作是一座建筑的建造過(guò)程，那么HTML即是這座建筑里的鋼筋混泥土，搭建起整個(gè)建筑的框架、承重。

　　之后，我們又學(xué)習了CSS基礎樣式，仍然借用上面的比喻，CSS則相當于建筑里各個(gè)房間的不同結構，它們使得這座建筑更加的多樣化。且相對于HTML，它更加的復雜、多樣化，呈現的`效果也具有更多的可能性。老師向我們推薦了《CSS禪意花園》這本書(shū)，里面列舉了豐富且多種多樣的CSS樣式。

　　作為今后可能成為的優(yōu)秀前端工程師，僅僅學(xué)習自己內部的知識是遠遠不夠的。因此，第一個(gè)月中我們也學(xué)習了UI中PS繪圖制作基礎，這對于一個(gè)前端來(lái)說(shuō)也是非常重要的，在今后的工作中，我們可能會(huì )面對各種各樣的問(wèn)題，如果掌握部分PS尤其是切圖技術(shù)，在和UI的接觸中可以減少很多不必要的繁瑣工作。

　　總之，作為一個(gè)前端工程師，我們所要掌握的知識是全面的，當我們寫(xiě)代碼時(shí)的思維是縝密的。HTML和CSS是基礎中的基礎。之后我們會(huì )學(xué)習更多的JavaScript相關(guān)知識和其他，希望自己在這過(guò)程中仍能保持謙遜的的心態(tài)，去學(xué)習前人留下的珍貴寶藏。

　　web前端學(xué)習心得體會(huì ) 篇3

　　寫(xiě)代碼的時(shí)候要伴隨技術(shù)文檔，不管是方便自己以后的閱讀和快速回顧，還是方便他們對代碼進(jìn)行重構編輯，都是非常必要的。

　　一個(gè)人的對手不是別人，而是自己，不是自己的智商，而是自己的懶惰。惰于思考。

　　踏實(shí)：關(guān)于踏實(shí)，今天才算是有了比較深刻的理解。不是嘴上說(shuō)自己踏實(shí)能干，不盲目著(zhù)急，不做一點(diǎn)把握都沒(méi)有但是對自己影響很大的事情，不要想著(zhù)什么事情賭一把也許會(huì )有好的結果。于是我決定自己的實(shí)習如果有機會(huì )就要延長(cháng)，不要匆匆結束，而且不止要延長(cháng)，要再接下來(lái)的工作中有所得，有所建樹(shù)，有所收獲，有所貢獻。

　　前端工程師要有基礎和潛力：基礎可以是根正苗紅的科班出身所學(xué)的技術(shù)。潛力就是踏實(shí)，務(wù)實(shí)的精神。我操真不是在嘴上說(shuō)說(shuō)的傻玩意兒。

　　如果遇到瓶頸難以突破（WEB前端工作了2—3年左右），可以考慮豐富自己的文筆，讓自己的代碼或者想法可以清晰的表現在人前。

　　作為一個(gè)WEB前端工程師要了解HTTP協(xié)議，為了與后臺打交道，可以更直觀(guān)的把握全局，也需要適當的學(xué)習設計模式那些blablabla的東西，與產(chǎn)品打交道。

　　“我對Web開(kāi)發(fā)人員最大的建議就是：熱愛(ài)你的工作。熱愛(ài)跨瀏覽器開(kāi)發(fā)帶來(lái)的挑戰、熱愛(ài)互聯(lián)網(wǎng)技術(shù)的種種異端，熱愛(ài)業(yè)內的同行，熱愛(ài)你的工具�；ヂ�(lián)網(wǎng)發(fā)展太快了，如果你不熱愛(ài)它的話(huà)，不可能跟上它的步伐。這意味著(zhù)你必須多閱讀，多動(dòng)手，保證自己的才能與日俱增。下了班也不能閑著(zhù)，要做一些對自己有用的事兒�？梢詤⑴c一些開(kāi)源軟件的開(kāi)發(fā)，讀讀好書(shū)，看看牛人的.博客。經(jīng)常參加一些會(huì )議，看看別人都在干什么。要想讓自己快速成長(cháng)，有很多事兒可以去做，而且付出一定會(huì )有回報�！�

　　年輕的工程師需要更多的了解需求和設計、產(chǎn)品經(jīng)理更要懂得軟件迭代規律。對于前端工程師來(lái)講更是如此，多學(xué)習交互設計和UI，多了解網(wǎng)絡(luò )協(xié)議和軟件迭代模型，更能幫助前端工程師和需求方溝通、和后臺的銜接、以及控制版本的迭代。

　　剛出道的校招同學(xué)往往更加心高氣傲，以為自己有改變世界的本事，一定要參與一個(gè)牛逼的團隊做一款光鮮靚麗受人追捧能給自己臉上貼金的項目。如果你有這種想法，趁早打消掉這個(gè)念頭，當然，我們這里先不討論創(chuàng )業(yè)的情形。

　　第一，如果你剛畢業(yè)就加入一個(gè)牛逼團隊，說(shuō)難聽(tīng)點(diǎn)，你就是團隊中其他人眼中的“豬一樣的隊友”，不創(chuàng )造價(jià)值且拖項目后腿（顯然大家都要照顧你的成長(cháng)�。�，按照271理論，你沒(méi)有理由不是這個(gè)1。至少相當長(cháng)一段時(shí)間內是這樣。

　　第二，你在所謂牛逼團隊中的創(chuàng )造性受限，因為創(chuàng )新多來(lái)自于團隊中的“資深“和大牛們，你參與討論但觀(guān)點(diǎn)通常不會(huì )被采納，他們只會(huì )給你這個(gè)菜鳥(niǎo)分活干，想想看，你如何能花兩到三年就超越身邊的大牛們？甚至連拉近與他們的距離都難。

　　第三，如果身在牛逼團隊，自然心理對周?chē)�的牛人們有所期待，希望他們能灌輸給你一些牛逼的知識和牛逼的理念。這種思想上的惰性在職場(chǎng)生涯之初是非常危險的。要知道技術(shù)和知識本身是很簡(jiǎn)單和淳樸的，只不過(guò)披上了一個(gè)光鮮項目的外衣而讓人感覺(jué)與眾不同。

　　第四，由簡(jiǎn)入奢易，由奢入簡(jiǎn)難，做過(guò)一個(gè)看似光彩的項目，心理再難放平穩，去踏實(shí)的做一個(gè)看上去不那么酷的產(chǎn)品。這種浮躁心態(tài)會(huì )嚴重影響今后的職業(yè)發(fā)展和成長(cháng)。

　　第五，光鮮靚麗的項目被各種老大關(guān)注，是難容忍犯錯誤的，傻瓜都知道犯錯誤在成長(cháng)之初的重要性。

　　就我所看到的情形看，一開(kāi)始加入看似很牛的項目組，三年后得到的成長(cháng)，比那些開(kāi)始加入一個(gè)不被重視的項目的同學(xué)要小很多，而后者在能力上的彈性卻更大。所以，道理很簡(jiǎn)單，你是要把一個(gè)很酷的項目做的和之前差不多酷，還是把一個(gè)不酷的項目做的很酷？項目是不是因為你的加入而變得與眾不同了？

　　從這個(gè)角度講，不管是轉行的新人還是剛出道的秀才，最好將自己當作“匠人”來(lái)對待，你的工作是“打磨”你的項目，并在這個(gè)過(guò)程中收獲經(jīng)驗和成長(cháng)。付出的是勤奮，鍛煉的是手藝，磨練的是心智。因此，你的價(jià)值來(lái)自于你“活兒“的質(zhì)量，“活兒”的質(zhì)量來(lái)自于你接手的項目之前和之后的差別。做好活兒是匠人應有的職業(yè)心態(tài)。想通這一點(diǎn)，內心自然少一些糾結，才會(huì )對自己對項目的貢獻度有客觀(guān)的認識，不會(huì )感覺(jué)被項目所綁架。

【web前端學(xué)習心得體會(huì )】相關(guān)文章：

web前端應聘自我介紹02-25

web前端工程師實(shí)習心得體會(huì )09-29

web前端實(shí)訓總結（通用6篇）02-02

網(wǎng)易web前端開(kāi)發(fā)師面試問(wèn)答的經(jīng)歷08-19

web前端開(kāi)發(fā)工程師工作的崗位職責01-23

學(xué)習web必備的四項技能10-14

Web Workers加速移動(dòng)Web應用07-01

web瀏覽創(chuàng )作效果精選08-01

Web開(kāi)發(fā)的教程圖解06-05