web前端開發是從網頁製作演變而來的，名稱上有很明顯的時代特徵。在網際網路的演化程序中，網頁製作是web1.0時代產物，那時網站的主要內容是靜態的，使用者使用網站的行為也以瀏覽為主。隨著網際網路的高速發展，網站的前端由此發生了翻天覆地的變化，網頁不再只是承載單一的文字和圖片，軟體化的互動形式為使用者提供了更好的使用體驗，這些都是基於前端技術來實現的。

用網際網路來做比喻,凡是透過瀏覽器到使用者端計算機的統稱為前端技術，相反存貯於伺服器端的統稱為後端技術.

前端技術包括JavaScript、ActionScript、CSS、xHTML等“傳統”技術與Adobe AIR、Google Gears,以及概念性較強的互動式設計,藝術性較強的視覺設計等等.想學web開發的話，可以看看優就業教程，講解比較清楚。

Web前端，主要是用來開發使用者透過瀏覽器可以瀏覽和使用的Web頁面的。 一般而言，所涉及的內容主要包括W3C中的HTML、CSS和JavaScript這三方面的內容。

web前端學習 是一個先易後難的過程，主要包括三個要素：HTML、CSS和JavaScript，這就要求前端開發工程師不僅要掌握基本的Web前端開發技術，網站效能最佳化、SEO和伺服器端的基礎知識，而且要學會運用各種工具進行輔助開發以及理論層面的知識，包括程式碼的可維護性、元件的易用性、分層語義模板和瀏覽器分級支援等。

Web前端開發後期要懂一些前端框架，如nodejs、Angualrjs、還有bootstrap等，以及ued使用者體驗，後臺開發也要懂一些。

web前端即為網站的前端開發，前端開發是建立Web頁面或app等前端介面呈現給使用者的過程。

web前端開發透過HTML，CSS及JavaScript以及衍生出來的各種技術、框架、解決方案，來實現網際網路產品的使用者介面互動。它從網頁製作演變而來，名稱上有很明顯的時代特徵。網頁製作是Web1.0時代的產物，早期網站主要內容都是靜態，以圖片和文字為主，使用者使用網站的行為也以瀏覽為主。

隨著網際網路技術的發展和HTML5、CSS3的應用，現代網頁更加美觀，互動效果顯著，功能更加強大。Web前端主要是用來開發使用者透過瀏覽器可以瀏覽和使用的Web頁面的。 一般而言，所涉及的內容主要包括W3C中的HTML、CSS和JavaScript這三方面的內容。

擴充套件資料：

隨著網際網路的迅猛發展和普及，一個新型的行業和新興的職位正在上升到技術的層面：web前端開發工程師

Web前端開發工程師，除了主要職責外，還要為網站上提供的產品和服務實現一流的Web介面，最佳化程式碼並保持良好相容性

Web前端表現層及與前後端互動的架構設計和開發web前端開發工程師-web2.0時代

配合後臺開發人員實現產品介面和功能

利用各種Web技術模擬開發產品原型

Web新技術調研和資訊整理

精通HTML/XHTML、CSS，熟悉頁面架構和佈局，對Web標準和標籤語義化有深入理解

熟悉Ajax、JavaScript(或者ActionScript)、DOM等前端技術，掌握面向物件程式設計思想

前端即網站前臺部分，執行在PC端，移動端等瀏覽器上展現給使用者瀏覽的網頁。隨著網際網路技術的發展，HTML5，CSS3，前端框架的應用，跨平臺響應式網頁設計能夠適應各種螢幕解析度，完美的動效設計，給使用者帶來極高的使用者體驗

web前端就是前端網路程式設計，也被認為是使用者端程式設計，是為了網頁或者網頁應用，而編寫HTML，CSS以及JS程式碼，所以使用者能夠看到並且和這些頁面進行交流。

前端網路程式設計的挑戰在於用於實現前端頁面的工具以及技術變化得很快，所以工程師需要不斷注意產業是如何發展的（例如ECMAScript 6）。

設計網頁的目的在於確保使用者開啟站點的時候，資訊是以容易閱讀並且相互關聯的形式呈現的。隨之帶來的問題是，現在使用者實用大量的裝置來訪問網頁，這些裝置具有不同的螢幕尺寸以及清晰度。

所以設計者在設計網頁的時候需要注意這些方面。他們需要確保他們的網頁在不同的瀏覽器、不同的作業系統以及不同的裝置上顯示正確，這需要在工程師端進行仔細的計劃。

擴充套件資料：

前端網路程式設計所使用的工具能被用於進行前端程式設計，理解工具最適用於什麼任務，有助於產生一個高質量的、可升級的站點。

1、超文字標記語言（HTML）：

HTML是任何網頁工程程式的骨架，沒有它網頁不會存在。超文字標記語言能提供站點總體的樣子。HTML被Tim Berners-Lee所發展。隨著HTML的發展，在全球資訊網中產生了許多版本。最新版本的超文字標記語言被稱為HTML5，在2014年0月28日被W3C所推出。

2、層疊樣式列表（CSS）。

CSS控制了站點的樣子，讓站點有自己獨有的外觀。其實現形式是：保證樣式列表先於其他的樣式規則，由其他的輸入形式所影響，例如螢幕的尺寸和解析度。

3、JavaScript。

JavaScript（簡稱JS）是基於場景的命令式語言（和HTML的說明性語言不同），用於將靜態的HTML介面動態化。JS的程式碼能使用HTML標準提供的文件物件模型（DOM），來根據事件，例如使用者的輸入，操縱網路頁面。

JS使用一種被稱為非同步JavaScript和XML的技術（AJAX），JS程式碼也能動態的改變網頁的內容（與原始的HTML頁面端相獨立），並且也能迴應服務端的事件，讓網頁體驗增加了真正動態的特性。

JS中有很多流行的開發框架，幫助開發者快速構建web頁面，比如Vue.js、Angular、React都是很流行的框架，擁有大批忠實的使用者。