1、第6頁(yè) 共6頁(yè)web前端學(xué)習(xí)方案共2篇web前端學(xué)習(xí)方案所謂行萬(wàn)里路，必先始于足下。剛開(kāi)場(chǎng)學(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)，知道一些起碼的前端知識(shí)。來(lái)到傳智的第一個(gè)月，我們是以根底為主吧，因?yàn)榇蠹业竭@里的根底都不一樣，有一些本身就具備很高水準(zhǔn)的人，也有很多像自己一樣從小白開(kāi)場(chǎng)的人，所以，對(duì)我們而言，傳智開(kāi)設(shè)的這種雙元形式對(duì)我們是有很大用途的。我們從最根底的開(kāi)場(chǎng)學(xué)習(xí)，在學(xué)習(xí)HTML的時(shí)候，我們還延續(xù)著很古老

2、和古老的表格制作網(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ò)程。首先我們回憶一下最開(kāi)場(chǎng)我們對(duì)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ì)于表

3、格的學(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è)的大致形式根本上從你的框架構(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)用。包括用

4、戶的注冊(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è)款

5、式，一個(gè)網(wǎng)頁(yè)的整體美感，在你確定了框架之后，就看你的CSS款式的添加了，所以一直以來(lái)都很想把CSS學(xué)好。記得CSS學(xué)習(xí)的那幾天，自己的消化還是很好的，自己去獨(dú)立完成練習(xí)的時(shí)候也是沒(méi)有太大難度的，但是不知道是為什么，到后面學(xué)習(xí)JS JQ的時(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)最主

6、要做的就是這個(gè)，唯一要記住的一點(diǎn)就是做了浮動(dòng)之后，假如他的父元素是沒(méi)有進(jìn)展匡高的設(shè)定的話，是不是要進(jìn)展去除浮動(dòng)，防止下面的操作也是有浮動(dòng)的。第三局部：重點(diǎn)學(xué)習(xí)JSJS是相對(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í)就是大量算法的集合，因

7、為很多時(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)，我

8、們?cè)撛鯓尤ネ瓿晒こ滩攀俏覀冊(cè)搶W(xué)會(huì)的。這一個(gè)月的學(xué)習(xí)難度系數(shù)都不是很高。但卻是一個(gè)比擬繁雜的過(guò)程，因?yàn)樽鳛榍岸藖?lái)說(shuō)，我們需要不斷的優(yōu)化，不斷的修正，美化整個(gè)頁(yè)面。不管是前端還是后端，都希望自己能好好學(xué)！Fightting!學(xué)習(xí)前端開(kāi)發(fā)心得這三天的課程是前端，我們從最簡(jiǎn)單的HTML講起，在學(xué)習(xí)HTML的時(shí)候，開(kāi)場(chǎng)實(shí)現(xiàn)古老的表格制作網(wǎng)站，然后到后面的CSS學(xué)習(xí)，用CSS款式去進(jìn)一步完善我們制作的網(wǎng)址，第一局部，HTML，這大概是學(xué)習(xí)一門語(yǔ)言最根底的一局部吧。HTML的學(xué)習(xí)主要是框架和表單，框架的話，就是一個(gè)網(wǎng)頁(yè)的主體了，網(wǎng)頁(yè)的大致形式根本上從你的框架構(gòu)造就可以知道的，學(xué)習(xí)框架，重要的就是網(wǎng)頁(yè)的布局如

9、何劃分，然后利用框架的嵌套，浮動(dòng)就可以解決的，學(xué)習(xí)過(guò)程也不會(huì)是很大的難度。第二局部，CSS學(xué)習(xí)，CSS就是網(wǎng)頁(yè)款式，一個(gè)網(wǎng)頁(yè)的整體美感，在你確定了框架之后，就看你的CSS款式的添加了，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)的。第三局部，JavaScript，JavaScript一種直譯式腳本語(yǔ)言，是一種動(dòng)態(tài)類型、弱類型、基于原型的語(yǔ)言，內(nèi)置支持類型。它的解釋器被稱為JavaScript