對于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)效果驚人,最重要的是持之以恒畜隶。
不要妄想通過看書掌握前端壁肋,前端是做出來的,不是看出來的代箭。
除此之外作為一名前端工程師還需要掌握哪些墩划?
一、計算機
計算機組成原理
計算機操作系統(tǒng)
數(shù)據(jù)結(jié)構(gòu)
計算機網(wǎng)絡(luò)編程
計算機網(wǎng)絡(luò)
二嗡综、切圖技能
- Ps/Ai
三乙帮、軟能力:
溝通能力
英語能力
提煉出自己的學習方法
坐得住
前端需要看哪些書?
推薦以下書:
《CSS網(wǎng)站布局實錄》
《CSS權(quán)威指南》
《HTML5與CSS3權(quán)威指南》
《JavaScript異步編程》
《圖解HTTP》
《瞬間之美:WEB界面設(shè)計如何讓用戶心動》