前端開發(fā)入門

前端開發(fā)的前世今生

在web1.0時代，前端和后端還沒分離開來，前后端職責混亂。Ajax技術(shù)的出現(xiàn)，web2.0時代到來，此時前端后端開始分離開來，前后端職責清晰了，前端只要專注于前端開發(fā)，后端可以專注于業(yè)務(wù)邏輯開發(fā)，前端與后端的銜接就是API的制定與聯(lián)調(diào)。

前端開發(fā)是什么

介紹完前端開發(fā)的前世今生那么來了解一下前端開發(fā)究竟是什么？

前端開發(fā)是創(chuàng)建Web頁面或app等前端界面呈現(xiàn)給用戶的過程。

例如：你想上網(wǎng)進行購物，你可能會徘徊于京東、淘寶、拼多多等購物網(wǎng)站，點開他們你會發(fā)現(xiàn)一個又一個的頁面以及各種效果（最近淘寶網(wǎng)的紅包雨）。

這些內(nèi)容都是由前端開發(fā)實現(xiàn)的。前端開發(fā)利用HTML CSS JavaScript 等前端技術(shù)和工具將頁面的UI設(shè)計以及產(chǎn)品的需求轉(zhuǎn)換成頁面和各種效果（交互）。換句話說，用戶可以用看見看見的東西都是由前端開發(fā)實現(xiàn)的。（效果圖→網(wǎng)頁）（靜態(tài)→動態(tài)）

在這里小編建了一個前端學習交流扣扣群：132667127，我自己整理的最新的前端資料和高級開發(fā)教程，如果有想需要的，可以加群一起學習交流

前端技術(shù)應(yīng)用領(lǐng)域

最為常見的就是我們平時瀏覽的網(wǎng)頁，其次還有微信小程序、H5小游戲（例如前些年微信上眾多人玩的跳一跳）、大數(shù)據(jù)可視化等等都是通過前端相關(guān)技術(shù)實現(xiàn)的。

前端前景分析

聊天社交、購物消費、金融理財、居家旅行、攝影攝像、學校教育等場景都離不開前端技術(shù)的支持，尤其在2020年新冠疫情期間，人與人之間的距離變遠了，開展了線上教學、網(wǎng)上辦公，更加需要相關(guān)平臺的支撐。雖然應(yīng)用場景廣泛，但近些年，前端開發(fā)崗位的技術(shù)要求越來越高，所以技術(shù)上要打好基礎(chǔ)，應(yīng)對挑戰(zhàn)。

前端崗位主要集中于互聯(lián)網(wǎng)科技公司、金融公司、物流公司。本科應(yīng)屆生薪資8k-15k左右

某招聘網(wǎng)前端工程師招聘相關(guān)信息部分

前端技術(shù)

• HTML（Hyper Text Markup Language）超文本標記語言，主要用來實現(xiàn)網(wǎng)頁的結(jié)構(gòu)部分。

此部分需要掌握HTML標簽的使用，了解塊級元素、空元素、行間元素三者關(guān)系，以及三者的使用上的不同，最終搭建出靜態(tài)網(wǎng)頁的結(jié)構(gòu)

• CSS（Cascading Style Sheets）層疊樣式表

此部分需要掌握CSS相關(guān)屬性的使用，以及和HTML之間的配合，引入CSS，CSS樣式之間的配合，實現(xiàn)網(wǎng)頁的樣式，HTML+CSS實現(xiàn)一個靜態(tài)頁面。

<
link 
rel=
"stylesheet"
href=
"" 
type=
"text/css">  //外部引入CSS


<
div 
style=
"">
</
div>                                          //行內(nèi)引入CSS

//一般開發(fā)采用結(jié)構(gòu)樣式相分離，所以一般采用第一種寫法

• JavaScript（js）

解釋性語言，單線程，腳本語言，網(wǎng)頁動態(tài)效果（交互）的實現(xiàn)全靠JavaScript來實現(xiàn)，此部分需要掌握原生js的底層原理（數(shù)組、對象、函數(shù)、作用域等等），便于接觸之后的主流框架，學會使用DOM操作HTML，以及了解BOM。

• 前后端交互

Ajax

• 主流框架

Vue React Angular

• 打包工具

Webpack gulp 以及最近最新發(fā)布的snowpack等等

• 版本控制工具

Git

• 模塊化工具

npm yarm cnpm 等等

• UI組件

jQueryUI commonUI bootstrap等等

• 代碼管理

SVN GIT等等

• 移動端開發(fā)

flutter uniAPP 小程序

....前端技術(shù)在不斷的更新，選定此方向要不斷的學習。

結(jié)語

本文主要介紹了前端的前世今生，前端開發(fā)是什么，主要負責哪些內(nèi)容，前端開發(fā)的應(yīng)用領(lǐng)域、前端開發(fā)的前景，以及前端開發(fā)的相關(guān)技術(shù)。