第一篇：WEB 學(xué)習(xí)心得體會(huì)
WEB 學(xué)習(xí)心得體會(huì)
余凱健
Web 2.0是相對(duì)于Web1.0的新一代互聯(lián)網(wǎng)應(yīng)用的統(tǒng)稱。是以Flickr、Craigslist、Linkedin、Tribes、Ryze、Friendster、Del.i-cio.us、43Things.com等網(wǎng)站為代表,以Blog、Tag、SNS、RSS、Wiki等社會(huì)軟件的應(yīng)用為核心，依據(jù)六度分隔、XML、Ajax等新理論和技術(shù)實(shí)現(xiàn)的互聯(lián)網(wǎng)新一代模式。
Web 2.0支持下的學(xué)習(xí)有如下兩個(gè)最為顯著的特征：首先是去中心化,其次是社會(huì)化。Web 2.0不單純是技術(shù)或者解決方案，Web 2.0是一套可執(zhí)行的理念體系，實(shí)踐著網(wǎng)絡(luò)社會(huì)化和個(gè)性化的理想，使個(gè)人成為真正意義的主體，實(shí)現(xiàn)互聯(lián)網(wǎng)生產(chǎn)方式的變革從而解放生產(chǎn)力，這個(gè)理念體系在不斷發(fā)展完善中,并且會(huì)越來越清晰。
web2.0是web1.0的進(jìn)化版，而在web1.0里，大家過多的重視了學(xué)習(xí)的硬性條件而忽視了學(xué)習(xí)的應(yīng)用和個(gè)人化。Web2.0是社會(huì)性網(wǎng)絡(luò)中的顯性知識(shí)與隱性知識(shí)的分享、管理和積累。所以，Web2.0更接近Internet的實(shí)質(zhì)，而Internet的本質(zhì)也就是知識(shí)在網(wǎng)絡(luò)環(huán)境下的共享、管理和積累。
web2.0在學(xué)習(xí)資源方面是很豐富的，它基于Blog、RSS、Podcasting、SNS、Tag、WIKI等平臺(tái)，因此基于平臺(tái)的資源有三個(gè)顯著的特征:首先是資源管理的社會(huì)化，資源的建設(shè)和管理由用戶共同參與，并不由一個(gè)固定的機(jī)構(gòu)來完成web2.0的許多應(yīng)用都使信息化主體發(fā)生了變化，從以往很少人的“寫”發(fā)展為現(xiàn)在很多人都愿意在自己的blog、BBS里發(fā)表自己的文章及資源。基于Web 2.0的服務(wù),如del.icio.us用于共享書簽,Flick用于圖片共享,Blog用于個(gè)人思想的交流等,這些應(yīng)用許多是屬于尾端的,只要存儲(chǔ)和流通的渠道足夠大,Web 2.0可以通過用戶的“自服務(wù)”而服務(wù)于“長尾”。雖然基于Web 2.0的學(xué)習(xí)資源在信任模式、信息冗余、用戶隱私、版權(quán)問題等方面存在問題但是通過梁斌的觀點(diǎn)不難看出在Web 2.0學(xué)習(xí)資源中進(jìn)行知識(shí)管理更為重要。web2.0使信息成為一種負(fù)擔(dān)，高質(zhì)量的信息利用價(jià)值很少這確實(shí)的在web2.0發(fā)展時(shí)的一大問題，但是任何新生事物的發(fā)展都會(huì)經(jīng)歷到坎坷，web2.0的發(fā)展就是建立在這些冗余的信息中，通過不斷的積累，不斷的共享知識(shí)和傳遞知識(shí)web2.0面臨的信息混雜的問題會(huì)得到很好的改善。
web2.0在當(dāng)初的提議到現(xiàn)在都引發(fā)了不少人對(duì)其的爭(zhēng)論，楊靜認(rèn)為Web2.0蘊(yùn)含了后現(xiàn)代主義思想,基于Web2.0的后現(xiàn)代學(xué)習(xí)方式表現(xiàn)在:基于Web2.0的學(xué)習(xí)創(chuàng)設(shè)雙贏的師生觀和知識(shí)觀、構(gòu)建多元化的思維模式、注重師生的合作與交流、鼓勵(lì)學(xué)生的自我意識(shí)和創(chuàng)造性、促進(jìn)學(xué)生各方面能力和諧發(fā)展。而江衛(wèi)華從網(wǎng)絡(luò)文化的的視角對(duì)Web2.0教育進(jìn)行了反思,提出“Web2.0網(wǎng)絡(luò)文化的分裂性教育趨向、Web2.0網(wǎng)絡(luò)文化傳播與泛在教育功能、Web2.0網(wǎng)絡(luò)文化的教育創(chuàng)新性特征”。我個(gè)人認(rèn)為任何事物都有兩面性，這就取決與大家對(duì)其的態(tài)度，不管怎么樣，在web.2.0下有效的學(xué)習(xí)還應(yīng)注意兩點(diǎn)：
一、重視對(duì)學(xué)習(xí)者網(wǎng)絡(luò)學(xué)習(xí)生存能力的培養(yǎng),使學(xué)習(xí)者學(xué)會(huì)在網(wǎng)絡(luò)中協(xié)作共處。二是要提升個(gè)體的網(wǎng)絡(luò)道德規(guī)范。
web2.0在當(dāng)今的遠(yuǎn)程學(xué)習(xí)中發(fā)揮著重大的作用和意義，為了實(shí)現(xiàn)全民學(xué)習(xí)和終身化學(xué)習(xí)這一目標(biāo)，web2.0在其中占著舉足輕重的地位，web2.0的思想也是推動(dòng)遠(yuǎn)程學(xué)習(xí)的一大動(dòng)力和武器。
第二篇：web學(xué)習(xí)心得體會(huì)
web學(xué)習(xí)心得體會(huì)范文
當(dāng)我們經(jīng)過反思，對(duì)生活有了新的看法時(shí)，馬上將其記錄下來，這樣可以記錄我們的思想活動(dòng)。是不是無從下筆、沒有頭緒？以下是小編收集整理的web學(xué)習(xí)心得體會(huì)范文，希望對(duì)大家有所幫助。
web學(xué)習(xí)心得體會(huì)1算起來我學(xué)習(xí)軟件設(shè)計(jì)也有快一年了，感到做這個(gè)工作最要緊的就是要明白，什么叫因地制宜、因勢(shì)利導(dǎo)，就是說只有最合適的，沒有什么叫對(duì)的，什么叫錯(cuò)的。我們的根本目的就是賺錢，而不是什么研究機(jī)構(gòu)，所以最忌諱的就是完美主義傾向，尤其是我們這些做技術(shù)人員出身的，喜歡尋找標(biāo)準(zhǔn)答案，耽誤了工作進(jìn)度，也迷茫了自己。
在這個(gè)寒假里，我也接過一個(gè)網(wǎng)站來做。先不論這個(gè)網(wǎng)站的好壞，首先，我的的確確在這里面學(xué)到了很多東西。因?yàn)槭俏乙粋€(gè)人做，所以也不可能做什么大型的網(wǎng)站。在這個(gè)過程中，我真切的感到和客戶溝通才是最重要的。不管你的技術(shù)有多么的好，能做出多么漂亮的網(wǎng)站，但你做出的東西不是客戶想要的東西，你也只是徒勞，畢竟我們的目的就是賺錢。還有就是和客戶溝通的時(shí)候，千萬不要滿口的專業(yè)術(shù)語，（除非對(duì)方也懂這些）不然就會(huì)費(fèi)更多的時(shí)間。當(dāng)然在做項(xiàng)目的時(shí)候首先是要做好詳細(xì)的需求分析書，一份好的項(xiàng)目說明書不僅將要做的事情描述得很清楚（主要是講做什么，而不是說怎么做），而且把如何檢查也說明得很透徹。也就是說它不僅說明白了要做哪些事情，也讓客戶的業(yè)務(wù)人員（一般不懂技術(shù)）知道項(xiàng)目做成什么樣就算完成了。簡單地說，項(xiàng)目說明書描述項(xiàng)目做哪些事情和每件事情做到什么程度以及如何檢查每一個(gè)結(jié)果。
就像我們上學(xué)期的Web項(xiàng)目，我們都有一個(gè)項(xiàng)目小組。當(dāng)然，在做這個(gè)項(xiàng)目時(shí)我們沒有自己選擇組員的權(quán)利。所以當(dāng)我們成為一個(gè)項(xiàng)目小組的成員時(shí)，我們要做的就是要懂得互利共生的道理。特別是項(xiàng)目經(jīng)理，對(duì)于項(xiàng)目總監(jiān)、項(xiàng)目成員，要讓他們知道你打算怎么做，什么時(shí)候要他們做什么準(zhǔn)備這些事情將是你的主要工作。第一個(gè)是規(guī)定信息的流動(dòng)方式和介質(zhì)，是推還是拉。推的意思就是項(xiàng)目經(jīng)理將主動(dòng)發(fā)布信息，不管通過電話、郵件還是書面方式，保證將信息傳達(dá)到每個(gè)人，拉的意思就是我們需要什么信息就去問項(xiàng)目經(jīng)理。說這些看似很無聊，其實(shí)里面牽涉信息傳達(dá)不完全的責(zé)任問題。
例如我們中有一個(gè)項(xiàng)目小組，就因?yàn)轫?xiàng)目經(jīng)理的前期信息傳達(dá)不到位，而導(dǎo)致整個(gè)項(xiàng)目小組的進(jìn)度不能跟上，團(tuán)隊(duì)分得了零分。分?jǐn)?shù)倒是小事，但要是我們走上了工作崗位，而不能按時(shí)交出客戶想要的產(chǎn)品，那可就不好辦了！
第二個(gè)問題就是文檔問題，很多人怕寫文檔，但是項(xiàng)目經(jīng)理一定要牢記“好記性不如爛筆頭”的道理。有理有時(shí)候?yàn)槭裁磿?huì)說不清呢？就是因?yàn)闆]有證據(jù)。所有需求變更全部要有書面文字，這點(diǎn)切記！這樣做好處多多：有書面證據(jù)，以后他還想改，你有了他以前要求的證據(jù)，告訴他：你以前可是這么說的，便于需求變更管理，需求如何慢慢演變的歷史可以看清楚，從而更深切地體會(huì)客戶的目的，對(duì)于客戶來說，嘴巴一動(dòng)最方便，反正是我們做，不花他的資源，所以要求是否合理，是否和項(xiàng)目的目的一致，他是不負(fù)責(zé)任的。但是如果要他寫書面要求，還要簽字蓋章，他就要謹(jǐn)慎多了，而且一寫東西，思想就會(huì)更加深入，很多無理要求也就這樣胎死腹中了。
其實(shí)，上學(xué)期的項(xiàng)目中，我們很多的組員意見不統(tǒng)一，就造成了意見剛剛達(dá)成，過來沒幾個(gè)鐘頭，又有人有好的點(diǎn)子，結(jié)果想更改計(jì)劃，最后改得什么都不像。寒假的這個(gè)項(xiàng)目我也感到文檔的重要。就比如說一次我正和他們中的一個(gè)老板談得快達(dá)成協(xié)議了，這時(shí)，另一個(gè)老板又來和我交涉。但是兩個(gè)老板的意見不和，我也一時(shí)難以把握。最后，我決定由他們選出一個(gè)人專門和我交談，當(dāng)達(dá)成協(xié)議時(shí)，就形成紙質(zhì)文件，由雙方簽字通過。
當(dāng)然，在上學(xué)期，各位項(xiàng)目經(jīng)理對(duì)自己職務(wù)的職責(zé)范圍還不是特別的明確。下面就說說我對(duì)這個(gè)職位的理解吧：和組員開會(huì)，除了一些項(xiàng)目進(jìn)度跟蹤會(huì)議以外，還有很多討論會(huì)，需要大家用頭腦風(fēng)暴方法給出解決問題。與會(huì)人員很多都是技術(shù)人員，他們的特點(diǎn)是注重細(xì)節(jié)、缺乏大局觀、有點(diǎn)消極悲觀、自尊心強(qiáng)，所以，你作為會(huì)議的主持人，只要負(fù)責(zé)提出問題和記錄下他們的觀點(diǎn)，千萬不要做評(píng)判者的角色。一個(gè)問題，有很多方面，從不同的角度看，現(xiàn)象是完全不同的，想想盲人摸象的故事吧。作為技術(shù)人員，他們往往精通一個(gè)方面，就自己的角度發(fā)表見解，除非一些很特別的情況，你都應(yīng)該認(rèn)為他們提出的方案，從他們的角度來看是最合理的'。項(xiàng)目經(jīng)理的長處是掌握事情的優(yōu)先級(jí)，評(píng)估各個(gè)方面的輕重緩急，從而根據(jù)他們的意見得出一個(gè)合適的（而不是正確的）方案。所以，在會(huì)議上，你要充分尊重每一個(gè)人和他的意見，夸獎(jiǎng)那些意見提得比較好的人，千萬不要把會(huì)議帶入無休止的爭(zhēng)論（你要讓大家知道事情不是非黑即白的，而是多元的）。會(huì)后，你自己整理結(jié)果，寫文檔，做決定。會(huì)議上大家的面子都被照顧了，自然實(shí)施起來的阻力就小，如果還有意見的，你就私下找他聊，如果還不能說服他，你就要讓他明白，因?yàn)槭悄阖?fù)責(zé)這個(gè)項(xiàng)目、你要擔(dān)當(dāng)風(fēng)險(xiǎn)，所以，這個(gè)優(yōu)先級(jí)應(yīng)該你來判斷。組織中的高層，并不見得水平會(huì)比一般的成員高，但是，他要承擔(dān)組織的風(fēng)險(xiǎn)，加之信息的不對(duì)稱性，所以，對(duì)事情的優(yōu)先級(jí)的判斷肯定應(yīng)該要比下屬強(qiáng)。
說了這么多，還是想說說這次的項(xiàng)目，其實(shí)從這次軟件中心舉辦的“主導(dǎo)杯”班級(jí)主頁大賽中，我獲得的最多。由于以前有過項(xiàng)目經(jīng)驗(yàn)，所以這次我們的項(xiàng)目也逐漸接近了正軌。但看到好多組的工作方式實(shí)在是很感慨，大家對(duì)待項(xiàng)目的目的和流程并不太了解。所以我對(duì)項(xiàng)目作了一個(gè)總結(jié)：
在項(xiàng)目開始的時(shí)候組隊(duì)是很關(guān)鍵的，在選擇人員的時(shí)候一定要對(duì)組員進(jìn)行一定的考察。其實(shí)同學(xué)們都算比較了解了，建議最好熟悉的人在一組，其一是方便溝通，其二則是方便管理。朋友即使有了矛盾很快就能化解，不過要注意的是不要放不下面子，特別是項(xiàng)目經(jīng)理，千萬不能怕得罪誰（遇到問題時(shí)可以找其他組員先商量，在作決定，實(shí)在不行可以提出嚴(yán)厲的責(zé)罰，不過這只是下下策）。其次是項(xiàng)目經(jīng)理千萬不要把自己當(dāng)成是那么一回事，說白了，大家都只是合作關(guān)系，沒有誰絕對(duì)服從誰。而更重要的是要有一個(gè)明確的制度，并讓所以組員對(duì)制度進(jìn)行簽字。有了這樣的東西，在一定程度上能對(duì)組員起到不小的約束力。
接下來我們就要開始進(jìn)行項(xiàng)目的需求分析書了現(xiàn)在是做項(xiàng)目說明書的時(shí)候了。一份好的項(xiàng)目說明書不僅將要做的事情描述得很清楚（主要是講做什么，而不是說怎么做），而且把如何檢查也說明得很透徹。也就是說它不僅說明白了要做哪些事情，也讓組員知道項(xiàng)目做成什么樣就算完成了。簡單地說，項(xiàng)目說明書描述項(xiàng)目做哪些事情和每件事情做到什么程度以及如何檢查每一個(gè)結(jié)果。一定要提前做出統(tǒng)一的模板，這就是一個(gè)風(fēng)格的定位，有了這個(gè)定位相信大家在以后的工作中會(huì)順利很多。
現(xiàn)在項(xiàng)目已經(jīng)完成了前期工作，了解了項(xiàng)目的目標(biāo)、搞清楚了手上的資源，制定了項(xiàng)目的策略，然后編制了項(xiàng)目的整體計(jì)劃，項(xiàng)目進(jìn)入實(shí)施階段。進(jìn)入這個(gè)階段反而是項(xiàng)目經(jīng)理比較空閑的時(shí)候，不像前期的時(shí)候項(xiàng)目經(jīng)理要像記者一樣到處和不同的人接觸，搞清楚他們?cè)谡f什么，努力猜測(cè)他們?cè)谙胧裁春退麄兊恼嬲康模遣攀亲罾廴说氖虑?。?dāng)然，小項(xiàng)目的項(xiàng)目經(jīng)理往往自己也是一個(gè)資源，要做很多事情，這時(shí)候反而比誰都苦。項(xiàng)目經(jīng)理這個(gè)時(shí)候就要多和技術(shù)經(jīng)理和行政經(jīng)理多溝通，實(shí)時(shí)了解大家的工作情況和進(jìn)度。當(dāng)然這個(gè)時(shí)候和組員溝通的工作大部分交給了行政經(jīng)理和技術(shù)經(jīng)理手上了。這時(shí)你們要做的就是要多了解大家對(duì)這次項(xiàng)目的態(tài)度和想法，收集整理之后向項(xiàng)目經(jīng)理匯報(bào)。當(dāng)然并不是說項(xiàng)目經(jīng)理就沒什么事了，你要做的則是和老師溝通，畢竟老師是一種資源，有了老師的幫助，相信我們的項(xiàng)目會(huì)有更進(jìn)一步的飛躍！
有一句話叫做細(xì)節(jié)決定成敗，項(xiàng)目的過程中一定要注意細(xì)節(jié)問題，如圖片的大小，太大了會(huì)占空間，所以建議大家在用之前先用PS改變圖像的大小，作為用戶都不希望軟件太大，這一點(diǎn)很多玩游戲的同學(xué)相信更深有體會(huì)。在改變圖像大小的時(shí)候建議大家按照原始比例來改變，最好一次就將原圖改變到需要的大小，不要破壞了圖片的結(jié)構(gòu)（如果有特殊的要求除外），不然圖像的質(zhì)量也會(huì)受到一定程度的影響。盡量少用音視頻文件（專業(yè)的音視頻網(wǎng)站除外），如果實(shí)在要用，就提前用專業(yè)的軟件對(duì)其進(jìn)行壓縮。其次就是配色問題，一個(gè)網(wǎng)頁的色彩最好不要超過3種，一面視覺效果混亂，用色柔和，對(duì)比度強(qiáng)的色彩不能應(yīng)用于一般網(wǎng)站，時(shí)尚網(wǎng)站使用還可以。一般不好搭配的顏色，用灰度搭配。再次，就是整體的頁面布局，最好在初期做好一個(gè)規(guī)范，這時(shí)就體現(xiàn)了css樣式表的重要性，對(duì)不同的字體定義不同的樣式，以后每次用直接調(diào)用就可以了，這樣項(xiàng)目的工期也縮短了一大半。還需要注意的就是數(shù)據(jù)庫的編碼規(guī)范，圖片、音頻文件等的命名規(guī)范以及對(duì)文件的命名規(guī)范。后期我們要安排更多的時(shí)間放在測(cè)試上，測(cè)試是非常重要的，當(dāng)你的網(wǎng)站或者軟件完成了，但是有一個(gè)功能不能實(shí)現(xiàn)，也許只是一個(gè)小小的問題，但也會(huì)對(duì)你的產(chǎn)品造成更大的漏洞。也就是說花了那么多的時(shí)間去做項(xiàng)目，然而項(xiàng)目完工了，卻是個(gè)不合格產(chǎn)品。
其實(shí)做網(wǎng)站或者軟件總結(jié)起來就幾個(gè)字：布局合理、界面美觀、功能完善、操作簡單、壓縮大小。
當(dāng)項(xiàng)目做完了，我們就要面臨殘酷的答辯關(guān)了，當(dāng)然，在面對(duì)答辯的時(shí)候我們不必慌張，要做到有理有據(jù)，大方得體，在答辯之前做好一個(gè)答辯的流程，先介紹什么，在介紹什么。不要像上學(xué)期那樣一個(gè)一個(gè)都上去講。其實(shí)只需要一個(gè)人演示，一個(gè)人講解就可以了，演示的人一定要注意講解人的語言，不要講解人已經(jīng)講到下一步了，演示人還沒有反應(yīng)，這也是對(duì)我們配合的一種鍛煉。講解的時(shí)候要注意從哪里開始，是從內(nèi)到外，還是從整體到局部，這是開始的時(shí)候需要大家一起商量的。當(dāng)然在演示的時(shí)候難免會(huì)出現(xiàn)錯(cuò)誤，特別是這學(xué)期我們學(xué)的asp動(dòng)態(tài)項(xiàng)目，當(dāng)我們遇到某些功能無法運(yùn)行時(shí)，也不要慌張，我們要從理性的角度分析這種問題是因?yàn)槭裁丛蛩a(chǎn)生的，當(dāng)場(chǎng)給評(píng)委做出解釋，如果不能分析出來也不要緊，你可以告訴評(píng)委們，這個(gè)問題的原因我們待會(huì)兒再給大家解釋。到了后面即使你還是不能找到原因所在，你完全可以不說，評(píng)委也不會(huì)去刻意去追問你是什么原因。這樣的目的是為了大家在做答辯時(shí)能夠順暢的完成，不會(huì)就直接跳過，不會(huì)產(chǎn)生什么尷尬的場(chǎng)面。
項(xiàng)目做完后一定要記得保存好自己的產(chǎn)品，這是我們以后找工作的一份憑證。當(dāng)然每次項(xiàng)目完后一定要記得寫項(xiàng)目總結(jié)，收集項(xiàng)目的一些必要的東西，如項(xiàng)目管理文檔，項(xiàng)目進(jìn)度跟進(jìn)表等等，這樣對(duì)我們以后會(huì)有很大的幫助！
最后，我想對(duì)我們上學(xué)期期末的項(xiàng)目答辯做個(gè)總結(jié)：上學(xué)期期末的答辯總體來說還算不錯(cuò)，有優(yōu)秀的項(xiàng)目，當(dāng)然也有很不上面的項(xiàng)目作品（我們總不能要求所以的東西都達(dá)到理想的效果吧?。?。所以，從這些優(yōu)秀的項(xiàng)目中我們確實(shí)學(xué)到了很多，而且我們還從那些不那么優(yōu)秀的作品中找出許多的不足?？偟膩碚f，我們是在項(xiàng)目中快速的成長，快速的壯大！希望我們以后的項(xiàng)目做的越來越好，能有更優(yōu)秀的項(xiàng)目出來，讓我們一起努力，把軟件做得更好！
web學(xué)習(xí)心得體會(huì)2所謂行萬里路，必先始于足下。剛開始學(xué)習(xí)WEB前端基礎(chǔ)的時(shí)候，老師說，其實(shí)你們學(xué)的這個(gè)后面真正去工作的時(shí)候可能也不是很會(huì)用到，所以就有很多人會(huì)問，既然我們都用不到，那干嘛還學(xué)呀？其實(shí)，對(duì)于一個(gè)程序員來說，你不僅要有很好的后端專業(yè)能力，你還應(yīng)當(dāng)具備一定的前端素養(yǎng)，知道一些起碼的前端知識(shí)。
來到傳智的第一個(gè)月，我們是以基礎(chǔ)為主吧，因?yàn)榇蠹业竭@里的基礎(chǔ)都不一樣，有一些本身就具備很高水準(zhǔn)的人，也有很多像自己一樣從小白開始的人，所以，對(duì)我們而言，傳智開設(shè)的這種雙元模式對(duì)我們是有很大用處的。我們從最基礎(chǔ)的開始學(xué)習(xí)，在學(xué)習(xí)HTML的時(shí)候，我們還延續(xù)著很古老和古老的表格制作網(wǎng)站，然后到后面的CSS學(xué)習(xí)，用CSS樣式去進(jìn)一步完善我們制作的網(wǎng)址，再到著一期的難點(diǎn)JS課程體系，一級(jí)最后的JQ和BOOtstrap，可以說這個(gè)過程其實(shí)也是一個(gè)循序肩頸的過程，有簡到難的過程。
首先我們回顧一下最開始我們對(duì)HTML的學(xué)習(xí)。
其實(shí)HTML的四天學(xué)習(xí)的話，重要的就是一個(gè)標(biāo)記的學(xué)習(xí)，這大概是學(xué)習(xí)一門語言最基礎(chǔ)的一部分吧。但是也不是說背一背就解決問題的，選擇IT，程序員這一方面，只要多練習(xí)，多敲代碼感覺就好了，所以熟練的使用這些標(biāo)記其實(shí)不是很大的問題，對(duì)自己來說，比較難的是一個(gè)表格和框架，也許會(huì)有人說，表格有什么難的，就行列的問題啊，但是不知道為什么，在學(xué)習(xí)的那幾天對(duì)于表格的學(xué)習(xí)和接受能力都沒有別的那么好，表格的整體框架能搭出來，但是就是對(duì)于表格的美化總做不到自己心里所預(yù)期的那樣。其實(shí)練習(xí)的話也是挺多的，對(duì)于表格的網(wǎng)頁練習(xí)做了應(yīng)該也有一二十個(gè)的，但是就是沒那么理想，所以這方面的話也是需要自己多加練習(xí)和修正的，因?yàn)楸砀竦挠锰庍€是挺大的。HTML的學(xué)習(xí)方面還有框架和表單，框架的話，就是一個(gè)網(wǎng)頁的主體了，網(wǎng)頁的大致形式基本上從你的框架結(jié)構(gòu)就可以知道的，學(xué)習(xí)框架，重要的就是網(wǎng)頁的布局如何劃分，然后利用框架的嵌套，浮動(dòng)就可以解決的，學(xué)習(xí)過程也不會(huì)是很大的難度。
想想HTML還學(xué)了些什么呢？表單！表單對(duì)前端開發(fā)來說還是挺高的，因?yàn)槲覀兡茉谝粋€(gè)網(wǎng)頁中看到很多的表單應(yīng)用。包括用戶的注冊(cè)啦，密碼驗(yàn)證啦，還有搜索欄之類的，幾乎全是表單的應(yīng)用。表單學(xué)習(xí)比較重要的地方應(yīng)該就是那十來個(gè)表單控件的應(yīng)用，這些表單控件進(jìn)一步區(qū)分的話還有就是單邊標(biāo)記和雙邊標(biāo)的的表單控件，因?yàn)楹芏鄦芜厴?biāo)記的表單，他的值一般只能是存在value當(dāng)中，如果不注意的話，很多時(shí)候我們會(huì)忘記寫上這個(gè)value。這個(gè)階段的表單感覺并不是那么難，當(dāng)然，學(xué)到后面的JS之后，相對(duì)于表單驗(yàn)證之類的才感覺難了很多。
第二部分：CSS學(xué)習(xí)
對(duì)我來說，CSS課程雖然只有三天，但是卻是更應(yīng)該學(xué)好的一個(gè)模塊。因?yàn)槲覀兌贾溃鋵?shí)一個(gè)網(wǎng)站的WEB前端，就是用加CSS來寫的，不是用之前的表格來寫的，足以見得CSS的重要性。CSS就是網(wǎng)頁樣式，一個(gè)網(wǎng)頁的整體美感，在你確定了框架之后，就看你的CSS樣式的添加了，所以一直以來都很想把CSS學(xué)好。記得CSS學(xué)習(xí)的那幾天，自己的消化還是很好的，自己去獨(dú)立完成練習(xí)的時(shí)候也是沒有太大難度的，但是不知道是為什么，到后面學(xué)習(xí)JSJQ的時(shí)候，操作CSS時(shí)居然會(huì)吧CSS和HTML弄的有點(diǎn)混淆，這一點(diǎn)一直沒做好。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)的方法來實(shí)現(xiàn)，浮動(dòng)最主要做的就是這個(gè)，唯一要記住的一點(diǎn)就是做了浮動(dòng)之后，如果他的父元素是沒有進(jìn)行匡高的設(shè)定的話，是不是要進(jìn)行清除浮動(dòng)，防止下面的操作也是有浮動(dòng)的。
第三部分：重點(diǎn)學(xué)習(xí)——JS
JS是相對(duì)于這整個(gè)月學(xué)習(xí)的重點(diǎn)吧，也是很多人沒辦法很好接觸的地方，當(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)記的過程，最重要的還是構(gòu)造函數(shù)，調(diào)用函數(shù)的過程！
第四部分：JQ及Bootstrap
對(duì)于JQ和Bootstrap的學(xué)習(xí)來說，其實(shí)就是一個(gè)應(yīng)用的過程吧，所有的函數(shù)都幫你寫好了，你只需要學(xué)會(huì)調(diào)用就好了的。當(dāng)然。調(diào)用他，其實(shí)對(duì)于JQ來說，學(xué)習(xí)的過程沒有具備很大的難度，只是嘗試著去多寫寫，寫兩三次基本就記住怎么用了。最后還有一天的Bootstrap學(xué)習(xí)，寫過一些案例，只要會(huì)改，基本沒有太大的難度。
后續(xù)：其實(shí)對(duì)于WEB前端的學(xué)習(xí)的話重要的就是多用，很多東西我們上課聽得時(shí)候其實(shí)都基本聽得懂，但是更重要的是在于你課后的練習(xí)，離開了老師的一個(gè)思維引導(dǎo)，我們?cè)撛鯓尤ネ瓿身?xiàng)目才是我們?cè)搶W(xué)會(huì)的。這一個(gè)月的學(xué)習(xí)難度系數(shù)都不是很高。但卻是一個(gè)比較繁雜的過程，因?yàn)樽鳛榍岸藖碚f，我們需要不斷的優(yōu)化，不斷的修正，美化整個(gè)頁面。不管是前端還是后端，都希望自己能好好學(xué)！
第三篇：web心得體會(huì)
Web學(xué)習(xí)心得體會(huì)
這學(xué)期接近尾聲的一個(gè)月里我們又繼續(xù)我們開學(xué)本就該學(xué)的《web應(yīng)用與技術(shù)》。在開學(xué)初，剛開始的兩節(jié)課里聽老師的介紹，感覺這門課還是很有興趣的，它不像《計(jì)算機(jī)網(wǎng)絡(luò)》那么的只是理論，又不像語言類那么的空洞，敲著代碼出來個(gè)黑框框。它運(yùn)用著語言，展現(xiàn)著生動(dòng)的畫面，只有你有想法，你很可能就會(huì)在小小的瀏覽器里實(shí)現(xiàn)呢。
這門課是理論和實(shí)踐的結(jié)合，雖然實(shí)驗(yàn)課相對(duì)來說少了點(diǎn)，每次實(shí)驗(yàn)課都會(huì)很有收獲。從一竅不通到慢慢的深入了解。其中老師起著非常大的作用，老師講課很豐富，展示例子多，并且很幽默。老師還很和藹可親。使對(duì)這門課的學(xué)習(xí)很有信心，每每實(shí)驗(yàn)課上的提問，不管簡單難易，老師總是不厭其煩的解答，實(shí)驗(yàn)課老師是最忙碌的。使我對(duì)學(xué)習(xí)這門課的信心倍增。
首先接觸的是開發(fā)運(yùn)行環(huán)境，Tomcat的配置，以及對(duì)MyEclipse的使用。不得不佩服人類的大腦，它就是個(gè)小宇宙，這些神奇的東西都是上輩的智慧結(jié)晶，我們?cè)谶\(yùn)用著這些結(jié)晶，一直為選擇計(jì)算機(jī)專業(yè)而后悔，天天對(duì)著電腦敲著代碼，今天帶著另一種眼光來看計(jì)算機(jī)，其實(shí)是很有趣的，我們?cè)谝稽c(diǎn)點(diǎn)的學(xué)習(xí)著先輩們的智慧結(jié)晶。這些神奇的軟件，它是怎么樣的應(yīng)運(yùn)而生的。實(shí)在是讓人遐想萬千，他們是怎么知道要做這些的。配置好了Tomcat，新建的web工程部署進(jìn)去就可以在瀏覽器里訪問自己編寫的html.。學(xué)習(xí)總是一個(gè)由淺到深的過程，慢慢的接觸css，javascript，servlet，jsp。由于實(shí)用以及方便性，軟件在不斷的更新，語言也在不斷的更新。很不幸的是我曾經(jīng)把jsp和javascript弄混淆了。這學(xué)期課程是很繁重的，雖然不太多，但是內(nèi)容是相當(dāng)?shù)碾y?？赡苡袝r(shí)對(duì)web的偷懶就是以忙為借口的吧。終于其它課程結(jié)束了，可以好好的學(xué)習(xí)web了。不管你學(xué)或者不學(xué)，web就在那里，不來不去。
期末web課程設(shè)計(jì)如期而至，說實(shí)話，web學(xué)的是半深半淺，考考試，做做實(shí)驗(yàn)還可以，做一個(gè)系統(tǒng)恐怕、、、、、、就這樣打開電腦好好的研究web了。好的web工程不是一兩個(gè)html，jsp就可以完成的，其實(shí)要思考，要想的很多?？鋸堻c(diǎn)說web課程設(shè)計(jì)我們可謂“衣帶漸寬終不悔，為伊消得人憔悴”。晚上做夢(mèng)還是jsp。由于開始的基礎(chǔ)不好，后期付出的代價(jià)是可想而知的，如今課程設(shè)計(jì)已經(jīng)結(jié)束，在web學(xué)習(xí)方面，收獲的比其他的要多的多，它的連接性，它的應(yīng)用性，甚至讓我想到今后是否要從事網(wǎng)頁的開發(fā)。這是我在大學(xué)里接觸的最有意義的一門學(xué)科?；ǖ臅r(shí)間最短而學(xué)習(xí)的一門學(xué)科?！盁o可奈何花落去，似曾相識(shí)燕歸來?！币恢币詠砗苄蕾p古人的這兩句詞，覺得很是雅美而深沉，每每讀來總是能觸動(dòng)心靈深處那根恍然生銹的絲弦。于這“似曾相識(shí)”的心境，經(jīng)常忍不住的斂眉沉思，心弦獨(dú)奏。閉上眼睛回想著寫過的web代碼，竟有種“似曾相識(shí)”之感。或許是老朋友了吧?？偠灾?，web學(xué)習(xí)有趣，收獲，只可意會(huì)不可言傳。
第四篇：最新web前端學(xué)習(xí)路線
最新web前端的學(xué)習(xí)路線
程序設(shè)計(jì)之道無遠(yuǎn)弗屆，御晨風(fēng)而返?！?杰佛瑞 · 詹姆士 很多前端初學(xué)者總會(huì)問以下兩個(gè)問題： 第一種一直在問：如何學(xué)習(xí)前端？
第二種總說：前端很簡單，就那么一點(diǎn)東西。
我從沒有聽到有人問：如何做一名優(yōu)秀、甚至卓越的WEB前端工程師。詳細(xì)了解成為一個(gè)優(yōu)秀的前端工程師，都需要具備哪些特質(zhì)？ 何為前端工程師
前端工程師，也叫Web前端開發(fā)工程師。他是隨著web發(fā)展，細(xì)分出來的行業(yè)。Web前端開發(fā)技術(shù)主要包括三個(gè)要素：HTML、CSS和JavaScript!
HTML 甚至不是一門語言，他僅僅是簡單的標(biāo)記語言!
CSS 只是無類型的樣式修飾語言。當(dāng)然可以勉強(qiáng)算作弱類型語言。
Javascript 的基礎(chǔ)部分相對(duì)來說不難，入手還算快。
此篇文章中就HTML、CSS、JS都有哪些區(qū)別？進(jìn)行了全面的解讀！
前端開發(fā)的入門門檻其實(shí)很低，與服務(wù)器端語言先慢后快的學(xué)習(xí)曲線相比，前端開發(fā)的學(xué)習(xí)曲線是先快后慢。也正因?yàn)槿绱?，前端開發(fā)領(lǐng)域有很多自學(xué)成“才”的同行，但大多數(shù)人都停留在會(huì)用的階段，因?yàn)楹竺娴膶W(xué)習(xí)曲線越來越陡峭，每前進(jìn)一步都很難。
現(xiàn)在市場(chǎng)很需要優(yōu)秀的、高級(jí)的前端工程師。
一方面是因?yàn)檫@是一個(gè)比較新的細(xì)分行業(yè)，而且前端程序員大都自學(xué)一部分，知識(shí)結(jié)構(gòu)不系統(tǒng);另一方面，大學(xué)里面沒有這種課程，可以加入web前端學(xué)習(xí)君羊：前面數(shù)字是五一四，中間數(shù)字是一六七，后面三位數(shù)字是六七八，將數(shù)字串聯(lián)起來，了解學(xué)習(xí)更多在學(xué)校學(xué)不到的技術(shù)干貨。如何學(xué)習(xí)前端知識(shí)
我們生活在一個(gè)充滿規(guī)則的宇宙里面。社會(huì)秩序按照規(guī)則運(yùn)行，計(jì)算機(jī)語言幾乎全部是規(guī)則的集合。計(jì)算機(jī)前輩們定義規(guī)則，規(guī)則約束我們，我們用規(guī)則控制數(shù)據(jù)。大部分時(shí)候，對(duì)數(shù)據(jù)的合理控制，來自于你對(duì)規(guī)則的掌握。
學(xué)習(xí)HTML，CSS 應(yīng)該先跟著書仔細(xì)、扎實(shí)的學(xué)一遍。然后就需要做大量的練習(xí)，做各種常規(guī)的、奇怪的、大量的布局練習(xí)來捆固、理解自己的知識(shí)。
而學(xué)習(xí)Javascript 首先要知道這門語言可以做什么，不能做什么，擅長做什么，不擅長做什么!
如果你只想當(dāng)一個(gè)普通的前端程序員，你只需要記住大部分 Javascript 函數(shù)，做一些練習(xí)就可以了。
如果你想當(dāng)深入了解Javascript，你需要了解 Javascript 的原理、機(jī)制。需要知道他們的本源，需要深刻了解 Javascript 基于對(duì)象的本質(zhì)。
還需要深刻了解瀏覽器宿主下的 Javascript 的行為、特性。
初學(xué)者全面了解JavaScript，用心讀這篇文章 掌握六大JavaScript框架，薪水就是比同級(jí)別高！
作為一個(gè)優(yōu)秀的前端工程師還需要深入了解、以及學(xué)會(huì)處理 Javascript 的這些缺陷。
優(yōu)秀的前端工程師應(yīng)具備什么條件
首先，優(yōu)秀的Web前端開發(fā)工程師要在知識(shí)體系上既要有廣度和深度!做到這兩點(diǎn)，其實(shí)很難。所以很多大公司即使出高薪也很難招聘到理想的前端開發(fā)工程師。技術(shù)非黑即白，只有對(duì)和錯(cuò)，而技巧則見仁見智。
在以前，會(huì)一點(diǎn)Photoshop和Dreamweaver的操作，就可以制作網(wǎng)頁。成為一個(gè)優(yōu)秀的前端工程師，都需要具備哪些特質(zhì)？
現(xiàn)在，只掌握這些已經(jīng)遠(yuǎn)遠(yuǎn)不夠了。無論是開發(fā)難度上，還是開發(fā)方式上，現(xiàn)在的網(wǎng)頁制作都更接近傳統(tǒng)的網(wǎng)站后臺(tái)開發(fā)，所以現(xiàn)在不再叫網(wǎng)頁制作，而是叫Web前端開發(fā)。
Web前端開發(fā)在產(chǎn)品開發(fā)環(huán)節(jié)中的作用變得越來越重要，而且需要專業(yè)的前端工程師才能做好，它的主要職能就是把網(wǎng)站的界面更好地呈現(xiàn)給用戶。
優(yōu)秀的Web前端開發(fā)工程師應(yīng)該具備快速學(xué)習(xí)能力
Web發(fā)展的很快，甚至可以說這些技術(shù)幾乎每天都在變化!如果沒有快速學(xué)習(xí)能力，就跟不上 Web發(fā)展的步伐。前端工程師必須不斷提升自己，不斷學(xué)習(xí)新技術(shù)、新模式;僅僅依靠今天的知識(shí)無法適應(yīng)未來。Web的明天與今天必將有天壤之別，而前端工程師的工作就是要搞清楚如何通過自己的Web應(yīng)用程序來體現(xiàn)這種翻天覆地的變化。
說到這里，我想起了一個(gè)大師說過的一句話：對(duì)于新手來說，新技術(shù)就是新技術(shù)。
對(duì)于一個(gè)高手來說，新技術(shù)不過是就技術(shù)的延伸。優(yōu)秀的前端工程師需要具備良好的溝通能力
因?yàn)榍岸斯こ處熤辽俣家獫M足四類客戶的需求：
1、產(chǎn)品經(jīng)理。這些是負(fù)責(zé)策劃應(yīng)用程序的一群人。他們會(huì)想出很多新鮮的、奇怪的、甚至是不可是實(shí)現(xiàn)的應(yīng)用。一般來說，產(chǎn)品經(jīng)理都追求豐富的功能。
2、UI設(shè)計(jì)師。這些人負(fù)責(zé)應(yīng)用程序的視覺設(shè)計(jì)和交互模擬。他們關(guān)心的是用戶對(duì)什么敏感、交互的一貫性以及整體的好用性。一般來說，UI設(shè)計(jì)師于流暢靚麗、但并不容易實(shí)現(xiàn)的用戶界面，而且他們經(jīng)常不滿前端工程師造成 1px 的誤差。
3、項(xiàng)目經(jīng)理。這些人負(fù)責(zé)實(shí)際地運(yùn)行和維護(hù)應(yīng)用程序。項(xiàng)目管理的主要關(guān)注點(diǎn)，無外乎正常運(yùn)行時(shí)間、應(yīng)用程序始終正常可用的時(shí)間、性能和截止日期。項(xiàng)目經(jīng)理追求的目標(biāo)往往是盡量保持事情的簡單化，以及不在升級(jí)更新時(shí)引入新問題。
4、最終用戶。指的是應(yīng)用程序的主要消費(fèi)者。盡管前端工程師不會(huì)經(jīng)常與最終用戶打交道，但他們的反饋意見至關(guān)重要。最終用戶要求最多的就是對(duì)個(gè)人有用的功能，以及競(jìng)爭(zhēng)性產(chǎn)品所具備的功能?？偨Y(jié)
要做優(yōu)秀的前端工程師，還需要繼續(xù)努力：《高性能網(wǎng)站建設(shè)指南》、《Yahoo工程師的網(wǎng)站性能優(yōu)化的建議》、“YSLOW”性能優(yōu)化建議、《網(wǎng)站重構(gòu)》、《Web開發(fā)敏捷之道》、“ jQuery 庫”、“前端框架”、“HTML5”、“CSS3” 這些都要深入研究!
萬事開頭難！如果你能到這個(gè)境界，剩下的路自己就可以走下去了。
人們常說：不想當(dāng)裁縫的司機(jī)，不是個(gè)好廚師。
在成為一個(gè)優(yōu)秀的前端工程師的道路上，充滿了汗水和辛勞，如果你對(duì)前端開發(fā)有更多的見解以及不同的意見，歡迎留言將您的見解分享給所有web前端開發(fā)愛好者。
程序設(shè)計(jì)之道無遠(yuǎn)弗屆，御晨風(fēng)而返?！?杰佛瑞 · 詹姆士 現(xiàn)在互聯(lián)網(wǎng)的大環(huán)境的發(fā)展如日中天，網(wǎng)絡(luò)已經(jīng)深入到每個(gè)人生活的的各個(gè)方面，各種項(xiàng)目層出不窮，以及各種定制化的ui風(fēng)格神馬的，PC端、手機(jī)端、mobile端，各種兼容問題真的很浪費(fèi)時(shí)間，大家在不斷的摸索中發(fā)現(xiàn)，把html+css+js這部分工作獨(dú)立出來一個(gè)新的崗位來處理。發(fā)展前景我是看好的，對(duì)于一個(gè)技術(shù)行業(yè)，我認(rèn)為首先如何提升自己的個(gè)人能力是保持行業(yè)發(fā)展的源動(dòng)力。沒有真是過硬的技術(shù)，前景發(fā)展都是免談。
那么很多情況又是這樣： 第一種一直在問：如何學(xué)習(xí)前端？
第二種總說：前端很簡單，就那么一點(diǎn)東西。
我從沒有聽到有人問：如何做一名優(yōu)秀、甚至卓越的WEB前端工程師。詳細(xì)了解成為一個(gè)優(yōu)秀的前端工程師，都需要具備哪些特質(zhì)？ 何為前端工程師
前端工程師，也叫Web前端開發(fā)工程師。他是隨著web發(fā)展，細(xì)分出來的行業(yè)。Web前端開發(fā)技術(shù)主要包括三個(gè)要素：HTML、CSS和JavaScript!
HTML 甚至不是一門語言，他僅僅是簡單的標(biāo)記語言!
CSS 只是無類型的樣式修飾語言。當(dāng)然可以勉強(qiáng)算作弱類型語言。
Javascript 的基礎(chǔ)部分相對(duì)來說不難，入手還算快。此篇文章中就HTML、CSS、JS都有哪些區(qū)別？進(jìn)行了全面的解讀！
前端開發(fā)的入門門檻其實(shí)很低，與服務(wù)器端語言先慢后快的學(xué)習(xí)曲線相比，前端開發(fā)的學(xué)習(xí)曲線是先快后慢。也正因?yàn)槿绱?，前端開發(fā)領(lǐng)域有很多自學(xué)成“才”的同行，但大多數(shù)人都停留在會(huì)用的階段，因?yàn)楹竺娴膶W(xué)習(xí)曲線越來越陡峭，每前進(jìn)一步都很難。
現(xiàn)在市場(chǎng)很需要優(yōu)秀的、高級(jí)的前端工程師。
一方面是因?yàn)檫@是一個(gè)比較新的細(xì)分行業(yè)，而且前端程序員大都自學(xué)一部分，知識(shí)結(jié)構(gòu)不系統(tǒng);另一方面，大學(xué)里面沒有這種課程，可以加入web前端學(xué)習(xí)君羊：前面數(shù)字是五一四，中間數(shù)字是一六七，后面三位數(shù)字是六七八，將數(shù)字串聯(lián)起來，了解學(xué)習(xí)更多在學(xué)校學(xué)不到的技術(shù)干貨。
如何學(xué)習(xí)前端知識(shí)
我們生活在一個(gè)充滿規(guī)則的宇宙里面。社會(huì)秩序按照規(guī)則運(yùn)行，計(jì)算機(jī)語言幾乎全部是規(guī)則的集合。計(jì)算機(jī)前輩們定義規(guī)則，規(guī)則約束我們，我們用規(guī)則控制數(shù)據(jù)。大部分時(shí)候，對(duì)數(shù)據(jù)的合理控制，來自于你對(duì)規(guī)則的掌握。
學(xué)習(xí)HTML，CSS 應(yīng)該先跟著書仔細(xì)、扎實(shí)的學(xué)一遍。然后就需要做大量的練習(xí)，做各種常規(guī)的、奇怪的、大量的布局練習(xí)來捆固、理解自己的知識(shí)。
而學(xué)習(xí)Javascript 首先要知道這門語言可以做什么，不能做什么，擅長做什么，不擅長做什么!
如果你只想當(dāng)一個(gè)普通的前端程序員，你只需要記住大部分 Javascript 函數(shù)，做一些練習(xí)就可以了。
如果你想當(dāng)深入了解Javascript，你需要了解 Javascript 的原理、機(jī)制。需要知道他們的本源，需要深刻了解 Javascript 基于對(duì)象的本質(zhì)。
還需要深刻了解瀏覽器宿主下的 Javascript 的行為、特性。初學(xué)者全面了解JavaScript，用心讀這篇文章 掌握六大JavaScript框架，薪水就是比同級(jí)別高！
作為一個(gè)優(yōu)秀的前端工程師還需要深入了解、以及學(xué)會(huì)處理 Javascript 的這些缺陷。
優(yōu)秀的前端工程師應(yīng)具備什么條件
首先，優(yōu)秀的Web前端開發(fā)工程師要在知識(shí)體系上既要有廣度和深度!做到這兩點(diǎn)，其實(shí)很難。所以很多大公司即使出高薪也很難招聘到理想的前端開發(fā)工程師。技術(shù)非黑即白，只有對(duì)和錯(cuò)，而技巧則見仁見智。
在以前，會(huì)一點(diǎn)Photoshop和Dreamweaver的操作，就可以制作網(wǎng)頁。成為一個(gè)優(yōu)秀的前端工程師，都需要具備哪些特質(zhì)？
現(xiàn)在，只掌握這些已經(jīng)遠(yuǎn)遠(yuǎn)不夠了。無論是開發(fā)難度上，還是開發(fā)方式上，現(xiàn)在的網(wǎng)頁制作都更接近傳統(tǒng)的網(wǎng)站后臺(tái)開發(fā)，所以現(xiàn)在不再叫網(wǎng)頁制作，而是叫Web前端開發(fā)。
Web前端開發(fā)在產(chǎn)品開發(fā)環(huán)節(jié)中的作用變得越來越重要，而且需要專業(yè)的前端工程師才能做好，它的主要職能就是把網(wǎng)站的界面更好地呈現(xiàn)給用戶。
優(yōu)秀的Web前端開發(fā)工程師應(yīng)該具備快速學(xué)習(xí)能力
Web發(fā)展的很快，甚至可以說這些技術(shù)幾乎每天都在變化!如果沒有快速學(xué)習(xí)能力，就跟不上 Web發(fā)展的步伐。前端工程師必須不斷提升自己，不斷學(xué)習(xí)新技術(shù)、新模式;僅僅依靠今天的知識(shí)無法適應(yīng)未來。Web的明天與今天必將有天壤之別，而前端工程師的工作就是要搞清楚如何通過自己的Web應(yīng)用程序來體現(xiàn)這種翻天覆地的變化。
說到這里，我想起了一個(gè)大師說過的一句話：對(duì)于新手來說，新技術(shù)就是新技術(shù)。
對(duì)于一個(gè)高手來說，新技術(shù)不過是就技術(shù)的延伸。優(yōu)秀的前端工程師需要具備良好的溝通能力 因?yàn)榍岸斯こ處熤辽俣家獫M足四類客戶的需求：
1、產(chǎn)品經(jīng)理。這些是負(fù)責(zé)策劃應(yīng)用程序的一群人。他們會(huì)想出很多新鮮的、奇怪的、甚至是不可是實(shí)現(xiàn)的應(yīng)用。一般來說，產(chǎn)品經(jīng)理都追求豐富的功能。
2、UI設(shè)計(jì)師。這些人負(fù)責(zé)應(yīng)用程序的視覺設(shè)計(jì)和交互模擬。他們關(guān)心的是用戶對(duì)什么敏感、交互的一貫性以及整體的好用性。一般來說，UI設(shè)計(jì)師于流暢靚麗、但并不容易實(shí)現(xiàn)的用戶界面，而且他們經(jīng)常不滿前端工程師造成 1px 的誤差。
3、項(xiàng)目經(jīng)理。這些人負(fù)責(zé)實(shí)際地運(yùn)行和維護(hù)應(yīng)用程序。項(xiàng)目管理的主要關(guān)注點(diǎn)，無外乎正常運(yùn)行時(shí)間、應(yīng)用程序始終正?？捎玫臅r(shí)間、性能和截止日期。項(xiàng)目經(jīng)理追求的目標(biāo)往往是盡量保持事情的簡單化，以及不在升級(jí)更新時(shí)引入新問題。
4、最終用戶。指的是應(yīng)用程序的主要消費(fèi)者。盡管前端工程師不會(huì)經(jīng)常與最終用戶打交道，但他們的反饋意見至關(guān)重要。最終用戶要求最多的就是對(duì)個(gè)人有用的功能，以及競(jìng)爭(zhēng)性產(chǎn)品所具備的功能。
總結(jié)
要做優(yōu)秀的前端工程師，還需要繼續(xù)努力：《高性能網(wǎng)站建設(shè)指南》、《Yahoo工程師的網(wǎng)站性能優(yōu)化的建議》、“YSLOW”性能優(yōu)化建議、《網(wǎng)站重構(gòu)》、《Web開發(fā)敏捷之道》、“ jQuery 庫”、“前端框架”、“HTML5”、“CSS3” 這些都要深入研究!
萬事開頭難！如果你能到這個(gè)境界，剩下的路自己就可以走下去了。
人們常說：不想當(dāng)裁縫的司機(jī)，不是個(gè)好廚師。
在成為一個(gè)優(yōu)秀的前端工程師的道路上，充滿了汗水和辛勞。
第五篇：web學(xué)習(xí)的方法總結(jié)
Day04：
在DTD中：attlist--屬性格式：|--枚舉-->(男|女)|--ID-->不能重復(fù)|--CDATA:取值可以為文本|--#REQUIRED: 必須有的屬性。|--#IMPLIED: 該元素可有可無。element：元素|--|--(#PCDATA)->該元素內(nèi)部包含的是文本|--CDATA：取值可以為文本|--(String)->該元素內(nèi)部包含子元素。java語言寫的一個(gè)驗(yàn)證器：[僅支持IE瀏覽器，火狐和360都不行]接口 Node [各種方法] |--NodeList|--item(int num)獲取指定角標(biāo)為num的Node對(duì)象 |--Node|--getTextContent()獲取該節(jié)點(diǎn)的文本|--getNodeType()獲取節(jié)點(diǎn)的類型，然后判斷： ==Node.ELEMENT_NODE|--getNodeName()獲取元素節(jié)點(diǎn)的名稱|--getChildNodes()獲取該節(jié)點(diǎn)的所有子節(jié)點(diǎn)然后循環(huán)遍歷遞歸此方法判斷是不是得到節(jié)點(diǎn)的類型是不是元素節(jié)點(diǎn)|--appendChild(Node newChild)將節(jié)點(diǎn)newChild添加到此節(jié)點(diǎn)的子節(jié)點(diǎn)列表的末尾，如果存在就首先移除它|--getParentNode()獲取其父類節(jié)點(diǎn)|--removeChild(Node node)刪除子節(jié)點(diǎn)|--insertBefore(Node newChild,Node refChild)在節(jié)點(diǎn)refChild之前插入節(jié)點(diǎn)newChild。也可以添加前一個(gè)null|--Attr|--Document|--getElementsByTagName(String tagName)根據(jù)標(biāo)簽名字獲取Element|--getElementById(String element)獲取指定ID的Element|--createElement(String tagName)創(chuàng)建指定類型的元素|--documentBuilder.parse(InputSource is)將給定 文件的內(nèi)容解析為一個(gè)XML文檔，并且返回一個(gè)新的DOMDocument對(duì)象。|--Element|--getAttribute(String name)通過名稱獲得屬性值
|--setAttribute(String name,String value)添加一個(gè)新屬性.若存在則改為值參考的值.此值為簡單的string【把內(nèi)存中的Document，保存XML文檔中。】 思路和過程：立馬想到使用方法：transform(Source xmlSource,Result outputTarget)[將XMLSource轉(zhuǎn)換為Result](抽象方法)transform是抽象類Transformer的方法。使用TransformerFactory.newTransformer方法獲取此類實(shí)例。抽象類TransformerFactory的靜態(tài)方法 newInstance()可以獲取TransformerFactory的新實(shí)例。然后調(diào)用newTransformer()[創(chuàng)建執(zhí)行從Source到Result的復(fù)制的新Transformer]方法返回Transform類型的對(duì)象。Day05：1，獲得sax解析器： SAXParser parser = SAXParserFactory.newInstance().newSAXParser();2，必有讀取器：[有能力就有找到工作的方法] XMLReader reader = parser.getXMLReader();3，給讀取器注冊(cè)內(nèi)容處理器reader.setContentHandle(new MyContentHandle());4，讀取xml文檔 reader.parse(“scr/book.xml”);方法：
|--SAXParserFactory|--newInstance();獲得本身的實(shí)例|--newSAXParser();獲得一個(gè)解析器的對(duì)象 |--getXMLReader();返回由此類的實(shí)現(xiàn)封裝的 XMLReader |--setContentHandler(ContentHandler handler)允許應(yīng)用程序注冊(cè)內(nèi)容事件處理程序ContentHandler是一個(gè)接口，那么就需要它的實(shí)現(xiàn)類:此處可以寫一個(gè)匿名內(nèi)部類。注意：繼承DefaultHandler，一個(gè)適配器的存在。|--測(cè)試模塊：|--assertEquals(3, result)測(cè)試的結(jié)果：預(yù)期值和結(jié)果。|--DOM4J：|--SAXReader對(duì)象的read(“src/book.xml”)方法:建立起document與xml文件之間的聯(lián)系。[注意是DOM4J的包]|--Document|--getRootElement()返回：Element。獲取根節(jié)點(diǎn)|--Element|--elements(“書”)返回：List
b，同時(shí)該對(duì)象必須有讀取器[隨帶的事情]，就是一個(gè)方法getXMLReader()。c，【任務(wù)的部分就是處理數(shù)據(jù)的部分了】---[給讀取器注冊(cè)內(nèi)容處理器]reader.setContentHandler(new MyContentHandler());d，讀取xml文檔，使用parse(“src/book.xml”);----偽代碼的出現(xiàn)---->對(duì)于思路來說簡化英語帶來的不利。使用handle方法根據(jù)接收的控制返回：接收為｛char[] ch,int start,int length｝返回一個(gè)｛new String(ch,start,length)｝ SAX解析文件的三種實(shí)現(xiàn)方式的寫法： 1，實(shí)現(xiàn)DefaultHandle類，復(fù)寫其中用到的方法。2，使用了new DefaultHandle的匿名內(nèi)部類的方法。3，使用面向?qū)ο笾蟹庋b來完成。a,寫一個(gè)javabean封裝對(duì)象。b,在DefaultHandle實(shí)現(xiàn)類中定義一個(gè)需要傳book對(duì)象的構(gòu)造方法。[導(dǎo)包]c,然后就是設(shè)計(jì)：|--開始為書便創(chuàng)建對(duì)象，|--結(jié)束為書便將書add集合中|--為-書名-作者-售價(jià)：設(shè)置元素。[將char-->string--->直接就是new String(ch,start,length)] 注釋： @Test:測(cè)試方法 @Test(expected=java.lang.ArithmeticException.class)測(cè)試異常，是否報(bào)出ArithmeticException異常 @Test(timeout=1000)測(cè)試執(zhí)行效率:運(yùn)行時(shí)間不能超過1秒鐘 @BeforeClass： 每一個(gè)測(cè)試方法開始前執(zhí)行 @AfterClass： 每一個(gè)測(cè)試方法結(jié)束后執(zhí)行DOM4J：可以使用root.element(“書”).element(“售價(jià)”)，展示了數(shù)據(jù)關(guān)系。day07：獲取cfg3.properties文件。就一個(gè)類：ResourceBundle rd = ResourceBundle.getBundle(“com.itheima.cfg3”);//這個(gè)地址是相對(duì)于安裝路徑的地址。也就是src之后的路徑。然后就是：getString(“key”)返回指定文件中對(duì)象key的value值方法： response.setStatus(320)://臨時(shí)重定向的響應(yīng)碼 response.setHeader(String header,String uri);//設(shè)置響應(yīng)頭信息。Location：uri 臨時(shí)重定向Content-Encoding：告訴客戶端的瀏覽器使用的編碼類型為gzipContent-Length:資源的字節(jié)數(shù)。ByteArrayOutputStream baos=newByteArrayOutputStream();//內(nèi)存輸出流 response.getOutputStream().write(b);//將數(shù)據(jù)打給瀏覽器day09的方法：使用out.write();里面寫的是html語言，瀏覽器會(huì)自動(dòng)解析。request.getCookies()獲取Cookie的集合。Cookie|--getValue();獲取value值？？它的name是什么？它的value是什么意思？
|--setMaxAge(Integer.MAX_VALUE);設(shè)置cookie存在的時(shí)間。為最大值。|--setpath(request.getContextPath());設(shè)置當(dāng)前應(yīng)用的地址。就是當(dāng)前的應(yīng)用名稱 Integer中的最大值2[31]-1,靜態(tài)的常量，直接使用類名調(diào)用。|--parseLong(int num)：轉(zhuǎn)換單位 |--Date date = new Date(time);創(chuàng)建一個(gè)日期對(duì)象。|--toLocaleString()當(dāng)前時(shí)間 response|--addCookie(cookie);響應(yīng)頭中增加Cookie標(biāo)識(shí)。使用的JavaBean： 1私有的各種屬性，2 get和set方法的集合。3 toString，4 一個(gè)空參的構(gòu)造方法：具體的作用是什么？5 含有各種屬性的構(gòu)造方法。|--response |--setContentType(“text/html;charset=UTF-8”);告訴瀏覽器使用UTF-8編碼瀏覽 |--setPath()；設(shè)置應(yīng)用地址 |--setContextPath();設(shè)置當(dāng)前應(yīng)用的目錄。|--一個(gè)回話會(huì)有很多個(gè)Cookie String.split(“-”);使用-為分隔符將String進(jìn)行分隔。模擬數(shù)據(jù)庫：使用的是Map集合，需求特點(diǎn)是鍵值。創(chuàng)建容器;Map
解釋是Binds an object to this session, using the name specified.。前為：name后為對(duì)象。|--invalidate();比較很，全部清除。|--removeAttribute(“cart”);根據(jù)屬性的名字清楚，指定的內(nèi)容。比較實(shí)用。|--response |--sendRedirect(request.getContextPath()+“/servlet/SessionDemo2”)//請(qǐng)求重定向 |--getWriter()；獲取字節(jié)流讀取器 |--request |--getSession(false);//單純的獲取數(shù)據(jù)當(dāng)前用戶的HttpSession對(duì)象。Map.Entry
|--removeAttribute(“user”);刪除指定的對(duì)象的內(nèi)容，這里是注銷的作用。String token = UUID.randomUUID().toString();意思是生成一個(gè)令牌：是這個(gè)類內(nèi)部封裝的一個(gè)功能，生成一個(gè)唯一的標(biāo)識(shí)。Day10
點(diǎn)擊咨詢 