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