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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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