更新時(shí)間:2018年11月26日10時(shí)44分 來(lái)源:傳智播客 瀏覽次數(shù):
本文主要由傳智播客的老師給大家講關(guān)于web前端開發(fā)需要了解的東西,以及web前端開發(fā)需要掌握的知識(shí)點(diǎn)。
一.了解web前端
Web前端開發(fā)是從網(wǎng)頁(yè)制作演變而來(lái)的,名稱上有很明顯的時(shí)代特征。在互聯(lián)網(wǎng)的演化進(jìn)程中,網(wǎng)頁(yè)制作是Web1.0時(shí)代產(chǎn)物,那時(shí)網(wǎng)站的主要內(nèi)容是靜態(tài)
的,用戶使用網(wǎng)站的行為也以瀏覽為主。2005年以后,互聯(lián)網(wǎng)進(jìn)入Web2.0時(shí)代,各種類似桌面軟件的Web應(yīng)用大量涌現(xiàn),網(wǎng)站的前端由此發(fā)生了翻天覆
地的變化。網(wǎng)頁(yè)不再只是承載單一的文字和圖片,各種富媒體讓網(wǎng)頁(yè)的內(nèi)容更加生動(dòng),網(wǎng)頁(yè)上軟件化的交互形式為用戶提供了更好的使用體驗(yàn),這些都是基于前端技
術(shù)實(shí)現(xiàn)的。說(shuō)得直白點(diǎn)就是美工photoshop,交互設(shè)計(jì),flash,js,html+css。就小規(guī)模公司而言,一個(gè)技術(shù)員都得會(huì)這幾樣技能,這樣
很鍛煉人的,慢慢的你就會(huì)成為公司的主力。大規(guī)模的公司把這些分得很細(xì),所以,你可以精通一門,熟悉其他的,進(jìn)軍大公司。
二.網(wǎng)頁(yè)開發(fā)工具
學(xué)習(xí)web前端開發(fā),網(wǎng)頁(yè)開發(fā)工具有FrontPage,會(huì)用 Word
的人很容易學(xué)會(huì)FrontPage。還有一個(gè)常用的是Dreamweaver。這兩種都是使用最多的HTML網(wǎng)頁(yè)制作工具,我使用的是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ù)器端語(yǔ)言先慢后
快的學(xué)習(xí)曲線相比,前端開發(fā)的學(xué)習(xí)曲線是先快后慢。所以,對(duì)于從事IT工作的人來(lái)說(shuō),前端開發(fā)是個(gè)不錯(cuò)的初入點(diǎn)。也正因?yàn)槿绱?,前端開發(fā)的領(lǐng)域有很多自學(xué)
成“才”的同行。html是最基礎(chǔ)的,現(xiàn)在流行的是html5設(shè)計(jì),先學(xué)會(huì)網(wǎng)頁(yè)布局。css是用來(lái)美化html頁(yè)面的為頁(yè)面提供布局和格式。最后再學(xué)
javascript。如果你把每天看電影、看電視劇的時(shí)間用來(lái)學(xué)習(xí),我想一個(gè)星期入門是沒(méi)有問(wèn)題的。
四.基礎(chǔ)知識(shí):
4.1. html + css。這部分建議在 www.w3school.com.cn 上學(xué)習(xí),邊學(xué)邊練,每章后還有小測(cè)試。之后可以模仿一些網(wǎng)站做些頁(yè)面。本站提供的個(gè)人博客模板www.yangqq.com/download/都是比較簡(jiǎn)單的單頁(yè),可以下載下來(lái)模仿自己做一個(gè)。理解css每個(gè)元素的屬性,樣式的實(shí)現(xiàn)不一定只有一種寫法,多想一想還有沒(méi)有什么需要改進(jìn)的地方。
《10條HTML代碼編寫技巧》
《CSS簡(jiǎn)明教程》
《Div+CSS 規(guī)則整理 以及注意問(wèn)題》
4.2、JavaScript。不是所有的網(wǎng)頁(yè)都必須有js,但是要想實(shí)現(xiàn)一些超酷的功能和界面的時(shí)候,就需要涉及到j(luò)s。如果沒(méi)有其他編程語(yǔ)言的基礎(chǔ)的話,學(xué)起來(lái)可能要費(fèi)些力,還是建議先在
w3school上學(xué)習(xí)。之后建議馬上看《javascript語(yǔ)言精粹》
《JS經(jīng)典實(shí)例》
4.3、Photoshop、flash。熟悉會(huì)一點(diǎn)兒就行了,沒(méi)必要全部都學(xué)得精通,當(dāng)然如果你在學(xué)習(xí)的過(guò)程中,發(fā)現(xiàn)你ps或者flash比較感興趣的話,也可以嘗試做美工這一行。
4.4、html5和css3??梢韵攘私庖幌拢缓笤偃胧?。畢竟IE的瀏覽器大多還不支持。
《學(xué)習(xí)Html5建站教程(一)Html5簡(jiǎn)介》
《學(xué)習(xí)Html5建站教程(二)Html5 語(yǔ)法與規(guī)則》
《學(xué)習(xí)Html5建站教程(三)Html5博客頁(yè)面設(shè)計(jì)之理論》
《學(xué)習(xí)Html5建站教程(四)用HTML5做個(gè)人的網(wǎng)站》
4.5、瀏覽器兼容。懂web標(biāo)準(zhǔn),熟練手寫 xhtml css3 并符合
符合w3c標(biāo)準(zhǔn)。代碼能兼容主流瀏覽器Firfox,Chrome、Safari、IE、Opera。雖然IE6很多都不兼容,但現(xiàn)在還使用的人還是有的。通過(guò)驗(yàn)證指定URI的CSS內(nèi)容,可以幫我們檢查一下有沒(méi)有錯(cuò)誤。
4.6、熟悉一門后臺(tái)編程語(yǔ)言 asp、php、jsp等 《關(guān)于asp、php、asp.net、jsp的學(xué)習(xí)心得、介紹及優(yōu)缺點(diǎn)比較》
五.web前端設(shè)計(jì)師前景
遇到很多想換行的朋友,第一句就問(wèn),這行賺錢嗎?我相信一句話,沒(méi)有付出,是沒(méi)有回報(bào)的!前面已經(jīng)說(shuō)過(guò)了,咱們這行門檻是很低的,所以薪資階段也不一樣。更多的可以訪問(wèn)web.itcast.cn(web前端培訓(xùn))查看web前端前景。
北京校區(qū)