web前端是什么，在哪些地方有應用

簡介web前端開發(fā)技術什么是html、html5什么是css、css3什么是js，javascriptweb前端的應用

大家好，我是ots_luo，很多小伙伴不知道web前端是什么，下面小編就給大家普及一下知識。

簡介

web前端即為網(wǎng)站的前端開發(fā)（前端網(wǎng)絡編程），，也被認為是用戶端編程，是為了網(wǎng)頁或者網(wǎng)頁應用，而編寫HTML，CSS以及JS代碼，所以用戶能夠看到并且和這些頁面進行交流。

ots_luo：通俗來講就是網(wǎng)頁設計。

web前端開發(fā)技術

web前端開發(fā)主要是通過html，css，JavaScript等前端技術，實現(xiàn)網(wǎng)站在客服端的正確顯示及交互功能。目前經(jīng)常聽到的H5，就是目前最新的前端技術，采用html5+css3+JavaScript設計的。

什么是html、html5

html：HTML稱為超文本標記語言，是一種標識性的語言。它包括一系列標簽．通過這些標簽可以將網(wǎng)絡上的文檔格式統(tǒng)一，使分散的Internet資源連接為一個邏輯整體。HTML5：HTML5是構建Web內(nèi)容的一種語言描述方式。HTML5是互聯(lián)網(wǎng)的下一代標準，是構建以及呈現(xiàn)互聯(lián)網(wǎng)內(nèi)容的一種語言方式．被認為是互聯(lián)網(wǎng)的核心技術之一。HTML產(chǎn)生于1990年，1997年HTML4成為互聯(lián)網(wǎng)標準，并廣泛應用于互聯(lián)網(wǎng)應用的開發(fā)。

ots_luo：通俗來講就是網(wǎng)頁。html5是第5代html技術，平時說的html是第4代，html5就是html4的升級版。

什么是css、css3

CSS 是指層疊樣式表 (Cascading Style Sheets)是一種用來表現(xiàn)HTML或XML（標準通用標記語言的一個子集）等文件樣式的計算機語言。CSS不僅可以靜態(tài)地修飾網(wǎng)頁，還可以配合各種腳本語言動態(tài)地對網(wǎng)頁各元素進行格式化。CSS3：CSS3 是最新的 CSS 標準。

ots_luo：通俗來講就是給html做美化的。平時說的css是第2代，css3是css的升級版。

什么是js，javascript

JavaScript（簡稱“JS”） 是一種具有函數(shù)優(yōu)先的輕量級，解釋型或即時編譯型的編程語言。雖然它是作為開發(fā)Web頁面的腳本語言而出名的，但是它也被用到了很多非瀏覽器環(huán)境中，JavaScript 基于原型編程、多范式的動態(tài)腳本語言，并且支持面向?qū)ο蟆⒚钍胶吐暶魇剑ㄈ绾瘮?shù)式編程）風格。

ots_luo：通俗來講就是給html做交互的。平時說的js，就是javascript。

web前端的應用

1，瀏覽器，在手機端和電腦端瀏覽的網(wǎng)站，就是用網(wǎng)頁做的。2，app，現(xiàn)在的手機app都是可以用網(wǎng)頁來做的3、場景秀，也就是平常說的H5動畫，就是網(wǎng)頁做的4，小程序，現(xiàn)在的微信小程序可以用網(wǎng)頁做。

我是小南郡，碼字不易，寫教程也不易，如果文章對你有幫助，記得評論點贊加轉發(fā)收藏哦！感謝支持！！

更詳盡的可以查看我這篇文章：https://www.toutiao.com/i6820707233026802188/

很高興回答你的問題，下面主要介紹UI與WEB前端開發(fā)的區(qū)別。

Web前端開發(fā)：通俗來講，當你打開某個網(wǎng)站時，往往第一時間被那些炫酷的動態(tài)網(wǎng)頁設計所吸引。但是，如果沒有Web前端工程師，這些圖片是不會動的。這樣一個動態(tài)網(wǎng)頁是怎么實現(xiàn)的呢？

首先，需要UI設計師按照市場部要求進行每張圖片制作；然后WEB前端工程師通過技術手段實現(xiàn)滾動效果。通俗點說web前端工程師就是用HTML5、CSS3、Java、jQuery、Ajax等技術把UI設計的頁面效果做成網(wǎng)頁，結合Bootstrap、AngularJS等最新的JS框架和后臺開發(fā)工程師搭線，最終實現(xiàn)讓大家看到的電商平臺上那些動人的精美頁面。

UI設計：UI即UserInterface。UI設計是指對軟件的人機交互、操作邏輯、界面美觀的整體設計。通常包括平面設計，網(wǎng)頁設計以及移動界面設計。

UI前端的工作

對于UI開發(fā)人員，主要的工作工具是adobe illustrator或類似的軟件。它需要繪制草圖和準備圖形材料。Illustrator擅長使用矢量圖形，它可以根據(jù)不同的屏幕分辨率縮放和調(diào)整概念界面。

對于輔助工具，UI開發(fā)人員也可以使用Microsoft Expression Design和Expression Blend。最后設計人員必須深入研究相關操作系統(tǒng)的UI指導原則，他們希望根據(jù)這些指導原則調(diào)整界面(Windows UI指導原則、Mac OS指導原則)。

UI開發(fā)人員的關鍵特征是邏輯思維，這就是為什么這些人從來不是純粹的藝術家。UI設計師是100%的技術人員，只有人文素養(yǎng)。為了解決項目的問題，必須采用數(shù)學方法來結合標準工具。至于備受贊賞的創(chuàng)造力——只有在標準工具不能提供令人滿意的解決方案時才允許。

UI開發(fā)人員心中有一組明確的優(yōu)先級。

1.首先，接口必須是功能性的。

2.其次，它必須方便，在不刺激用戶的頻繁工作。

3.最后，它必須是“美麗的”，也就是“美麗”得足夠吸引眼球。

一個好的UI開發(fā)人員是設計技能和技術知識的結合，他們的職責是可視化理解用戶界面。

web前端的工作

前端是開發(fā)web界面的客戶端。前端開發(fā)人員負責運行和操作界面，而不是由UI專家設計的可視化外觀。

如果我們要將其與打印媒體進行比較，那么UI開發(fā)人員將創(chuàng)建總布局，而前端開發(fā)人員將進行頁面校對，以便實際打印布局。

前端專家需要掌握比UI設計師多得多的編程技能。他們必須了解HTTP協(xié)議、服務器和瀏覽器的工作原理、在當前市場上的各種設備上顯示web的特性。

與前端開發(fā)相關的挑戰(zhàn)是用于創(chuàng)建網(wǎng)站前端的工具和技術不斷變化，因此開發(fā)人員需要不斷了解該領域是如何發(fā)展的。前端通常構建在三個支柱上。它們是HTML、CSS和JavaScript。作為一名程序員，前端開發(fā)人員還必須接受算法、數(shù)據(jù)結構、編碼模式、面向?qū)ο缶幊毯秃瘮?shù)方法方面的培訓。

光從前端上來說 都沒啥優(yōu)秀的，優(yōu)秀的是體現(xiàn)你看不到的地方上，比如高并發(fā)，兼容，適配上。

JD 和 淘寶的主頁都只能說一般，讓一個有一兩年的經(jīng)驗的前端寫也都能寫。只不過這些網(wǎng)站承擔高并發(fā)下不會宕機。并且對一些低版本的兼容性很好。以及一些圖片的緩 資源 鏈接都是有講究的。

想要學習前端的相關知識 可以關注掘金以及知乎，其他的網(wǎng)站都比較普通