新手學(xué)習(xí)web前端開發(fā)，需要學(xué)習(xí)什么

如果要學(xué)習(xí)web前端開發(fā)，需要學(xué)習(xí)什么?

遇到很多新手，都會問，如果要學(xué)習(xí)web前端開發(fā)，需要學(xué)習(xí)什么?難不難?多久能入門?怎么能快速建一個網(wǎng)站?工資能拿到多少?還有些讓我推薦一些培訓(xùn)機(jī)構(gòu)什么的要去學(xué)習(xí)。我建議是自學(xué)，實(shí)在是覺得自己沒有這個能力，確實(shí)是需要一個老師的話，那你還是自己做主找個老師吧!為什么要自學(xué)呢，現(xiàn)在的老師水平都可以說是參差不平，運(yùn)氣好，你遇到個好老師，把畢生的經(jīng)驗(yàn)和技巧都教給了你，運(yùn)氣不好，遇到個照本宣科的老師，那你的知識也會僅僅局限于教材!也許還有更糟糕的是，學(xué)到的書本知識兩年前就已經(jīng)開始有了大的變化，你并不知道關(guān)于更多的web設(shè)計(jì)這方面的知識。如果在這樣的情況下，都還不如那些閉關(guān)自學(xué)的學(xué)生。

學(xué)習(xí)最好的老師就是興趣，沒有興趣而言，這條路我相信你是走不長遠(yuǎn)的，除非你有其他比如說生活壓力，工作壓力等讓你不得不這樣堅(jiān)持下去。我剛開始接觸web網(wǎng)頁設(shè)計(jì)的時候，教材都是以table來布局的，看到插入table生成了很多標(biāo)簽代碼后，tr里面一個個td，理不清楚這個里面怎么回事。敷衍的學(xué)習(xí)了一個學(xué)期。還是沒學(xué)到什么。真正學(xué)到的還是停留在怎么新建，怎么保存。

如果你還是在校學(xué)生，那你得好好上課，大學(xué)的教材普遍來講都是知識面淺的。雖然很多知識看起來用處不大，學(xué)起來也很枯燥，讓你覺得浪費(fèi)時間。但這些書本上最基礎(chǔ)的知識你都不能掌握，那你以后怎么追求更精湛的技術(shù)呢。所以不要逃課，把基礎(chǔ)知識掌握了，別小看這個基礎(chǔ)知識，它非常重要，基礎(chǔ)扎實(shí)是否也會決定你在一個職業(yè)能走多遠(yuǎn)。

我是畢業(yè)了后從文員轉(zhuǎn)到編輯再到技術(shù)員當(dāng)然這期間工資就像是階梯一樣，雖然這差距也不是很大，都離不開那些曾經(jīng)被我遺落角落的專業(yè)課本。生活上的壓力迫使我這樣做，我知道自己要什么，當(dāng)一個文員沒有追求，感覺過著30、40歲人的生活，接電話、發(fā)email、整理報(bào)表，每個月都有白領(lǐng)的工資...浪費(fèi)的不僅僅是自己的青春，還有這大學(xué)幾年昂貴的學(xué)費(fèi)。后來就愈來愈想掌握一門技術(shù)，想去培訓(xùn)學(xué)校學(xué)習(xí)一段時間，但是現(xiàn)實(shí)是我沒有錢，閉關(guān)一個星期，重拾課本，再看看那些討厭的table，雖然out了，但是確實(shí)會發(fā)現(xiàn)很多基礎(chǔ)再基礎(chǔ)不過的東西，利用互聯(lián)網(wǎng)，不明白的就百度，作為一個過來人，我覺得我自己走了不少彎路，所以，有必要提醒你們一下，一定要明確自己的目標(biāo)，擺正自己的位置，最好掌握一門技術(shù)。

了解web前端

Web前端開發(fā)是從網(wǎng)頁制作演變而來的，名稱上有很明顯的時代特征。在互聯(lián)網(wǎng)的演化進(jìn)程中，網(wǎng)頁制作是Web1.0時代產(chǎn)物，那時網(wǎng)站的主要內(nèi)容是靜態(tài)的，用戶使用網(wǎng)站的行為也以瀏覽為主。2005年以后，互聯(lián)網(wǎng)進(jìn)入Web2.0時代，各種類似桌面軟件的Web應(yīng)用大量涌現(xiàn)，網(wǎng)站的前端由此發(fā)生了翻天覆地的變化。網(wǎng)頁不再只是承載單一的文字和圖片，各種富媒體讓網(wǎng)頁的內(nèi)容更加生動，網(wǎng)頁上軟件化的交互形式為用戶提供了更好的使用體驗(yàn)，這些都是基于前端技術(shù)實(shí)現(xiàn)的。說得直白點(diǎn)就是美工photoshop，交互設(shè)計(jì)，flash，js，html+css。就小規(guī)模公司而言，一個技術(shù)員都得會這幾樣技能，這樣很鍛煉人的，慢慢的你就會成為公司的主力。大規(guī)模的公司把這些分得很細(xì)，所以，你可以精通一門，熟悉其他的，進(jìn)軍大公司。

網(wǎng)頁開發(fā)工具

學(xué)習(xí)web前端開發(fā)，網(wǎng)頁開發(fā)工具有FrontPage，會用 Word 的人很容易學(xué)會FrontPage。還有一個常用的是Dreamweaver。這兩種都是使用最多的HTML網(wǎng)頁制作工具，我使用的是Dreamweaver cs6,因?yàn)檫@套軟件提供了一套直觀的可視界面，融合了html5一些新的內(nèi)容。包括網(wǎng)格布局什么的。

學(xué)習(xí)內(nèi)容

HTML、CSS和JavaScript。html是內(nèi)容，css是表現(xiàn)，javascript是行為。前端開發(fā)的門檻其實(shí)非常低，與服務(wù)器端語言先慢后快的學(xué)習(xí)曲線相比，前端開發(fā)的學(xué)習(xí)曲線是先快后慢。所以，對于從事IT工作的人來說，前端開發(fā)是個不錯的初入點(diǎn)。也正因?yàn)槿绱?，前端開發(fā)的領(lǐng)域有很多自學(xué)成“才”的同行。html是最基礎(chǔ)的，現(xiàn)在流行的是html5設(shè)計(jì)，先學(xué)會網(wǎng)頁布局。css是用來美化html頁面的為頁面提供布局和格式。最后再學(xué)javascript。如果你把每天看電影、看電視劇的時間用來學(xué)習(xí)，我想一個星期入門是沒有問題的。

基礎(chǔ)知識：

1. html + css。這部分建議，邊學(xué)邊練。之后可以模仿一些網(wǎng)站做些頁面。理解css每個元素的屬性，樣式的實(shí)現(xiàn)不一定只有一種寫法，多想一想還有沒有什么需要改進(jìn)的地方。

2、JavaScript。不是所有的網(wǎng)頁都必須有js，但是要想實(shí)現(xiàn)一些超酷的功能和界面的時候，就需要涉及到j(luò)s。如果沒有其他編程語言的基礎(chǔ)的話，學(xué)起來可能要費(fèi)些力，還是建議先在 w3school上學(xué)習(xí)。之后建議馬上看《javascript語言精粹》

3、Photoshop、flash。熟悉會一點(diǎn)兒就行了，沒必要全部都學(xué)得精通，當(dāng)然如果你在學(xué)習(xí)的過程中，發(fā)現(xiàn)你ps或者flash比較感興趣的話，也可以嘗試做美工這一行。

4、html5和css3?？梢韵攘私庖幌拢缓笤偃胧?。畢竟IE的瀏覽器大多還不支持。

5、瀏覽器兼容。懂web標(biāo)準(zhǔn)，熟練手寫 xhtml css3 并符合 符合w3c標(biāo)準(zhǔn)。代碼能兼容主流瀏覽器Firfox，Chrome、Safari、IE、Opera。雖然IE6很多都不兼容，但現(xiàn)在還使用的人還是有的。

6、熟悉一門后臺編程語言 asp、php、jsp等

傳智教育web前端開發(fā)就業(yè)班課程大綱

web前端設(shè)計(jì)師前景怎么樣

（1）前端語言單一，沒有其他語言競爭

前端技術(shù)生態(tài)都是建立在JavaScript基礎(chǔ)上的，JavaScript是前端工程師使用的唯一編程語言，沒有競爭對手且不會過時

（2）就業(yè)沒有行業(yè)限制

互聯(lián)網(wǎng)時代，幾乎所有行業(yè)都離不開前端技術(shù)人才，電商、物聯(lián)網(wǎng)、數(shù)據(jù)服務(wù)、教育、新零售、社交、金融、旅游、醫(yī)療和房產(chǎn)等領(lǐng)域都需要前端開發(fā)人才。

（3）崗位需求量大

職友集2020年6月就業(yè)形勢分析報(bào)告數(shù)據(jù)顯示，市場用人需求量每周新增5萬+。

（4）前端崗位薪資（近期前端開發(fā)崗位薪資：http://web.itcast.cn/#navjyxz）