- 相關(guān)推薦
web前端技術(shù)實(shí)訓(xùn)報(bào)告
隨著社會(huì)一步步向前發(fā)展，報(bào)告十分的重要，報(bào)告包含標(biāo)題、正文、結(jié)尾等。你所見(jiàn)過(guò)的報(bào)告是什么樣的呢？以下是小編為大家整理的web前端技術(shù)實(shí)訓(xùn)報(bào)告，僅供參考，歡迎大家閱讀。
web前端技術(shù)實(shí)訓(xùn)報(bào)告1
仔細(xì)想來(lái)，在Web前端開(kāi)發(fā)方向?qū)嵙?xí)已經(jīng)一年多了，從最初的DIV+CSS學(xué)起，到JavaScript、jQuery、Bootstrap框架等等，前端要學(xué)習(xí)的東西很多。接下來(lái)就總結(jié)一下我在學(xué)習(xí)過(guò)程中的一些經(jīng)驗(yàn)吧。
第一、學(xué)好基礎(chǔ)知識(shí)，做一個(gè)基礎(chǔ)扎實(shí)的開(kāi)發(fā)者。
在IT行業(yè)，每年都會(huì)有很多新的技術(shù)誕生并且得到廣泛的推廣，前端技術(shù)也不例外。所以無(wú)論學(xué)到多深的程度，扎實(shí)的基本功肯定是必不可少的。
�。�1）HTML：盡量掌握盡可能多的標(biāo)簽。必須掌握的標(biāo)簽有等，這些雖然平時(shí)比較少用甚至幾乎不用，但是當(dāng)你學(xué)到Boostrap框架時(shí)，你會(huì)發(fā)現(xiàn)Boostrap框架為這些標(biāo)簽賦予了特定的功能與外觀。除此之外，新增了很多標(biāo)簽和屬性，使得HTML語(yǔ)言更加強(qiáng)大。還有很多新的內(nèi)容，需要初學(xué)者更多的接觸并掌握。
（2）CSS：對(duì)各個(gè)屬性以及一些屬性之間結(jié)合使用的技巧應(yī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布局模式：許多布局模式的基礎(chǔ)，也是大部分前端開(kāi)發(fā)人員接觸到的第一種布局方式。這種布局模式對(duì)于PC端頁(yè)面的設(shè)計(jì)是非常有幫助的，同時(shí)對(duì)于后面將會(huì)遇到的“移動(dòng)端布局”、“響應(yīng)式布局”等，這種布局方式都具有一定的指導(dǎo)意義。
第二、將JavaScript作為前端學(xué)習(xí)的重點(diǎn)。
JavaScript是目前大多數(shù)主流瀏覽器支持的面向?qū)ο蟮哪_本語(yǔ)言，它可以在不與服務(wù)器交互的前提下對(duì)HTML的頁(yè)面內(nèi)容進(jìn)行修改。JavaScript控制著網(wǎng)頁(yè)的行為，決定著網(wǎng)頁(yè)“做什么”。系統(tǒng)學(xué)習(xí)過(guò)JavaScript的'同學(xué)們，你看看下列問(wèn)題你能準(zhǔ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í)編程開(kāi)發(fā)的唯一方法。
這些問(wèn)題的答案就是我的實(shí)習(xí)心得，經(jīng)過(guò)這段時(shí)間的實(shí)習(xí)，我覺(jué)得自己可以獨(dú)當(dāng)一面，當(dāng)一個(gè)web前端工程師了呢。
web前端技術(shù)實(shí)訓(xùn)報(bào)告2
進(jìn)入XXweb班近一個(gè)月了，從一無(wú)所知的小白到現(xiàn)在也完成了京東詳情頁(yè)的一個(gè)小項(xiàng)目。學(xué)習(xí)過(guò)程中除了偶爾遇到困難，總體還算順利。在這里主要想分享自己以一個(gè)文科生――零基礎(chǔ)學(xué)員的角度來(lái)學(xué)習(xí)web前端開(kāi)發(fā)的感受。
由于之前在大學(xué)里是學(xué)的旅游專業(yè)，和計(jì)算機(jī)毫無(wú)關(guān)系，來(lái)到XX時(shí)對(duì)自己有些半信半疑。不少人甚至懷疑XX是行騙機(jī)構(gòu)。在做了全面的了解之后，我勸服家人同意我來(lái)這里學(xué)習(xí)。另一方面，我向老師咨詢了自己學(xué)習(xí)的方向，考慮到自己從文科到計(jì)算機(jī)專業(yè)跨度較大的轉(zhuǎn)變，我在Java與web之間選擇了web。相對(duì)于Java，web的學(xué)習(xí)更基礎(chǔ)，容易入手，就業(yè)的機(jī)會(huì)也非常多。
Web開(kāi)班第一天，老師即從網(wǎng)頁(yè)基礎(chǔ)、HTML入手，攫取重點(diǎn)，給我們介紹了它的相關(guān)知識(shí)。我們主要學(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基礎(chǔ)樣式，仍然借用上面的比喻，CSS則相當(dāng)于建筑里各個(gè)房間的不同結(jié)構(gòu)，它們使得這座建筑更加的多樣化。且相對(duì)于HTML，它更加的復(fù)雜、多樣化，呈現(xiàn)的效果也具有更多的可能性。老師向我們推薦了《CSS禪意花園》這本書(shū)，里面列舉了豐富且多種多樣的CSS樣式。
作為今后可能成為的優(yōu)秀前端工程師，僅僅學(xué)習(xí)自己內(nèi)部的知識(shí)是遠(yuǎn)遠(yuǎn)不夠的。因此，第一個(gè)月中我們也學(xué)習(xí)了UI中PS繪圖制作基礎(chǔ)，這對(duì)于一個(gè)前端來(lái)說(shuō)也是非常重要的，在今后的工作中，我們可能會(huì)面對(duì)各種各樣的問(wèn)題，如果掌握部分PS尤其是切圖技術(shù)，在和UI的接觸中可以減少很多不必要的繁瑣工作。
總之，作為一個(gè)前端工程師，我們所要掌握的知識(shí)是全面的，當(dāng)我們寫(xiě)代碼時(shí)的思維是縝密的。HTML和CSS是基礎(chǔ)中的基礎(chǔ)。之后我們會(huì)學(xué)習(xí)更多的JavaScript相關(guān)知識(shí)和其他，希望自己在這過(guò)程中仍能保持謙遜的的心態(tài)，去學(xué)習(xí)前人留下的珍貴寶藏。
web前端技術(shù)實(shí)訓(xùn)報(bào)告五
所謂行萬(wàn)里路，必先始于足下。剛開(kāi)始學(xué)習(xí)WEB前端基礎(chǔ)的時(shí)候，老師說(shuō)，其實(shí)你們學(xué)的這個(gè)后面真正去工作的時(shí)候可能也不是很會(huì)用到，所以就有很多人會(huì)問(wèn)，既然我們都用不到，那干嘛還學(xué)呀？其實(shí)，對(duì)于一個(gè)程序員來(lái)說(shuō)，你不僅要有很好的后端專業(yè)能力，你還應(yīng)當(dāng)具備一定的前端素養(yǎng)，知道一些起碼的前端知識(shí)。
來(lái)到XX的第一個(gè)月，我們是以基礎(chǔ)為主吧，因?yàn)榇蠹业竭@里的基礎(chǔ)都不一樣，有一些本身就具備很高水準(zhǔn)的人，也有很多像自己一樣從小白開(kāi)始的人，所以，對(duì)我們而言，XX開(kāi)設(shè)的這種雙元模式對(duì)我們是有很大用處的。我們從最基礎(chǔ)的開(kāi)始學(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í)一門(mén)語(yǔ)言最基礎(chǔ)的一部分吧。但是也不是說(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)該也有一二十個(gè)的，但是就是沒(méi)那么理想，所以這方面的話也是需要自己多加練習(xí)和修正的，因?yàn)楸砀竦挠锰庍�是挺大的。HTML的學(xué)習(xí)方面還有框架和表單，框架的話，就是一個(gè)網(wǎng)頁(yè)的主體了，網(wǎng)頁(yè)的大致形式基本上從你的框架結(jié)構(gòu)就可以知道的，學(xué)習(xí)框架，重要的就是網(wǎng)頁(yè)的布局如何劃分，然后利用框架的嵌套，浮動(dòng)就可以解決的，學(xué)習(xí)過(guò)程也不會(huì)是很大的難度。
想想HTML還學(xué)了些什么呢？表單！表單對(duì)前端開(kāi)發(fā)來(lái)說(shuō)還是挺高的，因?yàn)槲覀兡茉谝粋�(gè)網(wǎng)頁(yè)中看到很多的表單應(yīng)用。包括用戶的注冊(cè)啦，密碼驗(yàn)證啦，還有搜索欄之類的，幾乎全是表單的應(yīng)用。表單學(xué)習(xí)比較重要的地方應(yīng)該就是那十來(lái)個(gè)表單控件的應(yīng)用，這些表單控件進(jìn)一步區(qū)分的話還有就是單邊標(biāo)記和雙邊標(biāo)的的表單控件，因?yàn)楹芏鄦芜厴?biāo)記的表單，他的值一般只能是存在value當(dāng)中，如果不注意的話，很多時(shí)候我們會(huì)忘記寫(xiě)上這個(gè)value。這個(gè)階段的表單感覺(jué)并不是那么難，當(dāng)然，學(xué)到后面的JS之后，相對(duì)于表單驗(yàn)證之類的才感覺(jué)難了很多。
第二部分：CSS學(xué)習(xí)
對(duì)我來(lái)說(shuō)，CSS課程雖然只有三天，但是卻是更應(yīng)該學(xué)好的一個(gè)模塊。因?yàn)槲覀兌贾�，其�?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é)習(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)，因?yàn)榇嬖趬K元素和行輩元素，塊元素因?yàn)槠浔旧硖匦�，一個(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)辦法很好接觸的地方，當(dāng)然，自己在這里的學(xué)習(xí)也是有不足的地方。像一些對(duì)屬性的操作的標(biāo)記之類，懂得怎么用，但是不是很熟悉，所以經(jīng)常在操作的時(shí)候要去查手冊(cè)。學(xué)的最不好的一個(gè)地方應(yīng)該是將數(shù)組中的元素按照一定的規(guī)則或者順序添加到指定或?qū)?yīng)的表格中，這中題型是自己做的比較少的，也是掌握很不好的地方，所以也希望用放假的這幾天好好練習(xí)一下，不能拖到下一個(gè)階段去。個(gè)人對(duì)JS的理解其實(shí)就是大量算法的集合，因?yàn)楹芏鄷r(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ù)都幫你寫(xiě)好了，你只需要學(xué)會(huì)調(diào)用就好了的。當(dāng)然。調(diào)用他，其實(shí)對(duì)于JQ來(lái)說(shuō)，學(xué)習(xí)的過(guò)程沒(méi)有具備很大的難度，只是嘗試著去多寫(xiě)寫(xiě)，寫(xiě)兩三次基本就記住怎么用了。最后還有一天的Bootstrap學(xué)習(xí)，寫(xiě)過(guò)一些案例，只要會(huì)改，基本沒(méi)有太大的難度。
后續(xù)：其實(shí)對(duì)于WEB前端的學(xué)習(xí)的話重要的就是多用，很多東西我們上課聽(tīng)得時(shí)候其實(shí)都基本聽(tīng)得懂，但是更重要的是在于你課后的練習(xí)，離開(kāi)了老師的一個(gè)思維引導(dǎo)，我們?cè)撛鯓尤ネ瓿身?xiàng)目才是我們?cè)搶W(xué)會(huì)的。這一個(gè)月的學(xué)習(xí)難度系數(shù)都不是很高。但卻是一個(gè)比較繁雜的過(guò)程，因?yàn)樽鳛榍岸藖?lái)說(shuō)，我們需要不斷的優(yōu)化，不斷的修正，美化整個(gè)頁(yè)面。不管是前端還是后端，都希望自己能好好學(xué)！
web前端技術(shù)實(shí)訓(xùn)報(bào)告3
一、實(shí)習(xí)目的
通過(guò)對(duì)Java語(yǔ)言、JavaWeb、Oracle數(shù)據(jù)庫(kù)應(yīng)用設(shè)計(jì)及SQL語(yǔ)言的復(fù)習(xí)和鍛煉，并且通過(guò)使用MyEclipse開(kāi)發(fā)平臺(tái)設(shè)計(jì)庫(kù)存管理系統(tǒng)項(xiàng)目，以達(dá)到充分熟悉開(kāi)發(fā)平臺(tái)及其應(yīng)用設(shè)計(jì)。
同時(shí)掌握并實(shí)踐軟件項(xiàng)目設(shè)計(jì)規(guī)范及其開(kāi)發(fā)流程：需求分析、概要設(shè)計(jì)、詳細(xì)設(shè)計(jì)、代碼編寫(xiě)、系統(tǒng)測(cè)試及軟件手冊(cè)編寫(xiě)，以便提前適應(yīng)軟件公司開(kāi)發(fā)流程、環(huán)境和工作要求
二、實(shí)習(xí)內(nèi)容
1、公司管理規(guī)則，程序員素質(zhì)，程序員編碼規(guī)范;
2、需求開(kāi)發(fā)與管理;
3、面向?qū)ο蠓治雠c設(shè)計(jì)，面向?qū)ο缶幊痰奶匦?
4、javaSE、javaWeb
5、數(shù)據(jù)庫(kù)設(shè)計(jì)、SQL應(yīng)用
6、軟件需求分析與設(shè)計(jì)
7、項(xiàng)目實(shí)戰(zhàn)
三、實(shí)習(xí)總結(jié)
通過(guò)這一期的實(shí)訓(xùn)，雖然倍感折磨，但是收獲卻很大的，學(xué)習(xí)中我不但有了學(xué)習(xí)成果的喜悅，而且自己也日漸成熟，有種說(shuō)不出的喜悅。
當(dāng)我們正式準(zhǔn)備學(xué)習(xí)實(shí)訓(xùn)java編程技術(shù)時(shí)，讓我倍感興奮，雖然以前大學(xué)學(xué)的是.Net方向，但畢竟Java是自己以后想主攻的技術(shù)，所以自然也就非常的亢奮。
感覺(jué)肩上責(zé)任之重大，那一刻起，我就決心帶領(lǐng)我們小組，奮戰(zhàn)我們的實(shí)訓(xùn)路。
當(dāng)然開(kāi)始學(xué)習(xí)后也并非是想象中那樣順利，開(kāi)始的學(xué)習(xí)讓我異常感到學(xué)習(xí)任務(wù)的艱巨，因?yàn)閷W(xué)習(xí)中我們遇到了很多以前未曾遇到的難點(diǎn)，有時(shí)難免冥思苦想也無(wú)濟(jì)于事，通過(guò)我們小組的積極努力協(xié)作，同時(shí)請(qǐng)教老師和其他同學(xué)，我們順利的化解了一道道的障礙。
這讓我不斷的對(duì)學(xué)習(xí)技術(shù)又有了新的認(rèn)識(shí)：學(xué)習(xí)中我們必須邊總結(jié)邊學(xué)習(xí)，開(kāi)始階段對(duì)老師交代的任何方法和類都不要放過(guò)，不管是否簡(jiǎn)單與否都要樂(lè)于地接受，因?yàn)槔蠋熆隙ㄓ兴牡览�，相信老師走過(guò)的路比我們長(zhǎng)，那么其經(jīng)驗(yàn)也就肯定比我們豐富。
上課時(shí)一定要專心聽(tīng)講，一個(gè)關(guān)鍵的知識(shí)點(diǎn)聽(tīng)漏了，可能會(huì)使一個(gè)人在課下花很多時(shí)間去消化，這樣也就會(huì)花掉做其他事情的大量時(shí)間，同時(shí)也使得學(xué)習(xí)不能和老師的講的課程同步，以至出現(xiàn)以后就跟不上老師講課的進(jìn)度而掉隊(duì)。
所以學(xué)習(xí)中我們寧可勞其筋骨，苦其心志，惡其體膚，也不能掉隊(duì)跟不上學(xué)習(xí)進(jìn)度。
在學(xué)習(xí)的過(guò)程中也體會(huì)到，遇到問(wèn)題也要請(qǐng)教。
不然的話自己一個(gè)人去做的話會(huì)花很多的時(shí)間，我在做這個(gè)在線考試的項(xiàng)目中，其中也問(wèn)到過(guò)許多問(wèn)題，通過(guò)同學(xué)的幫助下解決了，提高了程序的開(kāi)發(fā)進(jìn)程。
其他的同學(xué)有問(wèn)題的話我也是給他們盡量解決。
我認(rèn)為學(xué)習(xí)知識(shí)的過(guò)程當(dāng)中就應(yīng)該是相互學(xué)習(xí)相互進(jìn)步的。
Java是面在的主流技術(shù)我會(huì)努力將它學(xué)好，現(xiàn)在我缺乏的是堅(jiān)持不懈的精神，周賢軍給了我很大的影響，我會(huì)向他學(xué)習(xí)，雖然學(xué)習(xí)java的'路還很找，但我會(huì)繼續(xù)走下去。
在這里，我非常感謝實(shí)訓(xùn)的指導(dǎo)老師，在老師的幫助和指導(dǎo)下，我克服了Java學(xué)習(xí)上的一道道難關(guān)，課上認(rèn)真聽(tīng)講，摘好必要的筆記，并通過(guò)自己課后的不斷消化學(xué)習(xí)，現(xiàn)在自己已經(jīng)基本掌握了java的基礎(chǔ)知識(shí)，并等待知識(shí)的進(jìn)一步提升。
實(shí)訓(xùn)即將結(jié)束了，我非常懷念在達(dá)內(nèi)科技的實(shí)訓(xùn)，在實(shí)訓(xùn)的這4個(gè)半個(gè)月時(shí)間里，我每一天過(guò)的都市踏實(shí)的，充實(shí)的;我相信，只要我秉持艱苦奮斗，為理想拼搏的精神，盡管在未來(lái)的java路上荊棘叢叢，我一定可以披荊斬刺，度過(guò)重重難關(guān)，實(shí)現(xiàn)自己未來(lái)的理想!
【web前端技術(shù)實(shí)訓(xùn)報(bào)告】相關(guān)文章：
web前端實(shí)訓(xùn)心得體會(huì)web前端技術(shù)實(shí)訓(xùn)心得11-17
web前端實(shí)訓(xùn)心得體會(huì)11-25
web網(wǎng)站實(shí)訓(xùn)報(bào)告01-19