- 相關(guān)推薦
web前端工作的心得體會(huì )
我們從一些事情上得到感悟后,不如來(lái)好好地做個(gè)總結,寫(xiě)一篇心得體會(huì ),這樣能夠給人努力向前的動(dòng)力。應該怎么寫(xiě)才合適呢?以下是小編收集整理的web前端工作的心得體會(huì ),希望對大家有所幫助。
web前端工作的心得體會(huì )1
1、先從畫(huà)頁(yè)面開(kāi)始,當你做出來(lái)一些東西的時(shí)候很有成就感,你就會(huì )對你所學(xué)的東西越來(lái)越感興趣,當你的興趣足夠時(shí)你就開(kāi)始不會(huì )在百度知道這里問(wèn)別人該怎么辦。而是會(huì )自己去尋找各種博客各種學(xué)習視頻文檔之類(lèi),最后你會(huì )發(fā)現上述任何一個(gè)都不如書(shū)帶給你的知識廣泛并且具有系統性。
2、然后頁(yè)面的HTML代碼熟悉了,就開(kāi)始想想如何讓你的頁(yè)面不再顯得那么寒磣,想著(zhù)如何看著(zhù)美觀(guān)。你就會(huì )自覺(jué)的去學(xué)習css。
3、上面兩個(gè)都是相對簡(jiǎn)單的語(yǔ)言。接下來(lái)你就應該考慮如何讓你的頁(yè)面有人機交互的功能,你需要在一個(gè)按鈕被點(diǎn)擊時(shí)做出某種頁(yè)面動(dòng)作或者數據響應。這時(shí)你就會(huì )主動(dòng)去查閱JavaScript教程之類(lèi)的網(wǎng)站(w3cshool、菜鳥(niǎo)教程)書(shū)籍(JavaScript高級程序設計)。再后來(lái)你覺(jué)得JavaScript好是好,但是一個(gè)操作寫(xiě)很多代碼,這時(shí)你就會(huì )發(fā)現有一樣JavaScript庫種東西(比如jquery),只要兩三個(gè)單詞就能解決JavaScript十幾行的代碼解決的.問(wèn)題。
4、再后來(lái)你會(huì )發(fā)現,你學(xué)了這么久,什么知識都一樣掌握得挺好了,可感覺(jué)得自己的頁(yè)面還是沒(méi)別人家的好看好用。這時(shí)你就會(huì )發(fā)現有框架這種東西,你就開(kāi)始學(xué)習并熟練地使用起來(lái)。過(guò)些時(shí)日,你發(fā)現這框架無(wú)論怎么好都沒(méi)有那種稱(chēng)心如意的感覺(jué),總覺(jué)得這是別人的東西,用起來(lái)總是會(huì )遇到奇怪的問(wèn)題,這時(shí)你發(fā)現還是你最初學(xué)習HTML、css、js時(shí)的基礎不夠好,你就會(huì )發(fā)現還是看書(shū)對自己有真正的幫助。
web前端工作的心得體會(huì )2
仔細想來(lái),在Web前端開(kāi)發(fā)方向實(shí)習已經(jīng)一年多了,從最初的DIV+CSS學(xué)起,到JavaScript、jQuery、Bootstrap框架等等,前端要學(xué)習的東西很多。接下來(lái)就總結一下我在學(xué)習過(guò)程中的一些經(jīng)驗吧。
第一、學(xué)好基礎知識,做一個(gè)基礎扎實(shí)的開(kāi)發(fā)者。在IT行業(yè),每年都會(huì )有很多新的技術(shù)誕生并且得到廣泛的推廣,前端技術(shù)也不例外。所以無(wú)論學(xué)到多深的程度,扎實(shí)的基本功肯定是必不可少的。
。1)HTML:盡量掌握盡可能多的標簽。必須掌握的標簽有等,這些雖然平時(shí)比較少用甚至幾乎不用,但是當你學(xué)到Boostrap框架時(shí),你會(huì )發(fā)現Boostrap框架為這些標簽賦予了特定的功能與外觀(guān)。除此之外,新增了很多標簽和屬性,使得HTML語(yǔ)言更加強大。還有很多新的內容,需要初學(xué)者更多的接觸并掌握。
。2)CSS:對各個(gè)屬性以及一些屬性之間結合使用的技巧應該多鉆研。CSS能夠統一有效地對頁(yè)面的布局、字體等網(wǎng)頁(yè)中的各個(gè)元素顯示屬性進(jìn)行控制,可以方便快捷地實(shí)現精美的頁(yè)面表現效果。你會(huì )用CSS技術(shù)的使用技巧解決下列問(wèn)題嗎?清除浮動(dòng)有哪些方式?比較好的方式是哪一種?當容器中具有浮動(dòng)元素時(shí),如何為容器設置邊框或背景顏色?怎樣讓塊級元素在容器中水平居中?當多個(gè)連續塊級元素的浮動(dòng)布局影響了原本不想浮動(dòng)的對象時(shí)該如何處理?容器內部的對象如何實(shí)現相對于容器的自由定位?為什么要初始化CSS樣式?
。3)CSS+div布局模式:許多布局模式的基礎,也是大部分前端開(kāi)發(fā)人員接觸到的'第一種布局方式。這種布局模式對于PC端頁(yè)面的設計是非常有幫助的,同時(shí)對于后面將會(huì )遇到的“移動(dòng)端布局”、“響應式布局”等,這種布局方式都具有一定的指導意義。
第二、將JavaScript作為前端學(xué)習的重點(diǎn)。JavaScript是目前大多數主流瀏覽器支持的面向對象的腳本語(yǔ)言,它可以在不與服務(wù)器交互的前提下對HTML的頁(yè)面內容進(jìn)行修改。JavaScript控制著(zhù)網(wǎng)頁(yè)的行為,決定著(zhù)網(wǎng)頁(yè)“做什么”。系統學(xué)習過(guò)JavaScript的同學(xué)們,你看看下列問(wèn)題你能準確的找到答案嗎?通過(guò)表達式來(lái)系統闡述“==”和“===”這兩個(gè)運算符的區別。把某個(gè)元素移除你的視線(xiàn)的方法有哪些?你對JSON了解嗎?通過(guò)哪個(gè)函數可以判斷從文本框中獲取的內容是不是數字?DOM 操作——怎樣添加、移除、移動(dòng)、復制、創(chuàng )建和查找節點(diǎn)?怎樣判斷是否為整數?運算符都能刪除哪些內容?在腳本中,this有幾種使用情況呢?
第三、多練習多操作,實(shí)踐是檢驗真理的唯一標準。IT編程是需要多加實(shí)踐的,要不斷反復進(jìn)行上機操作,是學(xué)習編程開(kāi)發(fā)的唯一方法。
這些問(wèn)題的答案就是我的實(shí)習心得,經(jīng)過(guò)這段時(shí)間的實(shí)習,我覺(jué)得自己可以獨當一面,當一個(gè)web前端工程師了呢。
web前端工作的心得體會(huì )3
作為一個(gè)合格的Web前端工程師,需要具備哪些技能呢?
Web前端工程師必備的六個(gè)技能
1HTML5
HTML是超級文本標記語(yǔ)言,是為“網(wǎng)頁(yè)創(chuàng )建和其他可在網(wǎng)頁(yè)瀏覽器中看到的信息”設計的語(yǔ)言。
HTML5是由萬(wàn)維網(wǎng)發(fā)布的最新的語(yǔ)言規范,是開(kāi)放的Web網(wǎng)絡(luò )平臺的奠基石,所以做Web前端,精通HTML5是必須要掌握的一項技能。
2CSS3
CSS即層疊樣式表(Cascading StyleSheet)。
在網(wǎng)頁(yè)制作時(shí)采用層疊樣式表技術(shù),可以有效地對頁(yè)面的布局、字體、顏色、背景和其它效果實(shí)現更加精確的控制。
只要對相應的代碼做一些簡(jiǎn)單的.修改,就可以改變同一頁(yè)面的不同部分,或者頁(yè)數不同的網(wǎng)頁(yè)的外觀(guān)和格式。
CSS3是CSS技術(shù)的升級版本,CSS3語(yǔ)言開(kāi)發(fā)是朝著(zhù)模塊化發(fā)展的。
以前的規范作為一個(gè)模塊實(shí)在是太龐大而且比較復雜,所以,把它分解為一些小的模塊,更多新的模塊也被加入進(jìn)來(lái)。
這些模塊包括: 盒子模型、列表模塊、超鏈接方式 、語(yǔ)言模塊 、背景和邊框 、文字特效 、多欄布局等。
CSS3對于Web前端整個(gè)頁(yè)面的設計是必備的技能。
3JavaScript
JavaScript一種直譯式腳本語(yǔ)言,是一種動(dòng)態(tài)類(lèi)型、弱類(lèi)型、基于原型的語(yǔ)言,內置支持類(lèi)型。
它的解釋器被稱(chēng)為JavaScript引擎,為瀏覽器的一部分,廣泛用于客戶(hù)端的腳本語(yǔ)言,最早是在HTML(標準通用標記語(yǔ)言下的一個(gè)應用)網(wǎng)頁(yè)上使用,用來(lái)給HTML網(wǎng)頁(yè)增加動(dòng)態(tài)功能,為用戶(hù)提供更流暢美觀(guān)的瀏覽效果。
掌握了JavaScript,你就可以給你的網(wǎng)頁(yè)增加各種不同的動(dòng)態(tài)效果,比如百葉窗特效,廣告切換特效,浮動(dòng)廣告特效,上下無(wú)縫滾動(dòng)特效等等。
達內Html、CSS、JavaScript免費課程文末閱讀原文搶占
4jQuery
JQuery,顧名思義也就是JavaScript和查詢(xún)(Query),即是輔助JavaScript開(kāi)發(fā)的庫。
它是輕量級的JS庫 ,它兼容CSS3,還兼容各種瀏覽器(IE 6.0+, FF1.5+, Safari 2.0+, Opera 9.0+),JQuery2.0及后續版本將不再支持IE6/7/8瀏覽器。
JQuery使用戶(hù)能更方便地處理HTML、EVENTS、實(shí)現動(dòng)畫(huà)效果,并且方便地為網(wǎng)站提供AJAX交互。
熟練掌握JQuery會(huì )讓你更好的使用JavaScript。
5AJAX
AJAX即“Asynchronous JavaScript And XML”(異步JavaScript和XML),是指一種創(chuàng )建交互式網(wǎng)頁(yè)應用的網(wǎng)頁(yè)開(kāi)發(fā)技術(shù),可以在不重新加載整個(gè)網(wǎng)頁(yè)的情況下,對網(wǎng)頁(yè)的某部分進(jìn)行更新。
AJAX開(kāi)發(fā)人員必須理解傳統的MVC架構,這限制了應用層次之間的邊界。
同時(shí),開(kāi)發(fā)人員還需要考慮C/S環(huán)境的外部和使用AJAX技術(shù)來(lái)重定型MVC邊界。
最重要的是,AJAX開(kāi)發(fā)人員必須禁止以頁(yè)面集合的方式來(lái)考慮Web應用而需要將其認為是單個(gè)頁(yè)面。
一旦UI設計與服務(wù)架構之間的范圍被嚴格區分開(kāi)來(lái)后,開(kāi)發(fā)人員就需要更新和變化的技術(shù)集合了。
實(shí)現網(wǎng)站交互必須熟練掌握AJAX。
6Bootstrap
Bootstrap,來(lái)自 Twitter,是目前很受歡迎的前端框架。
Bootstrap 是基于 HTML、CSS、JavaScript 的,它簡(jiǎn)潔靈活,使得 Web 開(kāi)發(fā)更加快捷。
它由Twitter的設計師Mark Otto和Jacob Thornton合作開(kāi)發(fā),是一個(gè)CSS/HTML框架。
Bootstrap提供了優(yōu)雅的HTML和CSS規范,它即是由動(dòng)態(tài)CSS語(yǔ)言L(fǎng)ess寫(xiě)成。
Bootstrap一經(jīng)推出后頗受歡迎,一直是GitHub上的熱門(mén)開(kāi)源項目,包括NASA的MSNBC(微軟全國廣播公司)的Breaking News都使用了該項目。
國內一些移動(dòng)開(kāi)發(fā)者較為熟悉的框架,如WeX5前端開(kāi)源框架等,也是基于Bootstrap源碼進(jìn)行性能優(yōu)化而來(lái)。
Bootstrap中包含了豐富的Web組件,根據這些組件,可以快速的搭建一個(gè)漂亮、功能完備的網(wǎng)站。
其中包括以下組件:下拉菜單、按鈕組、按鈕下拉菜單、導航、導航條、路徑導航、分頁(yè)、排版、縮略圖、警告對話(huà)框、進(jìn)度條、媒體對象等。
時(shí)刻學(xué)習最近的前端框架也是Web前端工程師的必備技能哦!
web前端工作的心得體會(huì )4
過(guò)這五周的學(xué)習,在老師的精心教導下和同。
以前我一直在做網(wǎng)頁(yè),不過(guò)是在博客上,那里提供了模板,只需要自己在里面添舔改改就行了,對一些代碼我更本就看不懂,現在好了,雖然我不是很會(huì ),但是可以看懂一些了,也能改一些代碼了。
通過(guò)這五周的學(xué)習,在老師的精心教導下和同學(xué)們的幫助下,以及通過(guò)自己在平時(shí)的學(xué)習和實(shí)踐,對ASP動(dòng)態(tài)網(wǎng)頁(yè)知識有了初步認識。
通過(guò)學(xué)習ASP動(dòng)態(tài)網(wǎng)頁(yè),不但增加了我的知識面,還使我學(xué)會(huì )了很多以前不會(huì )使用的工具,當然這樣還不夠,因為我還有很多需要學(xué)習的地方,ASP課程雖然上完了,但是在以后的時(shí)間里我一定會(huì )繼續努力,爭取做更多的.精美的網(wǎng)頁(yè)出來(lái)。
通過(guò)ASP動(dòng)態(tài)網(wǎng)頁(yè)的學(xué)習還讓我明白了做網(wǎng)頁(yè)時(shí)頁(yè)面不一定要很復雜,但留白的地方不能很多,這樣看起來(lái)就不會(huì )覺(jué)得呆板,反面顯得有層次,比較高檔,而且百看不厭。
網(wǎng)頁(yè)的特點(diǎn)就是要有一副漂亮的背景圖,整個(gè)頁(yè)面看起來(lái)就比較舒服。
網(wǎng)頁(yè)的文字要排得整齊緊湊,這樣才能給人一種舒服的感覺(jué)。
在網(wǎng)頁(yè)適當的地方可以加一些圖片,每張畫(huà)面再加一些不同的文字說(shuō)明和加一些不同的文字效果,再加一些小動(dòng)畫(huà),這樣網(wǎng)頁(yè)會(huì )顯得更加的精美。
這次做的網(wǎng)頁(yè)雖不是很好看,可是我花了很多時(shí)間來(lái)按成它,所以呢它對我以后做網(wǎng)頁(yè)有很大的幫助。
在此次做網(wǎng)頁(yè)的過(guò)程中也讓我學(xué)到了很多東西,所以呢從我內心來(lái)說(shuō)我是很滿(mǎn)意我的這次經(jīng)歷,同時(shí)也要謝謝老師安排這樣的考試,為什么呢?因為在制作過(guò)程中我不僅學(xué)到了書(shū)上沒(méi)有的東西,也培養了我獨立思考問(wèn)題的能力,同時(shí)還增強了同學(xué)之間的團結互助的友誼。
因此,不論從哪個(gè)角度來(lái)說(shuō),老師此次布置的任務(wù)是上大學(xué)以來(lái)唯一把知識用于實(shí)踐的第一回,再一次謝謝你老師。
【web前端工作的心得體會(huì )】相關(guān)文章:
web前端實(shí)訓心得體會(huì )web前端技術(shù)實(shí)訓心得11-16
web前端實(shí)習報告09-06
web前端簡(jiǎn)歷模板05-29
web前端簡(jiǎn)歷封面05-28
web前端自我介紹06-28
如何面試Web前端開(kāi)發(fā)10-10
web前端轉正工作總結范文10-17
Web前端講師崗位職責07-31
web前端應聘自我介紹02-25