1991第一個(gè)靜態(tài)頁(yè)面誕生到現(xiàn)在，萬(wàn)維網(wǎng)已然發(fā)展了30年，頁(yè)面從最初的只是一些文字的展示，到如今的文字，圖片，音樂(lè)，視頻等各種媒介的展示，內(nèi)容越來(lái)越豐富，界面也越來(lái)越精美。

縱然各種設(shè)計(jì)精美的網(wǎng)頁(yè)，app看似復(fù)雜，但是最基礎(chǔ)的卻是這三個(gè)東西結(jié)合起來(lái)的成果，他們就是前端開發(fā)的基石：HTML,CSS,JS. 簡(jiǎn)單解釋一下這三個(gè)縮寫詞的意思：

HTML--超文本標(biāo)記語(yǔ)言（英語(yǔ)：HyperText Markup Language）是一種用于創(chuàng)建網(wǎng)頁(yè)的標(biāo)準(zhǔn)標(biāo)記語(yǔ)言。通俗來(lái)說(shuō)就是類似于word文檔里面用以標(biāo)記標(biāo)題，段落，圖片的結(jié)構(gòu)化信息語(yǔ)言。

CSS: 層疊樣式表單(Cascading Style Sheets的簡(jiǎn)稱),一個(gè)網(wǎng)頁(yè)或者UI界面，單純是文字，并不好看，這就需要修改一下排版，樣式，字體，顏色，背景等，CSS就是處理這個(gè)工作的。

JS: javascript語(yǔ)言的簡(jiǎn)稱。在互聯(lián)網(wǎng)產(chǎn)品中，僅僅是靜態(tài)的頁(yè)面沒(méi)有互動(dòng)太不好玩了，特別是現(xiàn)在移動(dòng)端，每一個(gè)步驟都是用戶與產(chǎn)品的互動(dòng)，而JS就是處理頁(yè)面互動(dòng)效果和邏輯的語(yǔ)言。

縱然前端技術(shù)歷經(jīng)了快速而繁多的變化，從單純的HTML,CSS,JS為基礎(chǔ)的開發(fā)，發(fā)展到現(xiàn)在以框架開發(fā)為主的潮流，技術(shù)由簡(jiǎn)到繁，由結(jié)構(gòu)由單一到組件開發(fā)。

最基礎(chǔ)的還是HTML,CSS，JS三大法寶。

個(gè)人幾年的前端開發(fā)，也由入局的基礎(chǔ)技能進(jìn)階到框架開發(fā)，回頭來(lái)看，框架也是以最基礎(chǔ)的邏輯和架子搭建起來(lái)的，沒(méi)有這些最基礎(chǔ)的知識(shí)基地，也成就不了今日前端框架的崛起。

想學(xué)習(xí)前端技術(shù)，還得從最基礎(chǔ)的開始學(xué)習(xí)，分三步做起：

第一步：學(xué)習(xí)，找?guī)妆窘?jīng)典的前端技書籍仔細(xì)的去學(xué)習(xí)，學(xué)習(xí)最基礎(chǔ)的概念，邏輯等。

第二步：思考，學(xué)習(xí)的過(guò)程中，多思考，多對(duì)比工作中常用到的其他語(yǔ)言或者工具，如word文檔的排版等。

第三步：練習(xí)，通過(guò)學(xué)習(xí)和思考，你大致能理解一個(gè)前端開發(fā)的過(guò)程和基礎(chǔ)的語(yǔ)言運(yùn)用邏輯，在這個(gè)基礎(chǔ)上，進(jìn)行大量的代碼練習(xí)，孰能生巧。

通過(guò)這三步反復(fù)的訓(xùn)練，你就能夠跨入門前端開發(fā)的基礎(chǔ)門檻了。

入門開發(fā)基礎(chǔ)后，后續(xù)如何提升？

熟悉了框架開發(fā)后，反而對(duì)基礎(chǔ)的知識(shí)沒(méi)那么重視了，所以后續(xù)的計(jì)劃，會(huì)在保持對(duì)框架的學(xué)習(xí)之余，再回過(guò)頭來(lái)再重新系統(tǒng)的學(xué)習(xí)前端的三大基礎(chǔ)知識(shí)。

當(dāng)然，一個(gè)產(chǎn)品最終上線，少不了設(shè)計(jì)，后端，運(yùn)營(yíng)，等一些列的配合，僅僅做一個(gè)前端開發(fā)，知識(shí)面雖專，但是認(rèn)知面不夠廣。

站在產(chǎn)品開發(fā)的立場(chǎng)上，多學(xué)習(xí)一個(gè)產(chǎn)品開發(fā)系統(tǒng)的知識(shí)，拓寬視野，這個(gè)也是計(jì)劃之中的事情。

前端開發(fā)是整個(gè)互聯(lián)網(wǎng)產(chǎn)品中不可或缺的一部分。

珍愛(ài)生命，關(guān)愛(ài)程序員。

分享日常所想，歡迎乘坐@音樂(lè)末班車，晚安！