5分鐘了解前端開發(fā)（一）

時間：2023-05-31 00:54:02 | 來源：網(wǎng)站運營

時間：2023-05-31 00:54:02 來源：網(wǎng)站運營

5分鐘了解前端開發(fā)（一）：

前端是什么？

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

移動互聯(lián)網(wǎng)帶來了大量高性能的移動終端設(shè)備以及快速的無線網(wǎng)絡(luò)，HTML5，node.jS的廣泛應(yīng)用，各類框架類庫層出不窮。

前端的發(fā)展歷程

前端技術(shù)的發(fā)展是互聯(lián)網(wǎng)自身發(fā)展變化的一個縮影。

前端技術(shù)指通過瀏覽器到用戶端計算機的統(tǒng)稱，存貯于服務(wù)器端的統(tǒng)稱為后端技術(shù)。

前端開發(fā)主要職能就是把網(wǎng)站的界面更好地呈現(xiàn)給用戶。

以前會Photoshop和Dreamweaver就可以制作網(wǎng)頁，隨著網(wǎng)站開發(fā)難度加大、開發(fā)方式多樣，網(wǎng)頁制作更多被稱為Web前端開發(fā)。前端技術(shù)包括4個部分：前端美工、瀏覽器兼容、CSS、HTML“傳統(tǒng)”技術(shù)與Adobe AIR、Google Gears,以及概念性較強的交互式設(shè)計，藝術(shù)性較強的視覺設(shè)計等。

在Web1.0時代，由于網(wǎng)速和終端能力的限制，大部分網(wǎng)站只能呈現(xiàn)簡單的圖文信息，并不能滿足用戶在界面上的需求，對界面技術(shù)的要求也不高。隨著硬件的完善、高性能瀏覽器的出現(xiàn)和寬帶的普及，技術(shù)可以在用戶體驗方面實現(xiàn)更多種可能，前端技術(shù)領(lǐng)域迸發(fā)出旺盛的生命力。


2005年以后，互聯(lián)網(wǎng)進入Web2.0時代，各種類似桌面軟件的Web應(yīng)用大量涌現(xiàn)，前端由此發(fā)生了翻天覆地的變化。網(wǎng)頁不再只是承載單一的文字和圖片，各種富媒體讓網(wǎng)頁的內(nèi)容更加生動，網(wǎng)頁上軟件化的交互形式為用戶提供了更好的使用體驗，這些都是基于前端技術(shù)實現(xiàn)的。

隨著手機成為人們生活中不可或缺的一部分，成為人們身體的延伸，人們迎來了體驗為王的時代。移動端的前端技術(shù)開發(fā)前景寬闊。此外，前端技術(shù)還能應(yīng)用于智能電視、智能手表甚至人工智能領(lǐng)域。

核心技術(shù)

HTML語言

掌握HTML是網(wǎng)頁的核心，是一種制作萬維網(wǎng)頁面的標準語言，是萬維網(wǎng)瀏覽器使用的一種語言，它消除了不同計算機之間信息交流的障礙。因此，它是網(wǎng)絡(luò)上應(yīng)用最為廣泛的語言，也是構(gòu)成網(wǎng)頁文檔的主要語言，學(xué)好HTML是成為Web開發(fā)人員的基本條件。

HTML是一種標記語言，能夠?qū)崿F(xiàn)Web頁面并在瀏覽器中顯示。HTML5作為HTML的最新版本，引入了多項新技術(shù)，大大增強了對于應(yīng)用的支持能力，使得Web技術(shù)不再局限于呈現(xiàn)網(wǎng)頁內(nèi)容。

隨著CSS、JavaScript、Flash等技術(shù)的發(fā)展，Web對于應(yīng)用的處理能力逐漸增強，用戶瀏覽網(wǎng)頁的體驗已經(jīng)有了較大的改善。不過HTML5中的幾項新技術(shù)實現(xiàn)了質(zhì)的突破，使得Web技術(shù)首次被認為能夠接近于本地原生應(yīng)用技術(shù)，開發(fā)Web應(yīng)用真正成為開發(fā)者的一個選擇。

HTML5可以使開發(fā)者的工作大大簡化，理論上單次開發(fā)就可以在不同平臺借助瀏覽器運行，降低開發(fā)的成本，這也是產(chǎn)業(yè)界普遍認為HTML5技術(shù)的主要優(yōu)點之一。AppMobi、摩托羅拉、Sencha、Appcelerator等公司均已推出了較為成熟的開發(fā)工具，支持HTML5應(yīng)用的發(fā)展。

CSS


學(xué)好CSS是網(wǎng)頁外觀的重要一點，CSS可以幫助把網(wǎng)頁外觀做得更加美觀。

JavaScript

學(xué)習(xí)JavaScript的基本語法，以及如何使用JavaScript編程將會提高開發(fā)人員的個人技能。

操作系統(tǒng)

了解Unix和Linux的基本知識，對于開發(fā)人員有益無害。

網(wǎng)絡(luò)服務(wù)器


了解Web服務(wù)器，包括對Apache的基本配置，htaccess配置技巧的掌握等。




今天的《5分鐘了解前端開發(fā)》就先到這里啦，后續(xù)內(nèi)容敬請期待哦~

聯(lián)系微信號：banyuanxueshe

新浪微博：半圓學(xué)社