前端開(kāi)發(fā)是創(chuàng)建Web頁(yè)面或app等前端界面呈現(xiàn)給用戶(hù)的過(guò)程，通過(guò)HTML，CSS及JavaScript以及衍生出來(lái)的各種技術(shù)、框架、解決方案，來(lái)實(shí)現(xiàn)互聯(lián)網(wǎng)產(chǎn)品的用戶(hù)界面交互 [1] 。它從網(wǎng)頁(yè)制作演變而來(lái)，名稱(chēng)上有很明顯的時(shí)代特征。在互聯(lián)網(wǎng)的演化進(jìn)程中，網(wǎng)頁(yè)制作是Web1.0時(shí)代的產(chǎn)物，早期網(wǎng)站主要內(nèi)容都是靜態(tài)，以圖片和文字為主，用戶(hù)使用網(wǎng)站的行為也以瀏覽為主。隨著互聯(lián)網(wǎng)技術(shù)的發(fā)展和HTML5、CSS3的應(yīng)用，現(xiàn)代網(wǎng)頁(yè)更加美觀，交互效果顯著，功能更加強(qiáng)大。 移動(dòng)互聯(lián)網(wǎng)帶來(lái)了大量高性能的移動(dòng)終端設(shè)備以及快速的無(wú)線網(wǎng)絡(luò)，HTML5，

node.jS

的廣泛應(yīng)用，各類(lèi)框架類(lèi)庫(kù)層出不窮。

核心技術(shù)編輯HTML語(yǔ)言掌握HTML是網(wǎng)頁(yè)的核心，是一種制作萬(wàn)維網(wǎng)頁(yè)面的標(biāo)準(zhǔn)語(yǔ)言，是萬(wàn)維網(wǎng)瀏覽器使用的一種語(yǔ)言，它消除了不同計(jì)算機(jī)之間信息交流的障礙。因此，它是網(wǎng)絡(luò)上應(yīng)用最為廣泛的語(yǔ)言，也是構(gòu)成網(wǎng)頁(yè)文檔的主要語(yǔ)言，學(xué)好HTML是成為Web開(kāi)發(fā)人員的基本條件。HTML是一種標(biāo)記語(yǔ)言，能夠?qū)崿F(xiàn)Web頁(yè)面并在瀏覽器中顯示。HTML5作為HTML的最新版本，引入了多項(xiàng)新技術(shù)，大大增強(qiáng)了對(duì)于應(yīng)用的支持能力，使得Web技術(shù)不再局限于呈現(xiàn)網(wǎng)頁(yè)內(nèi)容。隨著CSS、JavaScript、Flash等技術(shù)的發(fā)展，Web對(duì)于應(yīng)用的處理能力逐漸增強(qiáng)，用戶(hù)瀏覽網(wǎng)頁(yè)的體驗(yàn)已經(jīng)有了較大的改善。不過(guò)HTML5中的幾項(xiàng)新技術(shù)實(shí)現(xiàn)了質(zhì)的突破，使得Web技術(shù)首次被認(rèn)為能夠接近于本地原生應(yīng)用技術(shù)，開(kāi)發(fā)Web應(yīng)用真正成為開(kāi)發(fā)者的一個(gè)選擇。HTML5可以使開(kāi)發(fā)者的工作大大簡(jiǎn)化，理論上單次開(kāi)發(fā)就可以在不同平臺(tái)借助瀏覽器運(yùn)行，降低開(kāi)發(fā)的成本，這也是產(chǎn)業(yè)界普遍認(rèn)為HTML5技術(shù)的主要優(yōu)點(diǎn)之一。AppMobi、摩托羅拉、Sencha、Appcelerator等公司均已推出了較為成熟的開(kāi)發(fā)工具，支持HTML5應(yīng)用的發(fā)展。 [3] CSS學(xué)好CSS是網(wǎng)頁(yè)外觀的重要一點(diǎn)，CSS可以幫助把網(wǎng)頁(yè)外觀做得更加美觀。JavaScript學(xué)習(xí)JavaScript的基本語(yǔ)法，以及如何使用JavaScript編程將會(huì)提高開(kāi)發(fā)人員的個(gè)人技能。操作系統(tǒng)了解Unix和Linux的基本知識(shí)，對(duì)于開(kāi)發(fā)人員有益無(wú)害。網(wǎng)絡(luò)服務(wù)器了解Web服務(wù)器，包括對(duì)Apache的基本配置，htaccess配置技巧的掌握等。　　優(yōu)化編輯

1. 盡量減少HTTP請(qǐng)求 (Make Fewer HTTP Requests)
2. 減少DNS 查找 (Reduce DNS Lookups)
3. 避免重定向 (Avoid Redirects)
4. 使得 Ajax 可緩存 (Make Ajax Cacheable)
5. 延遲載入組件 (Post-load Components)
6. 預(yù)載入組件 (Preload Components)
7. 減少DOM元素?cái)?shù)量 (Reduce the Number of DOM Elements)
8. 切分組件到多個(gè)域 (Split Components Across Domains)
9. 最小化iframe的數(shù)量 (Minimize the Number of iframes)
10. 杜絕 http404錯(cuò)誤 (No 404s)

以上10條涵蓋了Web前端開(kāi)發(fā)中遇到的各種頁(yè)面處理技術(shù)，讓前端開(kāi)發(fā)人員能夠準(zhǔn)確和快速地把握整個(gè)網(wǎng)頁(yè)的架構(gòu)，從而達(dá)到減少開(kāi)發(fā)成本和頁(yè)面美化目的。前端框架編輯學(xué)好Web框架熟悉掌握HTML、服務(wù)器端腳本語(yǔ)言、CSS和JavaScript之后，學(xué)習(xí)Web框架可以加快Web開(kāi)發(fā)速度，節(jié)約時(shí)間。PHP程序員可選的框架包括CakePHP、CodeIgniter、Zend等，Python程序員喜歡使用Django和 webpy，Ruby程序員常用RoR。隨著Web 越來(lái)越規(guī)范和標(biāo)準(zhǔn)的統(tǒng)一，Web組件化技術(shù)不斷革新，移動(dòng)端開(kāi)發(fā)不斷升華，以下是一些常見(jiàn)開(kāi)源前端框架：Bootstrap主流框架之一，Bootstrap 是基于 HTML、CSS、JavaScript的，它簡(jiǎn)潔靈活，使得 Web 開(kāi)發(fā)更加快捷。html5-boilerplate該框架可以快速構(gòu)建健壯，且適應(yīng)力強(qiáng)的web app或網(wǎng)站。MeteorMeteor是新一代的開(kāi)發(fā)即時(shí)web應(yīng)用的開(kāi)源框架，它能在較短時(shí)間內(nèi)完成開(kāi)發(fā)。Semantic UI基于自然語(yǔ)言有效原則的UI組件框架Foundation優(yōu)秀的響應(yīng)式前端框架Materialize基于材料設(shè)計(jì)的現(xiàn)代化響應(yīng)式前端框架。可提供默認(rèn)的樣式，自定義組件。此外，Materialize還改進(jìn)動(dòng)畫(huà)和過(guò)渡，為開(kāi)發(fā)人員提供流暢的體驗(yàn)。Pure幾乎可以在每一個(gè)web項(xiàng)目中使用的一組小的和響應(yīng)式的CSS模塊。VueVue.js 是用于構(gòu)建交互式的 Web 界面的庫(kù)。它提供了 MVVM 數(shù)據(jù)綁定和一個(gè)可組合的組件系統(tǒng)，具有簡(jiǎn)單、靈活的 API。SkeletonSkeleton 是一個(gè)小的 JS 和 CSS 文件的集合,可快速開(kāi)發(fā)漂亮的網(wǎng)站,適合各種屏幕設(shè)備包括手機(jī)。Skeleton 基于 960 grid 開(kāi)發(fā)。它是一個(gè) UI 框架。Amaze UI國(guó)內(nèi)首個(gè)開(kāi)源HTML5跨屏前端框架產(chǎn)品系列，中文排版支持更優(yōu)、本土化組件豐富。該產(chǎn)品系列中有專(zhuān)門(mén)針對(duì)移動(dòng)端的HTML5混合應(yīng)用開(kāi)發(fā)框架Amaze UI Touch以及針對(duì)跨屏HTML5網(wǎng)頁(yè)開(kāi)發(fā)的Amaze UI Web。其中，Amaze UI Touch可以幫助開(kāi)發(fā)者通過(guò)豐富的組件，快速構(gòu)建出與原生APP相媲美的專(zhuān)屬移動(dòng)端的HTML5應(yīng)用。UIkit一個(gè)輕量級(jí)的和模塊化的前端框架,用于快速開(kāi)發(fā)和功能強(qiáng)大的web接口。YuiYahoo! UI Library (YUI) 是一個(gè)開(kāi)放源代碼的 JavaScript 函數(shù)庫(kù)，為了能建立一個(gè)高互動(dòng)的網(wǎng)頁(yè)，它采用了AJAX, DHTML 和 DOM 等程式碼技術(shù)。它也包含了許多 CSS 資源。使用授權(quán)為 BSD許可證。kissy一款跨終端、模塊化、高性能、使用簡(jiǎn)單的 JavaScript 框架。MUI最接近原生App體驗(yàn)的前端框架的框架。Arale一個(gè)開(kāi)放、簡(jiǎn)單、易用的前端基礎(chǔ)類(lèi)庫(kù)。JXJX 是模塊化的非侵入式Web前端框架，特別適合構(gòu)建和組織大規(guī)模、工業(yè)級(jí)的Web App。GMUGMU是基于zepto的mobile UI組件庫(kù)，提供webapp、pad端簡(jiǎn)單易用的UI組件! Web App。ZUI開(kāi)源HTML5前端框架Clouda Touch.jsTouch.js是移動(dòng)設(shè)備上的手勢(shì)識(shí)別與事件庫(kù),也是在百度內(nèi)部廣泛使用的開(kāi)發(fā)。 [4]

至于學(xué)習(xí)難度，不是很難，只要學(xué)肯定是能學(xué)會(huì)的??！現(xiàn)在網(wǎng)絡(luò)很發(fā)達(dá)，網(wǎng)上有許多學(xué)習(xí)前端的網(wǎng)站像w3c ... 加油?。?！

Web前端開(kāi)發(fā)是種網(wǎng)頁(yè)制作發(fā)展而來(lái)的，在web1.0的階段主要是進(jìn)行網(wǎng)頁(yè)制作，那時(shí)網(wǎng)站的主要內(nèi)容都是靜態(tài)的，用戶(hù)使用網(wǎng)站的行為也以瀏覽為主。到了web2.0 的時(shí)代各種類(lèi)似桌面軟件的Web應(yīng)用大量涌現(xiàn)，網(wǎng)站的前端由此發(fā)生了翻天覆地的變化。網(wǎng)頁(yè)不再是單一的靜態(tài)，而是在網(wǎng)頁(yè)上逐漸形成交互形式為用戶(hù)提供了更好的使用體驗(yàn)。

所以，現(xiàn)在的web前端開(kāi)發(fā)包含面很廣，要學(xué)的東西也很多。簡(jiǎn)單點(diǎn)來(lái)說(shuō)，現(xiàn)在web前端開(kāi)發(fā)就是做軟件開(kāi)發(fā)、微信小程序 、網(wǎng)頁(yè)設(shè)計(jì)、網(wǎng)站建設(shè)、APP開(kāi)發(fā)、游戲開(kāi)發(fā)等方面的內(nèi)容。

web前端難學(xué)嗎？

其實(shí)，在編程學(xué)習(xí)種web是相對(duì)比較簡(jiǎn)單的，也是前期比較容易入門(mén)的學(xué)科，只要是用心去學(xué)習(xí)的話基本上是沒(méi)有什么問(wèn)題的。

2020年web前端學(xué)習(xí)線路圖：

想學(xué)習(xí)web前端開(kāi)發(fā)這門(mén)課程，首先肯定是要了解web前端是做什么的？有什么樣的功能，我們才能更好地學(xué)好這門(mén)課程。

web前端對(duì)于網(wǎng)站來(lái)說(shuō)，通常是指，網(wǎng)站的前臺(tái)部分包括網(wǎng)站的表現(xiàn)層和結(jié)構(gòu)層。因此前端技術(shù)一般分為前端設(shè)計(jì)和前端開(kāi)發(fā)，前端設(shè)計(jì)一般可以理解為網(wǎng)站的視覺(jué)設(shè)計(jì)，前端開(kāi)發(fā)則是網(wǎng)站的前臺(tái)代碼實(shí)現(xiàn)，包括基本的HTML和CSS以及Java/ajax，現(xiàn)在新的高級(jí)版本HTML5、CSS3，以及SVG等。

那么如果你想學(xué)好web前端必須學(xué)會(huì)的3個(gè)基礎(chǔ)技能：HTML、CSS、Java.這三個(gè)是前端開(kāi)發(fā)中基本也是必須的三個(gè)技能。

在前端的開(kāi)發(fā)中，在頁(yè)面的布局時(shí)，HTML將元素進(jìn)行定義，CSS對(duì)展示的元素進(jìn)行定位，再通過(guò)Java實(shí)現(xiàn)相應(yīng)的效果和交互。雖然表面看起來(lái)很簡(jiǎn)單，但這里面需要掌握的東西絕對(duì)不少。在進(jìn)行開(kāi)發(fā)前，需要對(duì)這些概念弄清楚、弄明白，這樣在開(kāi)發(fā)的過(guò)程中才會(huì)得心應(yīng)手。

如今web前端開(kāi)發(fā)工程師是一個(gè)非常新的職業(yè)，是從事Web前端開(kāi)發(fā)工作的工程師。主要進(jìn)行網(wǎng)站開(kāi)發(fā)，優(yōu)化，完善的工作。網(wǎng)頁(yè)制作是Web 1.0時(shí)代的產(chǎn)物，那時(shí)網(wǎng)站的主要內(nèi)容都是靜態(tài)的，用戶(hù)使用網(wǎng)站的行為也以瀏覽為主。

一位好的Web前端開(kāi)發(fā)工程師在知識(shí)體系上既要有廣度，又要有深度，所以很多大公司即使出高薪也很難招聘到理想的前端開(kāi)發(fā)工程師?，F(xiàn)在說(shuō)的重點(diǎn)不在于講解技術(shù)，而是更側(cè)重于對(duì)技巧的講解。技術(shù)非黑即白，只有對(duì)和錯(cuò)，而技巧則見(jiàn)仁見(jiàn)智。以前會(huì)Photoshop和Dreamweaver就可以制作網(wǎng)頁(yè)，現(xiàn)在只掌握這些已經(jīng)遠(yuǎn)遠(yuǎn)不夠了。

如今無(wú)論是開(kāi)發(fā)難度上，還是開(kāi)發(fā)方式上，現(xiàn)在的網(wǎng)頁(yè)制作都更接近傳統(tǒng)的網(wǎng)站后臺(tái)開(kāi)發(fā)，所以現(xiàn)在不再叫網(wǎng)頁(yè)制作，而是叫Web前端開(kāi)發(fā)。Web前端開(kāi)發(fā)在產(chǎn)品開(kāi)發(fā)環(huán)節(jié)中的作用變得越來(lái)越重要，而且需要專(zhuān)業(yè)的前端工程師才能做好，這方面的專(zhuān)業(yè)人才近兩年來(lái)備受青睞。Web前端開(kāi)發(fā)是一項(xiàng)非常特殊的工作，涵蓋的知識(shí)面非常廣，既有具體的技術(shù)，又有抽象的理念。簡(jiǎn)單地說(shuō)，它的主要職能就是把網(wǎng)站的界面更好地呈現(xiàn)給用戶(hù)。

如果你對(duì)web前端開(kāi)發(fā)感興趣，也想更多地了解web前端可以干什么，就歡迎你來(lái)賽誠(chéng)科技試聽(tīng)web開(kāi)發(fā)課程，這里有專(zhuān)業(yè)的老師為你講解。相信在試聽(tīng)課程之后，你對(duì)web前端會(huì)有不一樣認(rèn)知。

簡(jiǎn)單的說(shuō)就是做頁(yè)面的，包括但不限于網(wǎng)站、手機(jī)APP、小程序等。Web前端就是將這些頁(yè)面制作展現(xiàn)出來(lái)。

Web前端難不難學(xué)，需要根據(jù)個(gè)人來(lái)分析。學(xué)歷及專(zhuān)業(yè)、自制力、邏輯思維能力、自主學(xué)習(xí)能力等，需要從這幾項(xiàng)來(lái)判斷最終學(xué)習(xí)的結(jié)果，因?yàn)檫€需要考慮到就業(yè)問(wèn)題。如果是有計(jì)算機(jī)基礎(chǔ)的人，并且自主學(xué)習(xí)能力強(qiáng)，那學(xué)習(xí)起來(lái)是不難的。

web前端主要做網(wǎng)站的ui設(shè)計(jì)，如果做簡(jiǎn)單的設(shè)計(jì)只需要學(xué)習(xí)html和js，就能完成簡(jiǎn)單ui,比較容易，后期建議你學(xué)一個(gè)前端js.框架，推薦學(xué)習(xí)vue,現(xiàn)在企業(yè)用的比較多

階段一（HTML&CSS基礎(chǔ)）

HTML：html語(yǔ)義化，html常用標(biāo)簽及其語(yǔ)義，html5新特性和新增常用標(biāo)簽

CSS：css語(yǔ)法、選擇器，定位、浮動(dòng)、盒子模型，css3新增選擇器及其屬性，變形、過(guò)濾、動(dòng)畫(huà)

Photoshop：基本應(yīng)用，把psd圖轉(zhuǎn)為靜態(tài)頁(yè)面

規(guī)范：樣式和結(jié)構(gòu)分離，制作符合w3c標(biāo)準(zhǔn)的頁(yè)面，添加注釋?zhuān)?guī)范縮進(jìn)

階段二（前端基本功）

javaScript基礎(chǔ)：基本語(yǔ)法，算法基礎(chǔ)，常用數(shù)據(jù)結(jié)構(gòu)，編程規(guī)范，內(nèi)置對(duì)象常用方法，對(duì)象的創(chuàng)建方式和this用法

javaScript API：BOM操作，DOM操作，特效實(shí)現(xiàn)、頁(yè)面布局，事件處理、瀏覽器兼容處理

JavaScript高級(jí)：面向?qū)ο笏枷?，?duì)象，json、閉包、原型、作用域鏈，函數(shù)的調(diào)用方式及this指向，正則表達(dá)式、面向?qū)ο罄碚摷皩?shí)踐

jqurey：優(yōu)勢(shì)，選擇器，動(dòng)畫(huà)，鏈?zhǔn)骄幊碳半[式迭代，插件使用和制作

模塊化：概念，演變過(guò)程，設(shè)計(jì)規(guī)范，RequireJS

階段三（移動(dòng)WEB開(kāi)發(fā)初級(jí)）

HTML5&CSS3：多媒體、音頻視頻播放，DOM擴(kuò)展、自定義屬性、HTML5data，地理定位、文件讀取、元素拖拽、多媒體加強(qiáng)，應(yīng)用緩存、歷史管理、web存儲(chǔ)，CSS3選擇器、新屬性、2d轉(zhuǎn)換、3d轉(zhuǎn)換、動(dòng)畫(huà)

canvas：繪圖命令、非零環(huán)繞原則，繪制形狀、文字、圖片，平移、縮放、旋轉(zhuǎn)變換，ECharts數(shù)據(jù)報(bào)表

Git：命令行、基本使用、對(duì)比文件差異、還原、合并，回滾操作、遠(yuǎn)程倉(cāng)庫(kù)操作、GitHub創(chuàng)建遠(yuǎn)程倉(cāng)庫(kù)，github創(chuàng)建遠(yuǎn)程私有倉(cāng)庫(kù)、github和gitlab的區(qū)別，生成ssh key并添加到github和gitlab上

階段四（移動(dòng)WEB開(kāi)發(fā)高級(jí)）

bootstrap：概述，柵格系統(tǒng)，排版、表格、表單、按鈕，圖片、響應(yīng)式工具，組件使用

移動(dòng)web：移動(dòng)端屏幕介紹、瀏覽器介紹、操作系統(tǒng)介紹，chrome模擬調(diào)試、真機(jī)調(diào)試、viewport、rem、主流適配方案，手勢(shì)封裝、mvc、常用指令、雙向綁定和單項(xiàng)綁定

angularjs：模塊、控制器、$watch、自定義指令、jqLite、過(guò)濾器，格式化過(guò)濾、數(shù)據(jù)過(guò)濾、服務(wù)$http、前端路由、http攔截器

css框架：通過(guò)bootstrap完成響應(yīng)式開(kāi)發(fā)，了解常見(jiàn)的移動(dòng)端UI框架

web前段主要是來(lái)做頁(yè)面的，也就是通俗的說(shuō)是網(wǎng)頁(yè)，難度是有的，但是只要認(rèn)真按照路線學(xué)習(xí)，也是不難學(xué)的，學(xué)習(xí)路線如下：

1、html5、css3、javascript是學(xué)習(xí)前端的最基礎(chǔ)，一定要下功夫把基礎(chǔ)打牢固。

2、在學(xué)好基礎(chǔ)的情況下學(xué)習(xí)ajax異步通信和json數(shù)據(jù)交換技術(shù)等。

3、在上述基礎(chǔ)上繼續(xù)學(xué)習(xí)jquery、bootstrap、vue等框架，避免重復(fù)造輪子，開(kāi)發(fā)前端時(shí)能節(jié)省時(shí)間。

這三步都能做到的話基本上你就可以勝任前段開(kāi)發(fā)了，祝你好運(yùn)！

主要是用來(lái)開(kāi)發(fā)網(wǎng)頁(yè)的，就是把后端的數(shù)據(jù)渲染到設(shè)計(jì)師設(shè)計(jì)的頁(yè)面上。雖然不難學(xué)，但是也要系統(tǒng)的學(xué)一段時(shí)間，然后多做項(xiàng)目，多實(shí)踐，才能更快掌握。

不難，只要想學(xué)的就可以學(xué)會(huì)。web主要學(xué)習(xí)的是網(wǎng)站的布局，知道網(wǎng)站的購(gòu)物平臺(tái)怎么生成的，他的本身結(jié)構(gòu)是如何設(shè)置的，還有可以自己設(shè)置一些小游戲開(kāi)發(fā)，達(dá)到我們時(shí)代發(fā)展，制作屬于自己的網(wǎng)站。HTML有三要素:HTML、css、JavaScript的，學(xué)習(xí)web是由淺入深的學(xué)習(xí)，JavaScript是有點(diǎn)難度的。但是JS難度系數(shù)不是很大。堅(jiān)持學(xué)習(xí)就可以拿下JavaScript語(yǔ)言。

前端主要是根據(jù)UI設(shè)計(jì)師設(shè)計(jì)出來(lái)的界面圖稿進(jìn)行前端界面編程。就是我們?nèi)粘Ｔ谑褂密浖蛘邽g覽網(wǎng)頁(yè)的時(shí)候看到的都是通過(guò)前端工程師編程寫(xiě)出來(lái)的。

一般主要學(xué)css、html、js、vue等

一般主要會(huì)用到的軟件就是py、jira、藍(lán)湖

掙的挺多的。