前端開發(fā)需要學習什么?

對于0基礎(chǔ)想進入這一行的朋友們來說脑融,肯定會有很多的疑惑,前端到底要學些什么內(nèi)容缘琅?學習前端到底難不難粘都?前端又是具體做些什么的?等等問題刷袍。今天我們就來詳細說說什么是前端翩隧。

到底什么叫前端?
Web 前端開發(fā)是從網(wǎng)頁制作演變而來的呻纹,互聯(lián)網(wǎng)的演變進程堆生,網(wǎng)站的前端也由此發(fā)生了翻天覆地的變化。網(wǎng)頁不再只是承載單一的文字和圖片居暖,各種富媒體讓網(wǎng)頁的內(nèi)容更加生動顽频,網(wǎng)頁上軟件化的交互形式為用戶提供了更好的使用體驗,這些都是基于前端技術(shù)實現(xiàn)的太闺。無論是開發(fā)難度上糯景,還是開發(fā)方式上,現(xiàn)在的網(wǎng)頁制作都更接近傳統(tǒng)的網(wǎng)站后臺開發(fā)省骂,所以現(xiàn)在不再叫網(wǎng)頁制作蟀淮,而是叫Web前端開發(fā)。

簡單來說:
前:代表與人直接展示的部分钞澳,包括界面與用戶的交互等
端:代表輸出終端怠惶,如pc瀏覽器,手機瀏覽器轧粟,和有的app策治、應(yīng)用程序等
合起來的意思也就是這些瀏覽器,app兰吟,應(yīng)用程序的界面展現(xiàn)以及用戶交互就是前端

前端的主要職能:把網(wǎng)頁界面更好的呈現(xiàn)給用戶通惫,與后端相比更加注重頁面性能與用戶體驗。

前端工程師主要做什么混蔼?
前端工程師主要利用HMTL與CSS建構(gòu)頁面履腋,用JavaScript完善交互以及用戶體驗〔严互動效果包括遵湖,彈出層,頁簽切換晚吞,圖片滾動延旧,ajax異步互動等。

前端開發(fā)要學哪些內(nèi)容槽地?
Web三項組成:結(jié)構(gòu)垄潮、表現(xiàn)烹卒、行為
前端人員遵守的第一原則:“結(jié)構(gòu)與表現(xiàn)分離”
結(jié)構(gòu)標準(HTML、XHTML弯洗、XML)

  • HTML:超文本標記語言
  • XML: 可擴展標記語言
  • XHTML:可擴展超文本標記語言

表現(xiàn)標準(CSS)
行為標準(JavaScript)

HTML:掌握HTML是網(wǎng)頁的核心旅急,web應(yīng)用的基石
這種語言是目前web領(lǐng)域應(yīng)用最廣泛的語言,我們只需要在html文檔中插入對應(yīng)的標簽牡整,即可實現(xiàn)web頁面的編寫與排列藐吮。

CSS:程序員的畫筆,實現(xiàn)網(wǎng)頁外觀的重要一點逃贝,可以將網(wǎng)頁外觀做得更加美觀谣辞。
可以為html標簽自定義樣式,通過設(shè)置html標簽的樣式沐扳,來改變其外觀泥从,達到美化與排版web頁面的目地。
JavaScript:實現(xiàn)網(wǎng)頁實時的沪摄、動態(tài)的躯嫉、可交互式的表達能力。
作為一種網(wǎng)頁腳本語言杨拐,它可以在html中運行祈餐,設(shè)置并修改瀏覽器中的對象與變量。

學習HTML哄陶,CSS首先應(yīng)該跟著書帆阳,資料進行基礎(chǔ)系統(tǒng)的學一遍。作為前端屋吨,html+css蜒谤,是基礎(chǔ)中的基礎(chǔ)。只有先把基礎(chǔ)學扎實了至扰,再來談余下的鳍徽。理論知識學透了,就要開始來進行實戰(zhàn)演練渊胸,只有大量的練習旬盯,做各種各樣的布局練習來鞏固自己所學的理論知識台妆,將理論得到實現(xiàn)翎猛。

而學習JavaScript,首先我們要對他有個基本的了解接剩,梳理Js的只是結(jié)構(gòu)切厘,知道這門語言能做什么,不能做什么懊缺。記住大部分JavaScript的函數(shù)疫稿,知道如何實現(xiàn)培他,并多加練習,花大量的時間在瀏覽器控制臺上寫代碼遗座,測試if-else語句舀凛,數(shù)組,函數(shù)等途蒋。

建議在www.f-z.cn進行學習猛遍,邊學邊練。入門教程學習完后号坡,可以直接在訓練營進行實戰(zhàn)懊烤。

學習過程中,你要鍛煉和掌握大力寫代碼宽堆,持續(xù)地練習下去腌紧,每次一點點的進步積累起來你會發(fā)現(xiàn)效果驚人,最重要的是持之以恒畜隶。

不要妄想通過看書掌握前端壁肋,前端是做出來的,不是看出來的代箭。

除此之外作為一名前端工程師還需要掌握哪些墩划?

一、計算機

  1. 計算機組成原理

  2. 計算機操作系統(tǒng)

  3. 數(shù)據(jù)結(jié)構(gòu)

  4. 計算機網(wǎng)絡(luò)編程

  5. 計算機網(wǎng)絡(luò)

二嗡综、切圖技能

  1. Ps/Ai

三乙帮、軟能力:

  1. 溝通能力

  2. 英語能力

  3. 提煉出自己的學習方法

  4. 坐得住

前端需要看哪些書?

推薦以下書:

《CSS網(wǎng)站布局實錄》

《CSS權(quán)威指南》

《HTML5與CSS3權(quán)威指南》

《JavaScript異步編程》

《圖解HTTP》

《瞬間之美:WEB界面設(shè)計如何讓用戶心動》

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末极景,一起剝皮案震驚了整個濱河市察净,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌盼樟,老刑警劉巖氢卡,帶你破解...
    沈念sama閱讀 211,290評論 6 491
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異晨缴,居然都是意外死亡译秦,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,107評論 2 385
  • 文/潘曉璐 我一進店門击碗,熙熙樓的掌柜王于貴愁眉苦臉地迎上來筑悴,“玉大人,你說我怎么就攤上這事稍途「罅撸” “怎么了?”我有些...
    開封第一講書人閱讀 156,872評論 0 347
  • 文/不壞的土叔 我叫張陵械拍,是天一觀的道長突勇。 經(jīng)常有香客問我装盯,道長,這世上最難降的妖魔是什么甲馋? 我笑而不...
    開封第一講書人閱讀 56,415評論 1 283
  • 正文 為了忘掉前任埂奈,我火速辦了婚禮,結(jié)果婚禮上定躏,老公的妹妹穿的比我還像新娘挥转。我一直安慰自己,他們只是感情好共屈,可當我...
    茶點故事閱讀 65,453評論 6 385
  • 文/花漫 我一把揭開白布绑谣。 她就那樣靜靜地躺著,像睡著了一般拗引。 火紅的嫁衣襯著肌膚如雪借宵。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,784評論 1 290
  • 那天矾削,我揣著相機與錄音壤玫,去河邊找鬼。 笑死哼凯,一個胖子當著我的面吹牛欲间,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播断部,決...
    沈念sama閱讀 38,927評論 3 406
  • 文/蒼蘭香墨 我猛地睜開眼猎贴,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了蝴光?” 一聲冷哼從身側(cè)響起她渴,我...
    開封第一講書人閱讀 37,691評論 0 266
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎蔑祟,沒想到半個月后趁耗,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 44,137評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡疆虚,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,472評論 2 326
  • 正文 我和宋清朗相戀三年苛败,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片径簿。...
    茶點故事閱讀 38,622評論 1 340
  • 序言:一個原本活蹦亂跳的男人離奇死亡罢屈,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出牍帚,到底是詐尸還是另有隱情儡遮,我是刑警寧澤乳蛾,帶...
    沈念sama閱讀 34,289評論 4 329
  • 正文 年R本政府宣布暗赶,位于F島的核電站鄙币,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏蹂随。R本人自食惡果不足惜十嘿,卻給世界環(huán)境...
    茶點故事閱讀 39,887評論 3 312
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望岳锁。 院中可真熱鬧绩衷,春花似錦、人聲如沸激率。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,741評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽乒躺。三九已至招盲,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間嘉冒,已是汗流浹背曹货。 一陣腳步聲響...
    開封第一講書人閱讀 31,977評論 1 265
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留讳推,地道東北人顶籽。 一個月前我還...
    沈念sama閱讀 46,316評論 2 360
  • 正文 我出身青樓,卻偏偏與公主長得像银觅,于是被迫代替她去往敵國和親礼饱。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 43,490評論 2 348

推薦閱讀更多精彩內(nèi)容