網(wǎng)站前端開(kāi)發(fā)課程總結(jié)，前端開(kāi)發(fā)可以自學(xué)嗎？
Web前端工作可以分為H5開(kāi)發(fā)、小程序開(kāi)發(fā)、Web全棧開(kāi)發(fā)、網(wǎng)站制作、APP開(kāi)發(fā)等方向。Web前端自學(xué)和培訓(xùn)區(qū)別：第一點(diǎn)是學(xué)習(xí)的方式和時(shí)間安排來(lái)說(shuō)，自學(xué)主要的學(xué)習(xí)方式一般是通過(guò)線上視頻或者是看web前端相關(guān)的書(shū)籍來(lái)進(jìn)行學(xué)習(xí)，對(duì)于零基礎(chǔ)的小伙伴來(lái)說(shuō)，基本上能做的就是這里學(xué)一點(diǎn)兒，哪里學(xué)一點(diǎn)兒，沒(méi)有辦法將知識(shí)成體系的進(jìn)行學(xué)習(xí)。而且由于在家自己學(xué)習(xí)，時(shí)間安排通常也會(huì)有變化，被各種事情干擾，今天學(xué)習(xí)的知識(shí)，等下次再進(jìn)行學(xué)習(xí)的時(shí)候已經(jīng)是一兩天之后了，沒(méi)有辦法將知識(shí)點(diǎn)完全串聯(lián)起來(lái)。而培訓(xùn)機(jī)構(gòu)都是會(huì)將知識(shí)成體系的講述給個(gè)位小伙伴，并且需要大家集中時(shí)間進(jìn)行學(xué)習(xí)。第二點(diǎn)是學(xué)習(xí)的效率和實(shí)際操作，web前端怎么說(shuō)都是一個(gè)代碼的技術(shù)，并不是聽(tīng)懂了，自己就理解了，比如我們?cè)诼?tīng)視頻或者是看書(shū)的時(shí)候，聽(tīng)得時(shí)候覺(jué)得很簡(jiǎn)單，根本就是小兒科，然后不去自己上手操作。導(dǎo)致在后來(lái)自己上手實(shí)操的時(shí)候回出現(xiàn)各種各種沒(méi)有預(yù)想到的問(wèn)題。而另一點(diǎn)學(xué)習(xí)效率在家能夠保證也是比較難的，現(xiàn)在各種不同的誘惑的確是太多了，各種短視頻平臺(tái)，直播平臺(tái)，再加上沒(méi)事兒刷刷劇，學(xué)十分鐘看五分鐘手機(jī)，把學(xué)習(xí)的時(shí)間無(wú)限拉長(zhǎng)。而web前端培訓(xùn)機(jī)構(gòu)則是更加上手操作，讓大家在一起一起進(jìn)行學(xué)習(xí)，學(xué)習(xí)的氣氛也會(huì)帶動(dòng)大家更好的進(jìn)行學(xué)習(xí)。Web前端自學(xué)需具備的條件：第一點(diǎn)：最好是有一個(gè)該行業(yè)的師傅，可以指導(dǎo)自己的學(xué)習(xí)路線，那些前端知識(shí)是必須要學(xué)的，那些知識(shí)現(xiàn)在已經(jīng)沒(méi)啥用了，遇到問(wèn)題能夠?yàn)槟憬獯?，少走彎路。第二點(diǎn)：自主學(xué)習(xí)能力和規(guī)劃能力，根據(jù)自己師傅的指導(dǎo)，來(lái)確定自己需要所學(xué)的知識(shí)點(diǎn)，并能夠按照自己的真實(shí)情況來(lái)指定學(xué)習(xí)計(jì)劃，并且按照計(jì)劃進(jìn)行執(zhí)行。
最后，如果考慮培訓(xùn)前端，中公優(yōu)就業(yè)了解一下啊.....scitpeixun
你們都是怎么學(xué)web前端的？
對(duì)于我自己學(xué)習(xí)前端經(jīng)歷來(lái)講就是初期折磨，中期難受，后期得心應(yīng)手。我接觸前端比較早差不多是15年到17，在一個(gè)搞前端的同學(xué)慫恿下開(kāi)始了前端學(xué)習(xí)，由于有C語(yǔ)言基礎(chǔ)，所以適應(yīng)的比較快。現(xiàn)在回過(guò)頭來(lái)看，前端的學(xué)習(xí)還是比較簡(jiǎn)單的，從的H5的框架到CSS3的豐富，再到j(luò)s的修飾，一個(gè)簡(jiǎn)單的頁(yè)面就可以完成。對(duì)于整個(gè)學(xué)習(xí)過(guò)程和方法總結(jié)起來(lái)也比較簡(jiǎn)單的
HTML5和CSS3的學(xué)習(xí)心得
HTML和CSS是不可分割的，它們是撐起整個(gè)前端頁(yè)面的框架，在學(xué)習(xí)中也是一樣的，H5和CSS3主要由很多標(biāo)簽和選擇器構(gòu)成，所以記憶表現(xiàn)的非常重要。
不但要熟記還要熟練運(yùn)用。如何做到熟練運(yùn)用呢？那就要大量的動(dòng)手寫(xiě)代碼，要有充足代碼量作為支撐。前端內(nèi)部有一段話“每天至少五百行”，少了說(shuō)明技術(shù)在退步。熟練代碼以后還要有整體布局觀，一個(gè)頁(yè)面下來(lái)要先想好如何布局，div怎么嵌套，怎么浮動(dòng)，怎么定位等等，這些都要在學(xué)習(xí)中慢慢積累。總結(jié)起來(lái)就是多記憶，多動(dòng)手，多總結(jié)。
JavaScript的學(xué)習(xí)
JavaScript才是前端中正真意義上的編程語(yǔ)言，而H5和CSS算不上編程語(yǔ)言，只能稱為超文本標(biāo)記語(yǔ)言。既然是編程語(yǔ)言，那么學(xué)習(xí)難度肯定是比前兩種要高很多。js屬于面相對(duì)象的語(yǔ)言，它有初級(jí)和高級(jí)兩個(gè)部分，初級(jí)的相對(duì)簡(jiǎn)單主要是一些數(shù)據(jù)類型，循環(huán)，簡(jiǎn)單的函數(shù)等，還是記憶的東西比較多。但是高級(jí)的部分更多的需要理解，首先要理解的就是什么事面相對(duì)象，這種編程的思維是什么，帶著這個(gè)思維去學(xué)習(xí)后面的對(duì)象，類，繼承，傳遞等等。只要過(guò)了原生js這一關(guān)，后面的學(xué)習(xí)就簡(jiǎn)單了。
一些常用框架的學(xué)習(xí)
前端框架現(xiàn)在很多五花八門(mén)jquery，bootstrap，vue，node.js等等，但是這些都是基于js開(kāi)發(fā)出來(lái)的，所以只要熟練js后面的學(xué)習(xí)就不是問(wèn)題了。
希望能夠幫到你
學(xué)習(xí)web前端應(yīng)該學(xué)習(xí)哪些內(nèi)容呢？
仔細(xì)思考了一下如何回答好這個(gè)話題，其實(shí)前端是一個(gè)涵蓋面非常之廣泛的一個(gè)職位，所需知識(shí)體系非常龐雜，與傳統(tǒng)語(yǔ)言“想要精一行，必先通一門(mén)” 有很大差別， 前端是”想要精一行，必先通十行”。
下面我用一張圖來(lái)展示一下前端的知識(shí)體系:
圖片源自于網(wǎng)絡(luò)，侵刪。
這里面每一個(gè)logo都是前端在某些場(chǎng)景下可能用到，或者必須用到的知識(shí)體系，可以用駁雜來(lái)形容，而且前端的生態(tài)及體系還在不斷的擴(kuò)張之中。
當(dāng)然你可以跟著潮流去學(xué)習(xí)，比如現(xiàn)在主流的三大框架 VUE，REACT，ANGULA，我同樣見(jiàn)過(guò)很多半路出家的前端，入門(mén)開(kāi)始便開(kāi)始使用VUE進(jìn)行業(yè)務(wù)開(kāi)發(fā)，但是這樣的前端工程師在成長(zhǎng)的路上會(huì)受到非常多的阻礙和限制，在職業(yè)發(fā)展之中瓶頸期往往在一年左右就會(huì)到達(dá)，會(huì)存在無(wú)數(shù)個(gè)為什么，怎么解決，怎么辦，同時(shí)在這個(gè)過(guò)程之中不斷完善自己的技術(shù)棧，在痛苦和阻力中學(xué)習(xí)，稍有不慎便墜入萬(wàn)丈深淵，不是把自己的心態(tài)學(xué)習(xí)到爆炸就是抱著上墳一樣的心情去面對(duì)每天無(wú)法解決的問(wèn)題上班，所以針對(duì)于這個(gè)問(wèn)題，前端的體系我感覺(jué)非常的重要，也可以說(shuō)是前端的重中之重。如何做一個(gè)底層扎實(shí)的前端，不畏懼任何技術(shù)迭代，可以笑對(duì)日漸繁榮的前端行業(yè)，“地基”顯得尤為重要。
基礎(chǔ)篇 : HTML,CSS
1. 視頻學(xué)習(xí)
這種基礎(chǔ)課程可以說(shuō)非常的多，在網(wǎng)上跟著視頻學(xué)習(xí)，短時(shí)間之內(nèi)就可以實(shí)現(xiàn)一些非常cool的效果，但是請(qǐng)注意，如何才能有效的學(xué)習(xí)那? 如何在數(shù)量龐大的視頻中選擇我們最需要的內(nèi)容那? 這可能是我們需要關(guān)注的 :
視頻網(wǎng)站 ： 推薦慕課網(wǎng)
可以找到一些非常不錯(cuò)的免費(fèi)視頻，通過(guò)一個(gè)體系的學(xué)習(xí)對(duì)內(nèi)容有一個(gè)初步的了解，但是這類課程有一個(gè)問(wèn)題，就是很多都是華而不實(shí)的，為了保證吸引力而存在的視頻，不否認(rèn)有真東西，但是學(xué)習(xí)效果和知識(shí)體系還需要根據(jù)MDN，或者W3SCHOOL這列的文檔說(shuō)明類網(wǎng)站去補(bǔ)充，完善。
在這里補(bǔ)充一個(gè)小竅門(mén)，在神奇的某寶購(gòu)買一些培訓(xùn)機(jī)構(gòu)的隨堂視頻，這種視頻是機(jī)構(gòu)上課時(shí)候發(fā)給學(xué)生的，被很多商家收集起來(lái)，價(jià)格極其便宜，比較適合學(xué)生黨購(gòu)入，這些視頻之中的干貨可以說(shuō)還是有一些的，目前行業(yè)之中比較推薦的是千鋒H5的視頻，干貨比較多,體系非常完整。
2. 讀書(shū)
枯燥乏味的書(shū)咱們?cè)诖司筒煌扑]了，這里就推薦一本非常有意思的讓人眼前一亮且有收獲的書(shū)，張?chǎng)涡竦?lt;>，好看且干貨滿滿。
進(jìn)階篇 : javascript
也就是傳說(shuō)中的JS，這個(gè)不多說(shuō)，推薦一本書(shū)<>第三版，這個(gè)毫無(wú)爭(zhēng)議前端必學(xué)的東西，學(xué)了他之后提升飛速。
學(xué)習(xí)了這些可以說(shuō)已經(jīng)打開(kāi)了你前端世界的大門(mén)，接下來(lái)的學(xué)習(xí)選擇性很大，涉及的內(nèi)容大體是webpack，gulp，工程化等一系列的內(nèi)容，推薦找一個(gè)靠譜的在職人員給予適當(dāng)?shù)慕ㄗh和推薦。