- 一却汉、 web1.0時(shí)代的網(wǎng)頁(yè)制作
- 二、 web2.0時(shí)代的前端開發(fā)
- 三搅轿、 Web前端能做什么？
- 四富玷、 為什么要學(xué)習(xí)前端開發(fā)
- 五璧坟、 前端開發(fā)都有哪些內(nèi)容
- 六、 開發(fā)環(huán)境
一赎懦、 web1.0時(shí)代的網(wǎng)頁(yè)制作
網(wǎng)頁(yè)制作是web1.0時(shí)代的產(chǎn)物雀鹃，那個(gè)時(shí)候的網(wǎng)頁(yè)主要是靜態(tài)網(wǎng)頁(yè)，所謂的靜態(tài)網(wǎng)頁(yè)就是沒(méi)有與用戶進(jìn)行交互而僅僅供讀者瀏覽的網(wǎng)頁(yè)励两，我們當(dāng)時(shí)稱為“牛皮癬”網(wǎng)頁(yè)黎茎。
例如一篇QQ日志、一篇博文等展示性文章当悔。在web1.0時(shí)代傅瞻，用戶能做的唯一事情就是瀏覽這個(gè)網(wǎng)站的文字圖片內(nèi)容，這時(shí)用戶也不能像現(xiàn)在在大多數(shù)網(wǎng)站都可以評(píng)論交流（缺乏交互性）盲憎。
相信可能大多數(shù)人都聽過(guò)“網(wǎng)頁(yè)三劍客 Dreamweaver+Fireworks+Flash”吧嗅骄，這個(gè)組合就是web1.0時(shí)代額產(chǎn)物
二、 web2.0時(shí)代的前端開發(fā)
“前端開發(fā)”是從“網(wǎng)頁(yè)制作”演變而來(lái)的饼疙。
從2005年開始溺森，互聯(lián)網(wǎng)進(jìn)入web 2.0時(shí)代，由單一的文字和圖片組成的靜態(tài)網(wǎng)頁(yè)已經(jīng)不能滿足用戶的需求，用戶需要更好的體驗(yàn)屏积。
在web 2.0時(shí)代医窿，網(wǎng)頁(yè)有靜態(tài)網(wǎng)頁(yè)和動(dòng)態(tài)網(wǎng)頁(yè)。
所謂動(dòng)態(tài)網(wǎng)頁(yè)炊林，就是用戶不僅僅可以瀏覽網(wǎng)頁(yè)姥卢，還可以與服務(wù)器進(jìn)行交互。舉個(gè)例子铛铁，你登陸新浪微博隔显，要輸入賬號(hào)密碼，這個(gè)時(shí)候就需要服務(wù)器對(duì)你的賬號(hào)和密碼進(jìn)行驗(yàn)證通過(guò)才行饵逐。
web2.0時(shí)代的網(wǎng)頁(yè)不僅包含炫麗的動(dòng)畫括眠、音頻和視頻，還可以讓用戶在網(wǎng)頁(yè)中進(jìn)行評(píng)論交流倍权、上傳和下載文件等（交互性）掷豺。這個(gè)時(shí)代的網(wǎng)頁(yè)，如果是用“網(wǎng)頁(yè)三劍客Dreamweaver+Fireworks+Flash”制作的薄声，那是遠(yuǎn)遠(yuǎn)不能滿足需求当船。
現(xiàn)在網(wǎng)站開發(fā)無(wú)論是開發(fā)難度，還是開發(fā)方式上默辨，都更接近傳統(tǒng)的網(wǎng)站后臺(tái)開發(fā)德频，所以現(xiàn)在不再叫“網(wǎng)頁(yè)制作”，而是叫“web前端開發(fā)”缩幸。
所以壹置，處于web2.0時(shí)代的你，如果要學(xué)習(xí)網(wǎng)站開發(fā)技術(shù)表谊，就不要再相信所謂的“網(wǎng)頁(yè)三劍客Dreamweaver+Fireworks+Flash”钞护，因?yàn)檫@個(gè)組合已經(jīng)是上個(gè)互聯(lián)網(wǎng)時(shí)代的產(chǎn)物。而且這個(gè)組合開發(fā)出來(lái)的網(wǎng)站問(wèn)題也非常多爆办，例如代碼冗余难咕、網(wǎng)站維護(hù)困難（學(xué)習(xí)到后期，你會(huì)知道為什么不用這個(gè)組合了
三距辆、 Web前端能做什么余佃？
公司官網(wǎng)（在PC通過(guò)瀏覽器來(lái)訪問(wèn)公司網(wǎng)站）移動(dòng)端網(wǎng)頁(yè)（在手機(jī)上來(lái)瀏覽公司信息、小游戲等）移動(dòng)端APP（例如：淘寶跨算、去哪兒旅游咙冗、攜程等）微信小程序（微信最新推出的功能，隨用隨裝漂彤，不占用手機(jī)空間）雾消。前端開發(fā)所學(xué)技術(shù)由簡(jiǎn)單到難灾搏，所以在很多網(wǎng)站上你會(huì)看到“七天入門前端”的視頻博客等等，也就是說(shuō)一星期就學(xué)會(huì)了HTML+CSS立润。最基本的頁(yè)面你就可以書寫了狂窑。
四、 為什么要學(xué)習(xí)前端開發(fā)
我們?yōu)槭裁匆獙W(xué)習(xí)前端開發(fā)桑腮，因?yàn)槲覀兊恼n程定位是Python全棧開發(fā)泉哈，也就是說(shuō)我們不僅要掌握后端開發(fā)的技術(shù)還要掌握一定程度的前端開發(fā)技術(shù)。 通過(guò)前面課程的學(xué)習(xí)破讨，相信大家都已經(jīng)掌握了Python基礎(chǔ)語(yǔ)法丛晦、函數(shù)、面向?qū)ο筇崽铡⒕W(wǎng)絡(luò)編程及數(shù)據(jù)庫(kù)相關(guān)的內(nèi)容烫沙。上面說(shuō)的那些內(nèi)容都是屬于后端開發(fā)范疇的，在接下來(lái)的這個(gè)章節(jié)我們將一起來(lái)學(xué)習(xí)一下前端部分的內(nèi)容隙笆，
五锌蓄、 前端開發(fā)都有哪些內(nèi)容
我們知道，用所謂的網(wǎng)頁(yè)三劍客已經(jīng)不能滿足需求了撑柔，那前端開發(fā)究竟要學(xué)習(xí)什么技術(shù)呢瘸爽？網(wǎng)頁(yè)最主要由3部分組成：結(jié)構(gòu)、表現(xiàn)和行為铅忿。網(wǎng)頁(yè)現(xiàn)在新的標(biāo)準(zhǔn)是W3C剪决，目前模式是HTML、CSS和JavaScript檀训。
（1）HTML是什么柑潦？
HTML，全稱“Hyper Text Markup Language（超文本標(biāo)記語(yǔ)言）”肢扯，簡(jiǎn)單來(lái)說(shuō)妒茬，網(wǎng)頁(yè)就是用HTML語(yǔ)言制作的担锤。HTML是一門描述性語(yǔ)言蔚晨，是一門非常容易入門的語(yǔ)言。
（2）CSS
CSS肛循，全稱“（層疊樣式表）”铭腕。以后我們?cè)趧e的地方看到“層疊樣式表”、“CSS樣式”多糠，指的就是CSS累舷。
（3）JavaScript
JavaScript是一門腳本語(yǔ)言。
HTML夹孔、CSS和JavaScript的區(qū)別 我們都知道前端技術(shù)最核心的是HTML被盈、CSS和JavaScript這三種析孽。但是這三者究竟是干嘛的呢？
“HTML是網(wǎng)頁(yè)的結(jié)構(gòu)只怎，CSS是網(wǎng)頁(yè)的外觀袜瞬，而JavaScript是頁(yè)面的行為
如果我們把前端開發(fā)的過(guò)程比喻成“建房子”，做一個(gè)網(wǎng)頁(yè)就像蓋一棟房子
1身堡、先把房子結(jié)構(gòu)建好（HTML）
2邓尤、建好房子之后給房子裝修（CSS），例如往窗戶安上窗簾贴谎、往地板鋪上漂亮的瓷磚
3汞扎、最后呢，裝修完了之后擅这，當(dāng)夜幕降臨的時(shí)候澈魄，我們要開燈（JavaScript），這樣才能看得見里面蕾哟。
六一忱、 開發(fā)環(huán)境
市面上有很多的HTML編輯器可以選擇，常見的Hbuild谭确、Sublime Text帘营、Dreamweare都可以用來(lái)開發(fā)HTML。 當(dāng)然PyCharm也支持HTML開發(fā)逐哈。
1芬迄、瀏覽器
瀏覽器在本地也能打開html文件，瀏覽器就跟解釋器一樣昂秃，從上倒下禀梳，從左到右
全球共有五大瀏覽器廠商，我們主要以chrome為主
ie
chrome
firfox
safri
presto
瀏覽器內(nèi)核不同肠骆，瀏覽器渲染引擎不同（后期考慮兼容性問(wèn)題）算途，其他瀏覽器都是使用這5款瀏覽器內(nèi)核
2、瀏覽器歷史：
世界最早瀏覽器蚀腿，網(wǎng)景瀏覽器（Netscape ）
后來(lái)它想做操作系統(tǒng)嘴瓤，動(dòng)了微軟的奶酪，微軟就想弄死他莉钙，
微軟做的也特別的絕情廓脆，微軟利用windows操作系統(tǒng)的市場(chǎng)占有率，提供了免費(fèi)瀏覽器ie,而且windows
操作系統(tǒng)里還必須有
中國(guó)最早瀏覽器ie6磁玉，國(guó)企內(nèi)就用ie6停忿，
瀏覽器不同，解析的標(biāo)簽標(biāo)準(zhǔn)不同蚊伞，微軟太霸道席赂，就不改標(biāo)準(zhǔn)吮铭，堅(jiān)持不更新，后來(lái)谷歌和火狐搶占了市場(chǎng)颅停，IE就傻逼了沐兵，目前也只有傻逼才用IE。便监。扎谎。
市場(chǎng)越發(fā)地混亂，于是w3c（萬(wàn)維網(wǎng)聯(lián)盟（World Wide Web Consortium烧董，W3C））成立毁靶，用來(lái)制定大家的統(tǒng)一標(biāo)準(zhǔn)
須知：學(xué)前端一半工作在考慮兼容性，目前html5在兼容性方面解決的比較好
3逊移、文件后綴名規(guī)范
.htm和.html擴(kuò)展名的區(qū)別
#1预吆、DOS系統(tǒng)（win95或win98）下只能支持長(zhǎng)度為3的后綴名，所以老版本的系統(tǒng)一直在用.htm后綴
#2胳泉、但在windows后綴長(zhǎng)度可以大于3位拐叉，所以windows下無(wú)所謂htm與html，html是為長(zhǎng)文件的格式命名的
#3扇商、如果文件后綴是.htm凤瘦，毫無(wú)疑問(wèn)，瀏覽器也可以兼容案铺，但推薦使用.html
好了蔬芥，說(shuō)道這里就差不多了，小白對(duì)前端開發(fā)也有了個(gè)簡(jiǎn)單的理解控汉，希望看到這篇文章的前端人都能越走越遠(yuǎn)
小編從事前端這么多年以來(lái)笔诵，也收集整理過(guò)很多的資料，刪除可惜姑子，如果有需要資料的童鞋乎婿，可以找小編獲取
獲取方式如下：掃描下圖中二維碼，在QQ群文件內(nèi)共享
資料圖如下：
