web前端實(shí)訓(xùn)心得體會(huì)（5篇）

web前端實(shí)訓(xùn)心得體會(huì)（5篇）所謂行萬(wàn)里路，必先始于足下。剛開頭學(xué)習(xí)WEB前端根底的時(shí)候，教師說(shuō)，其實(shí)你們學(xué)的這個(gè)后面真正去工作的時(shí)候可能也不是很會(huì)用到，所以就有許多人會(huì)問(wèn)，既然我們都用不到，那干嘛還學(xué)呀？其實(shí)，對(duì)于一個(gè)程序員來(lái)說(shuō)，你不僅要有很好的后端專業(yè)力量，你還應(yīng)當(dāng)具備肯定的前端素養(yǎng)，知道一些起碼的前端學(xué)問(wèn)。

來(lái)到XX的第一個(gè)月，我們是以根底為主吧，由于大家到這里的根底都不一樣，有一些本身就具備很高水準(zhǔn)的人，也有許多像自己一樣從小白開頭的人，所以，對(duì)我們而言，XX開設(shè)的這種雙元模式對(duì)我們是有很大用處的。我們從最根底的開頭學(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ò)程。

第一局部：HTML的學(xué)習(xí)

其實(shí)HTML的四天學(xué)習(xí)的話，重要的就是一個(gè)標(biāo)記的學(xué)習(xí)，這也許是學(xué)習(xí)一門語(yǔ)言最根底的一局部吧。但是也不是說(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)當(dāng)也有一二十個(gè)的，但是就是沒(méi)那么抱負(fù)，所以這方面的話也是需要自己多加練習(xí)和修正的，由于表格的用處還是挺大的。HTML的學(xué)習(xí)方面還有框架和表單，框架的話，就是一個(gè)網(wǎng)頁(yè)的主體了，網(wǎng)頁(yè)的大致形式根本上從你的框架構(gòu)造就可以知道的，學(xué)習(xí)框架，重要的就是網(wǎng)頁(yè)的布局如何劃分，然后利用框架的嵌套，浮動(dòng)就可以解決的，學(xué)習(xí)過(guò)程也不會(huì)是很大的難度。

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

其次局部：CSS學(xué)習(xí)

對(duì)我來(lái)說(shuō)，CSS課程雖然只有三天，但是卻是更應(yīng)當(dāng)學(xué)好的一個(gè)模塊。由于我們都知道，其實(shí)一個(gè)網(wǎng)站的WEB前端，就是用

加CSS來(lái)寫的，不是用之前的表格來(lái)寫的，足以見(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)，由于存在塊元素和行輩元素，塊元素由于其本身特性，一個(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)方法很好接觸的地方，固然，自己在這里的學(xué)習(xí)也是有缺乏的地方。像一些對(duì)屬性的操作的標(biāo)記之類，懂得怎么用，但是不是很熟識(shí)，所以常常在操作的時(shí)候要去查手冊(cè)。學(xué)的最不好的一個(gè)地方應(yīng)當(dāng)是將數(shù)組中的元素根據(jù)肯定的規(guī)章或者挨次添加到指定或?qū)?yīng)的表格中，這中題型是自己做的比擬少的，也是把握很不好的地方，所以也盼望用放假的這幾天好好練習(xí)一下，不能拖到下一個(gè)階段去。個(gè)人對(duì)JS的理解其實(shí)就是大量算法的集合，由于許多時(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)用就好了的。固然。調(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í)的話重要的就是多用，許多東西我們上課聽(tīng)得時(shí)候其實(shí)都根本聽(tīng)得懂，但是更重要的是在于你課后的練習(xí)，離開了教師的一個(gè)思維引導(dǎo)，我們?cè)撛鯓尤ネ瓿晒こ滩攀俏覀冊(cè)搶W(xué)會(huì)的。這一個(gè)月的學(xué)習(xí)難度系數(shù)都不是很高。但卻是一個(gè)比擬繁雜的過(guò)程，由于作為前端來(lái)說(shuō)，我們需要不斷的優(yōu)化，不斷的修正，美化整個(gè)頁(yè)面。不管是前端還是后端，都盼望自己能好好學(xué)！

web前端實(shí)訓(xùn)心得體會(huì)篇2

進(jìn)入XXweb班近一個(gè)月了，從一無(wú)所知的小白到現(xiàn)在也完成了京東詳情頁(yè)的一個(gè)小工程。學(xué)習(xí)過(guò)程中除了間或遇到困難，總體還算順當(dāng)。在這里主要想共享自己以一個(gè)文科生——零根底學(xué)員的角度來(lái)學(xué)習(xí)web前端開發(fā)的感受。

由于之前在大學(xué)里是學(xué)的旅游專業(yè)，和計(jì)算機(jī)毫無(wú)關(guān)系，來(lái)到XX時(shí)對(duì)自己有些半信半疑。不少人甚至疑心XX是行騙機(jī)構(gòu)。在做了全面的了解之后，我勸服家人同意我來(lái)這里學(xué)習(xí)。另一方面，我向教師詢問(wèn)了自己學(xué)習(xí)的方向，考慮到自己從文科到計(jì)算機(jī)專業(yè)跨度較大的轉(zhuǎn)變，我在Java與web之間選擇了web。相對(duì)于Java，web的學(xué)習(xí)更根底，簡(jiǎn)單入手，就業(yè)的時(shí)機(jī)也特別多。

Web開班第一天，教師即從網(wǎng)頁(yè)根底、HTML入手，攫取重點(diǎn)，給我們介紹了它的相關(guān)學(xué)問(wèn)。我們主要學(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根底樣式，仍舊借用上面的比方，CSS則相當(dāng)于建筑里各個(gè)房間的不同構(gòu)造，它們使得這座建筑更加的多樣化。且相對(duì)于HTML，它更加的簡(jiǎn)單、多樣化，呈現(xiàn)的效果也具有更多的可能性。教師向我們推舉了《CSS禪意花園》這本書，里面列舉了豐富且多種多樣的CSS樣式。

作為今后可能成為的優(yōu)秀前端工程師，僅僅學(xué)習(xí)自己內(nèi)部的學(xué)問(wèn)是遠(yuǎn)遠(yuǎn)不夠的。因此，第一個(gè)月中我們也學(xué)習(xí)了UI中PS繪圖制作根底，這對(duì)于一個(gè)前端來(lái)說(shuō)也是特別重要的，在今后的工作中，我們可能會(huì)面對(duì)各種各樣的問(wèn)題，假如把握局部PS尤其是切圖技術(shù)，在和UI的接觸中可以削減許多不必要的繁瑣工作。

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

web前端實(shí)訓(xùn)心得體會(huì)篇3

認(rèn)真想來(lái)，在Web前端開發(fā)方向?qū)嵙?xí)已經(jīng)一年多了，從最初的DIV+CSS學(xué)起，到JavaScript、jQuery、Bootstrap框架等等，前端要學(xué)習(xí)的東西許多。接下來(lái)就總結(jié)一下我在學(xué)習(xí)過(guò)程中的一些閱歷吧。

第一、學(xué)好根底學(xué)問(wèn)，做一個(gè)根底扎實(shí)的開發(fā)者。在IT行業(yè)，每年都會(huì)有許多新的技術(shù)誕生并且得到廣泛的推廣，前端技術(shù)也不例外。所以無(wú)論學(xué)到多深的程度，扎實(shí)的根本功確定是必不行少的。

（1）HTML：盡量把握盡可能多的標(biāo)簽。必需把握的標(biāo)簽有等，這些雖然平常比擬少用甚至幾乎不用，但是當(dāng)你學(xué)到Boostrap框架時(shí)，你會(huì)發(fā)覺(jué)Boostrap框架為這些標(biāo)簽給予了特定的功能與外觀。除此之外，新增了許多標(biāo)簽和屬性，使得HTML語(yǔ)言更加強(qiáng)大。還有許多新的內(nèi)容，需要初學(xué)者更多的接觸并把握。

（2）CSS：對(duì)各個(gè)屬性以及一些屬性之間結(jié)合使用的技巧應(yīng)當(dāng)多鉆研。CSS能夠統(tǒng)一有效地對(duì)頁(yè)面的布局、字體等網(wǎng)頁(yè)中的各個(gè)元素顯示屬性進(jìn)展掌握，可以便利快捷地實(shí)現(xiàn)精致的頁(yè)面表現(xiàn)效果。你會(huì)用CSS技術(shù)的使用技巧解決以下問(wèn)題嗎？去除浮動(dòng)有哪些方式？比擬好的方式是哪一種？當(dāng)容器中具有浮動(dòng)元素時(shí)，如何為容器設(shè)置邊框或背景顏色？怎樣讓塊級(jí)元素在容器中水平居中？當(dāng)多個(gè)連續(xù)塊級(jí)元素的浮動(dòng)布局影響了原本不想浮動(dòng)的對(duì)象時(shí)該如何處理？容器內(nèi)部的對(duì)象如何實(shí)現(xiàn)相對(duì)于容器的自由定位？為什么要初始化CSS樣式？

（3）CSS+div布局模式：很多布局模式的根底，也是大局部前端開發(fā)人員接觸到的第一種布局方式。這種布局模式對(duì)于PC端頁(yè)面的設(shè)計(jì)是特別有幫忙的，同時(shí)對(duì)于后面將會(huì)遇到的“移動(dòng)端布局”、“響應(yīng)式布局”等，這種布局方式都具有肯定的指導(dǎo)意義。

其次、將JavaScript作為前端學(xué)習(xí)的重點(diǎn)。JavaScript是目前大多數(shù)主流掃瞄器支持的面對(duì)對(duì)象的腳本語(yǔ)言，它可以在不與效勞器交互的前提下對(duì)HTML的頁(yè)面內(nèi)容進(jìn)展修改。JavaScript掌握著網(wǎng)頁(yè)的行為，打算著網(wǎng)頁(yè)“做什么”。系統(tǒng)學(xué)習(xí)過(guò)JavaScript的同學(xué)們，你看看以下問(wèn)題你能精確的找到答案嗎？通過(guò)表達(dá)式來(lái)系統(tǒng)闡述“==”和“===”這兩個(gè)運(yùn)算符的區(qū)分。把某個(gè)元素移除你的視線的方法有哪些？你對(duì)JSON了解嗎？通過(guò)哪個(gè)函數(shù)可以推斷從文本框中獵取的內(nèi)容是不是數(shù)字？DOM操作——怎樣添加、移除、移動(dòng)、復(fù)制、創(chuàng)立和查找節(jié)點(diǎn)？怎樣推斷是否為整數(shù)？運(yùn)算符都能刪除哪些內(nèi)容？在腳本中，this有幾種使用狀況呢？

第三、多練習(xí)多操作，實(shí)踐是檢驗(yàn)真理的唯一標(biāo)準(zhǔn)。IT編程是需要多加實(shí)踐的，要不斷反復(fù)進(jìn)展上機(jī)操作，是學(xué)習(xí)編程開發(fā)的唯一方法。

這些問(wèn)題的答案就是我的實(shí)習(xí)心得，經(jīng)過(guò)這段時(shí)間的實(shí)習(xí)，我覺(jué)得自己可以獨(dú)當(dāng)一面，當(dāng)一個(gè)web前端工程師了呢。

web前端實(shí)訓(xùn)心得體會(huì)篇4

作為web前端工程師，在XX工作了5個(gè)月，自己從剛開頭的一名新人到最終和大家融為一體，為組內(nèi)奉獻(xiàn)自己的一份力氣，我經(jīng)受了許多，成長(zhǎng)了許多。

剛進(jìn)到公司，我內(nèi)心是很惶恐的。我對(duì)自己沒(méi)有一個(gè)正確的定位，對(duì)公司的環(huán)境也是那么的生疏。我不知道自己能不能勝任公司的工作。我所能做的就是努力再努力，用自己的勤奮來(lái)掩飾自己內(nèi)心的驚慌。

很欣慰的是我們組內(nèi)有一個(gè)女生。她性格很嚴(yán)厲。每次，和他請(qǐng)教問(wèn)題他都會(huì)急躁的幫忙你。我和他成為了閨蜜，我常常的去問(wèn)他問(wèn)題，一些環(huán)境的配置，系統(tǒng)的某局部業(yè)務(wù)或者其他的問(wèn)題等等。很感謝她，他幫忙我盡快的去熟識(shí)了系統(tǒng)的環(huán)境及業(yè)務(wù)。除了組長(zhǎng)，組內(nèi)還有李大牛和許小牛。后來(lái)許小牛走了，又來(lái)了兩名同事，工作期間，他們都對(duì)我有很大的幫忙，無(wú)論是工作上還是生活上，很欣慰能夠遇到他們并共事一場(chǎng)。

工作中不是那么的順當(dāng)。別人是由于任務(wù)重，工作壓力大。而我則是由于任務(wù)太輕而苦惱。我的任務(wù)總是比擬簡(jiǎn)潔，我很快就能做完，我表達(dá)不了自己的價(jià)值，我不快樂(lè)。我去向組長(zhǎng)爭(zhēng)取時(shí)機(jī)，贏得了自己的第一份比擬有挑戰(zhàn)性的工作。

我要做一個(gè)webservice接口。這個(gè)任務(wù)的需求很不明確，需要我去和接口使用方進(jìn)展溝通。我對(duì)系統(tǒng)的數(shù)據(jù)庫(kù)了解甚少，對(duì)自己的庫(kù)就不太了解，將他們的庫(kù)對(duì)應(yīng)到我們的庫(kù)就更困難了。加上溝通也不是很有閱歷，我最終搬出我們組長(zhǎng)去跟他們溝通確定需求才開頭進(jìn)展開發(fā)。需求確實(shí)定用了好長(zhǎng)時(shí)間，之后的驗(yàn)證也用了好久。當(dāng)時(shí)開發(fā)時(shí)，接口由于沒(méi)有數(shù)據(jù)，只用一條數(shù)據(jù)進(jìn)展了驗(yàn)證，但到部署到現(xiàn)場(chǎng)時(shí)消失了好多的“問(wèn)題?？蛻裘刻齑撸约旱膲毫么?。好幾天都加班到好晚。這件事情比擬曲折，后面的博文會(huì)具體敘述這件事情。

最終一個(gè)月，我們組要進(jìn)展封閉開發(fā)。這是我在XX的最終一個(gè)月了。剛開頭我以為不會(huì)給我安排什么有含量的活了。這里特別感謝組長(zhǎng)，他并沒(méi)有讓我的這一個(gè)月荒廢。我有我的任務(wù)，而且也很重要。由于這些，我可以和大家共同奮斗。全組成員一起加班到晚上兩點(diǎn)那次，雖然很累，但是我很快樂(lè)。這是一件很值得回憶的事情。曾經(jīng)，我們也瘋狂過(guò)。

web前端實(shí)訓(xùn)心得體會(huì)篇5

記得初到公司時(shí)，我對(duì)公司的了解僅僅局限于公司網(wǎng)站的簡(jiǎn)潔介紹，除此之外，便一無(wú)所知了。但是，在領(lǐng)導(dǎo)和同事們的支持和幫忙下，我不僅加深了對(duì)公司的了解，而且很快就把握和熟識(shí)本崗位工作的要求及技巧，嚴(yán)格做到按時(shí)按量完成產(chǎn)品終端頁(yè)等頁(yè)面的制作，保證頁(yè)面的與效果圖的全都性和頁(yè)面在各個(gè)掃瞄器中的兼容性。同時(shí)，削減頁(yè)面中冗余的代碼，保證頁(yè)面的加載速度。

自從擔(dān)當(dāng)web前端工程師以來(lái)，雖然在工作中取得了較好的成績(jī)，但也還存在一些缺乏之處。例如：工作中沒(méi)有充分領(lǐng)悟領(lǐng)導(dǎo)的意圖，有時(shí)會(huì)無(wú)視公司的工作流程等等，這些都是由于工作態(tài)度和細(xì)節(jié)打算的。這些缺乏都需要在今后的工作中加以改良。

在今后的工作中，我將努力提高技術(shù)水平，克制缺乏，朝著以下兩個(gè)方向努力：

1、在以后的工作中不斷學(xué)習(xí)技術(shù)學(xué)問(wèn)，通過(guò)多看、多學(xué)、多問(wèn)、多練來(lái)不斷的提高自己的各項(xiàng)業(yè)務(wù)技能。