- 相關推薦
大一web前端實訓心得（通用5篇）
當我們經(jīng)過反思，有了新的啟發(fā)時，可以記錄在心得體會中，這樣有利于我們不斷提升自我。但是心得體會有什么要求呢？以下是小編整理的大一web前端實訓心得（通用5篇），供大家參考借鑒，希望可以幫助到有需要的朋友。
大一web前端實訓心得1
所謂行萬里路，必先始于足下。剛開始學習WEB前端基礎的時候，老師說，其實你們學的這個后面真正去工作的時候可能也不是很會用到，所以就有很多人會問，既然我們都用不到，那干嘛還學呀？其實，對于一個程序員來說，你不僅要有很好的后端專業(yè)能力，你還應當具備一定的前端素養(yǎng)，知道一些起碼的前端知識。
來到XX的第一個月，我們是以基礎為主吧，因為大家到這里的基礎都不一樣，有一些本身就具備很高水準的人，也有很多像自己一樣從小白開始的人，所以，對我們而言，XX開設的這種雙元模式對我們是有很大用處的。我們從最基礎的開始學習，在學習HTML的時候，我們還延續(xù)著很古老和古老的表格制作網(wǎng)站，然后到后面的CSS學習，用CSS樣式去進一步完善我們制作的網(wǎng)址，再到著一期的難點JS課程體系，一級最后的JQ和BOOtstrap，可以說這個過程其實也是一個循序肩頸的過程，有簡到難的過程。
第一部分：HTML的學習
其實HTML的四天學習的話，重要的就是一個標記的學習，這大概是學習一門語言最基礎的一部分吧。但是也不是說背一背就解決問題的，選擇IT，程序員這一方面，只要多練習，多敲代碼感覺就好了，所以熟練的使用這些標記其實不是很大的問題，對自己來說，比較難的是一個表格和框架，也許會有人說，表格有什么難的，就行列的問題啊，但是不知道為什么，在學習的那幾天對于表格的學習和接受能力都沒有別的那么好，表格的整體框架能搭出來，但是就是對于表格的美化總做不到自己心里所預期的那樣。其實練習的話也是挺多的，對于表格的網(wǎng)頁練習做了應該也有一二十個的，但是就是沒那么理想，所以這方面的話也是需要自己多加練習和修正的，因為表格的用處還是挺大的。HTML的學習方面還有框架和表單，框架的話，就是一個網(wǎng)頁的主體了，網(wǎng)頁的大致形式基本上從你的框架結構就可以知道的，學習框架，重要的就是網(wǎng)頁的布局如何劃分，然后利用框架的嵌套，浮動就可以解決的，學習過程也不會是很大的難度。
想想HTML還學了些什么呢？表單！表單對前端開發(fā)來說還是挺高的，因為我們能在一個網(wǎng)頁中看到很多的表單應用。包括用戶的注冊啦，密碼驗證啦，還有搜索欄之類的，幾乎全是表單的應用。表單學習比較重要的地方應該就是那十來個表單控件的應用，這些表單控件進一步區(qū)分的話還有就是單邊標記和雙邊標的的表單控件，因為很多單邊標記的表單，他的值一般只能是存在value當中，如果不注意的話，很多時候我們會忘記寫上這個value。這個階段的表單感覺并不是那么難，當然，學到后面的JS之后，相對于表單驗證之類的才感覺難了很多。
第二部分：CSS學習
對我來說，CSS課程雖然只有三天，但是卻是更應該學好的一個模塊。因為我們都知道，其實一個網(wǎng)站的WEB前端，就是用加CSS來寫的，不是用之前的表格來寫的，足以見得CSS的重要性。CSS就是網(wǎng)頁樣式，一個網(wǎng)頁的整體美感，在你確定了框架之后，就看你的CSS樣式的添加了，所以一直以來都很想把CSS學好。記得CSS學習的那幾天，自己的消化還是很好的，自己去獨立完成練習的時候也是沒有太大難度的，但是不知道是為什么，到后面學習JSJQ的時候，操作CSS時居然會吧CSS和HTML弄的有點混淆，這一點一直沒做好。CSS的學習還有一個地方就是浮動，因為存在塊元素和行輩元素，塊元素因為其本身特性，一個塊元素標記他要占用一整行的空間，而一個行內(nèi)元素他只能占用行內(nèi)的一些空間，但是在實際操作中，很多時候我們卻要想將多個塊元素排在同一行，或者將多個行內(nèi)元素排在不同行，這時候就可以使用浮動的方法來實現(xiàn)，浮動最主要做的就是這個，唯一要記住的一點就是做了浮動之后，如果他的父元素是沒有進行匡高的設定的話，是不是要進行清除浮動，防止下面的操作也是有浮動的。
第三部分：重點學習JS
JS是相對于這整個月學習的重點吧，也是很多人沒辦法很好接觸的地方，當然，自己在這里的學習也是有不足的地方。像一些對屬性的操作的標記之類，懂得怎么用，但是不是很熟悉，所以經(jīng)常在操作的時候要去查手冊。學的最不好的一個地方應該是將數(shù)組中的元素按照一定的規(guī)則或者順序添加到指定或?qū)谋砀裰�，這中題型是自己做的比較少的，也是掌握很不好的地方，所以也希望用放假的這幾天好好練習一下，不能拖到下一個階段去。個人對JS的理解其實就是大量算法的集合，因為很多時候你都會用到函數(shù)，只是多了一些找元素和對元素綁定標記的過程，最重要的還是構造函數(shù)，調(diào)用函數(shù)的過程！
第四部分：JQ及Bootstrap
對于JQ和Bootstrap的學習來說，其實就是一個應用的過程吧，所有的函數(shù)都幫你寫好了，你只需要學會調(diào)用就好了的。當然。調(diào)用他，其實對于JQ來說，學習的過程沒有具備很大的難度，只是嘗試著去多寫寫，寫兩三次基本就記住怎么用了。最后還有一天的Bootstrap學習，寫過一些案例，只要會改，基本沒有太大的難度。
后續(xù)：其實對于WEB前端的學習的話重要的就是多用，很多東西我們上課聽得時候其實都基本聽得懂，但是更重要的是在于你課后的練習，離開了老師的一個思維引導，我們該怎樣去完成項目才是我們該學會的。這一個月的學習難度系數(shù)都不是很高。但卻是一個比較繁雜的過程，因為作為前端來說，我們需要不斷的優(yōu)化，不斷的修正，美化整個頁面。不管是前端還是后端，都希望自己能好好學！
大一web前端實訓心得2
一、實訓項目
簡易記事本
二、實訓目的和要求
本次實訓是對前面學過的所有面向?qū)ο蟮木幊趟枷胍约癑AVAWEB編程方法的一個總結、回顧和實踐，因此，開始設計前學生一定要先回顧以前所學的內(nèi)容，明確本次作業(yè)設計所要用到的技術點并到網(wǎng)上搜索以及查閱相關的書籍來搜集資料。通過編寫采用JSP+Servlet+JavaBean技術框架的應用系統(tǒng)綜合實例，以掌握JavaWEB開發(fā)技術。
具體要求有以下幾點：
1.問題的描述與程序?qū)⒁獙崿F(xiàn)的具體功能。
2.程序功能實現(xiàn)的具體設計思路或框架，并檢查流程設計。
3.代碼實現(xiàn)。
4.設計小結。
三、實訓項目的開發(fā)環(huán)境和所使用的技術
基于J2SE基礎，利用MyEclipse8.5以上版本的集成開發(fā)環(huán)境完成實訓項目，界面友好，代碼的可維護性好，有必要的注釋和相應的文檔。
四、實訓地點、日程、分組情況：
實訓地點：4棟303機房日程：
第一階段：
1.班級分組，選定課題，查閱相關資料半天
2.劃分模塊、小組成員分工半天
3.利用CASE工具進行系統(tǒng)設計和分析，并編制源程序5天
第二階段：上機調(diào)試，修改、調(diào)試、完善系統(tǒng)2天
第三階段：撰寫、上交課程設計報告，上交課程設計作品源程序(每人1份)2天
五、程序設計及實現(xiàn)
1、實現(xiàn)彈出菜單(JpopupMenu)
2、設置字型，字體大小，字體顏色
3、實現(xiàn)自動換行
六、實訓總結
通過3天的實訓，雖然實訓的時間不長，但是總體上收獲是很大的，我們的java課程學到的只是java和皮毛，一開始我還沒有信心完成。我仔細看了書上的代碼之后。對計事本有了一個大體的了解，在初訓的實候知道自己應該做一個什么樣的計事本了，在實訓的過程中也遇到了不少困難，通過查API文檔和看書，解決了問題，在寫到字符的查找的替換時后，用到了上課時學到的知識，對字體的風格的保存里面的顏色分離和還原方法，是通過查API文檔獲得的,現(xiàn)在我所寫的計事本只實現(xiàn)在一些基本功能。簡單的復制粘貼，字體風格的設置，還有就是查找和替換功能以及一些字體風格的保存.對文件的操作基本都用到了。
在實現(xiàn)記事本的功能過程中，也不是很順利，基本的文件讀寫和保存文檔的復制、粘貼、刪除等功能還比較容易實現(xiàn)，但如何改變字體、字體顏色和背景顏色，就比較麻煩了，要實現(xiàn)字體顏色和背景顏色，首先要調(diào)用系統(tǒng)的調(diào)色板，再進行設置。但如何調(diào)用系統(tǒng)調(diào)色板?我是通過查閱幫助文檔來找到其調(diào)用方法的。像自動換行、設置字體等都是通過方法來調(diào)用，給相關事件加上監(jiān)聽，在進行響應事件。整個程序中方法才是最關鍵的，也是最困難的。所以像查找、替換、轉(zhuǎn)到幾個功能我都不知道用什么方法，也由于時間有限，沒有完成其功能�？傮w的`感覺是對java有了一個全新的認識，現(xiàn)在感覺用java做小的圖形用戶程序有些缺陷，但是在其的應用方面。尤其是有網(wǎng)絡方面的應用，在整個實訓我也嘗試過做一個小的畫圖軟件。但是由于時間關系還有一個是自身的知識的欠缺，最終這個事情被擱淺下來了。最后還是進行計事本的編寫。由于在做畫圖軟件時花了不了時間，所以現(xiàn)在的計事本的功能不是很全，如果有更多的時間，我會把這個記事體再完善一下，再把畫圖軟件也做出來。實訓的時間不長，但是我會在課外把它們的功能完善。然后再學習一下java和網(wǎng)絡的編程，體驗java的前沿技術。
在學習的過程中也體會到，遇到問題也要請教。不然的話自己一個人去做的話會花很多的時間，我在做這個記事本的時間，其中也問到過許多問題，通過同學的幫助下解決了，提高了程序的開發(fā)進程。其他的同學有問題的話我也是給他們盡量解決。我認為學習知識的過程當中就應該是相互學習相互進步的。
Java是面在的主流技術我會努力將它學好，現(xiàn)在我缺乏的是堅持不懈的精神，我會向他學習。
雖然學習java的路還很找，但我會繼續(xù)走下去。
大一web前端實訓心得3
寫代碼的時候要伴隨技術文檔，不管是方便自己以后的閱讀和快速回顧，還是方便他們對代碼進行重構編輯，都是非常必要的。
一個人的對手不是別人，而是自己，不是自己的智商，而是自己的懶惰。惰于思考。
踏實：關于踏實，今天才算是有了比較深刻的理解。不是嘴上說自己踏實能干，不盲目著急，不做一點把握都沒有但是對自己影響很大的事情，不要想著什么事情賭一把也許會有好的結果。于是我決定自己的實習如果有機會就要延長，不要匆匆結束，而且不止要延長，要再接下來的工作中有所得，有所建樹，有所收獲，有所貢獻。
前端工程師要有基礎和潛力：基礎可以是根正苗紅的科班出身所學的技術。潛力就是踏實，務實的精神。我操真不是在嘴上說說的傻玩意兒。
如果遇到瓶頸難以突破（WEB前端工作了2—3年左右），可以考慮豐富自己的文筆，讓自己的代碼或者想法可以清晰的表現(xiàn)在人前。
作為一個WEB前端工程師要了解HTTP協(xié)議，為了與后臺打交道，可以更直觀的把握全局，也需要適當?shù)膶W習設計模式那些東西，與產(chǎn)品打交道。
“我對Web開發(fā)人員最大的建議就是：熱愛你的工作。熱愛跨瀏覽器開發(fā)帶來的挑戰(zhàn)、熱愛互聯(lián)網(wǎng)技術的種種異端，熱愛業(yè)內(nèi)的同行，熱愛你的工具�；ヂ�(lián)網(wǎng)發(fā)展太快了，如果你不熱愛它的話，不可能跟上它的步伐。這意味著你必須多閱讀，多動手，保證自己的才能與日俱增。下了班也不能閑著，要做一些對自己有用的事兒�？梢詤⑴c一些開源軟件的開發(fā)，讀讀好書，看看牛人的博客。經(jīng)常參加一些會議，看看別人都在干什么。要想讓自己快速成長，有很多事兒可以去做，而且付出一定會有回報�！�
年輕的工程師需要更多的了解需求和設計、產(chǎn)品經(jīng)理更要懂得軟件迭代規(guī)律。對于前端工程師來講更是如此，多學習交互設計和UI，多了解網(wǎng)絡協(xié)議和軟件迭代模型，更能幫助前端工程師和需求方溝通、和后臺的銜接、以及控制版本的迭代。
剛出道的校招同學往往更加心高氣傲，以為自己有改變世界的本事，一定要參與一個牛逼的團隊做一款光鮮靚麗受人追捧能給自己臉上貼金的項目。如果你有這種想法，趁早打消掉這個念頭，當然，我們這里先不討論創(chuàng)業(yè)的情形。
第一，如果你剛畢業(yè)就加入一個牛逼團隊，說難聽點，你就是團隊中其他人眼中的“豬一樣的隊友”，不創(chuàng)造價值且拖項目后腿（顯然大家都要照顧你的成長�。凑�271理論，你沒有理由不是這個1。至少相當長一段時間內(nèi)是這樣。
第二，你在所謂牛逼團隊中的創(chuàng)造性受限，因為創(chuàng)新多來自于團隊中的“資深“和大牛們，你參與討論但觀點通常不會被采納，他們只會給你這個菜鳥分活干，想想看，你如何能花兩到三年就超越身邊的大牛們？甚至連拉近與他們的距離都難。
第三，如果身在牛逼團隊，自然心理對周圍的牛人們有所期待，希望他們能灌輸給你一些牛逼的知識和牛逼的理念。這種思想上的惰性在職場生涯之初是非常危險的。要知道技術和知識本身是很簡單和淳樸的，只不過披上了一個光鮮項目的外衣而讓人感覺與眾不同。
第四，由簡入奢易，由奢入簡難，做過一個看似光彩的項目，心理再難放平穩(wěn)，去踏實的做一個看上去不那么酷的產(chǎn)品。這種浮躁心態(tài)會嚴重影響今后的職業(yè)發(fā)展和成長。
第五，光鮮靚麗的項目被各種老大關注，是難容忍犯錯誤的，傻瓜都知道犯錯誤在成長之初的重要性。
就我所看到的情形看，一開始加入看似很牛的項目組，三年后得到的成長，比那些開始加入一個不被重視的項目的同學要小很多，而后者在能力上的彈性卻更大。所以，道理很簡單，你是要把一個很酷的項目做的和之前差不多酷，還是把一個不酷的項目做的很酷？項目是不是因為你的加入而變得與眾不同了？
從這個角度講，不管是轉(zhuǎn)行的新人還是剛出道的秀才，最好將自己當作“匠人”來對待，你的工作是“打磨”你的項目，并在這個過程中收獲經(jīng)驗和成長。付出的是勤奮，鍛煉的是手藝，磨練的是心智。因此，你的價值來自于你“活兒“的質(zhì)量，“活兒”的質(zhì)量來自于你接手的項目之前和之后的差別。做好活兒是匠人應有的職業(yè)心態(tài)。想通這一點，內(nèi)心自然少一些糾結，才會對自己對項目的貢獻度有客觀的認識，不會感覺被項目所綁架。
大一web前端實訓心得4
仔細想來，在Web前端開發(fā)方向?qū)嵙曇呀?jīng)一年多了，從最初的DIV+CSS學起，到JavaScript、jQuery、Bootstrap框架等等，前端要學習的東西很多。接下來就總結一下我在學習過程中的一些經(jīng)驗吧。
第一、學好基礎知識，做一個基礎扎實的開發(fā)者。在IT行業(yè)，每年都會有很多新的技術誕生并且得到廣泛的推廣，前端技術也不例外。所以無論學到多深的程度，扎實的基本功肯定是必不可少的。
（1）HTML：盡量掌握盡可能多的標簽。必須掌握的標簽有等，這些雖然平時比較少用甚至幾乎不用，但是當你學到Boostrap框架時，你會發(fā)現(xiàn)Boostrap框架為這些標簽賦予了特定的功能與外觀。除此之外，新增了很多標簽和屬性，使得HTML語言更加強大。還有很多新的內(nèi)容，需要初學者更多的接觸并掌握。
�。�2）CSS：對各個屬性以及一些屬性之間結合使用的技巧應該多鉆研。CSS能夠統(tǒng)一有效地對頁面的布局、字體等網(wǎng)頁中的各個元素顯示屬性進行控制，可以方便快捷地實現(xiàn)精美的頁面表現(xiàn)效果。你會用CSS技術的使用技巧解決下列問題嗎？清除浮動有哪些方式？比較好的方式是哪一種？當容器中具有浮動元素時，如何為容器設置邊框或背景顏色？怎樣讓塊級元素在容器中水平居中？當多個連續(xù)塊級元素的浮動布局影響了原本不想浮動的對象時該如何處理？容器內(nèi)部的對象如何實現(xiàn)相對于容器的自由定位？為什么要初始化CSS樣式？
�。�3）CSS+div布局模式：許多布局模式的基礎，也是大部分前端開發(fā)人員接觸到的第一種布局方式。這種布局模式對于PC端頁面的設計是非常有幫助的，同時對于后面將會遇到的“移動端布局”、“響應式布局”等，這種布局方式都具有一定的指導意義。
第二、將JavaScript作為前端學習的重點。JavaScript是目前大多數(shù)主流瀏覽器支持的面向?qū)ο蟮哪_本語言，它可以在不與服務器交互的前提下對HTML的頁面內(nèi)容進行修改。JavaScript控制著網(wǎng)頁的行為，決定著網(wǎng)頁“做什么”。系統(tǒng)學習過JavaScript的同學們，你看看下列問題你能準確的找到答案嗎？通過表達式來系統(tǒng)闡述“==”和“===”這兩個運算符的區(qū)別。把某個元素移除你的視線的方法有哪些？你對JSON了解嗎？通過哪個函數(shù)可以判斷從文本框中獲取的內(nèi)容是不是數(shù)字？DOM操作——怎樣添加、移除、移動、復制、創(chuàng)建和查找節(jié)點？怎樣判斷是否為整數(shù)？運算符都能刪除哪些內(nèi)容？在腳本中，this有幾種使用情況呢？
第三、多練習多操作，實踐是檢驗真理的唯一標準。IT編程是需要多加實踐的，要不斷反復進行上機操作，是學習編程開發(fā)的唯一方法。
這些問題的答案就是我的實習心得，經(jīng)過這段時間的實習，我覺得自己可以獨當一面，當一個web前端工程師了呢。
大一web前端實訓心得5
記得初到公司時，我對公司的了解僅僅局限于公司網(wǎng)站的簡單介紹，除此之外，便一無所知了。但是，在領導和同事們的支持和幫助下，我不僅加深了對公司的了解，而且很快就掌握和熟悉本崗位工作的要求及技巧，嚴格做到按時按量完成產(chǎn)品終端頁等頁面的制作，保證頁面的與效果圖的一致性和頁面在各個瀏覽器中的兼容性。同時，減少頁面中冗余的代碼，保證頁面的加載速度。
自從擔任web前端工程師以來，雖然在工作中取得了較好的成績，但也還存在一些不足之處。例如：工作中沒有充分領會領導的意圖，有時會忽視公司的工作流程等等，這些都是由于工作態(tài)度和細節(jié)決定的。這些不足都需要在今后的工作中加以改進。
在今后的工作中，我將努力提高技術水平，克服不足，朝著以下兩個方向努力：
1、在以后的工作中不斷學習技術知識，通過多看、多學、多問、多練來不斷的提高自己的各項業(yè)務技能。
2、提高自己解決實際問題的能力，并在工作過程中慢慢克服急躁情緒，積極、熱情、細致地的對待每一項工作。
短短三個月的時間，我學到了很多專業(yè)的知識，能夠得心應手開展工作；在一個和諧的環(huán)境下，開心的工作；可以說都是受益于各位領導的栽培和各位同事的賜教�？偟膩碚f，由于本人工作經(jīng)驗不多，能力還有欠缺。雖然能勝任本職工作，但是社會在不斷的進步，技術在不斷的更新，我還需要更多的磨礪。為此，今后在工作中，我需要進一步增強開拓創(chuàng)新精神，刻苦鉆研新的技術。在上級的正確領導下，努力拼搏，扎實工作，以更好的質(zhì)量、更高的效率、更扎實的作風做好本職工作，為我們這個光榮的集體、輝煌的事業(yè)做出應有的貢獻。
【大一web前端實訓心得】相關文章：
web前端設計實訓心得（通用5篇）12-23
web前端實訓總結（通用6篇）05-24
web實訓心得體會范文07-13
web實訓總結（精選7篇）04-15
web前端學習心得范文07-16
web前端實習報告09-06
web前端崗位的職責06-17
WEB前端筆試題12-01