首先在解答零基礎如何學習web前端之前,我們先了解下面幾個問題
什么是前端?
前端:針對瀏覽器的開發(fā),代碼在瀏覽器運行
后端:針對服務器的開發(fā),代碼在服務器運行
說起大家為什么選擇學習
web前端,大概是因為其各種華麗的網頁特效/交互太過吸引人,或者是高額的薪資,還有就是"不難上手"的HTML/CSS編程語言,所以,放下你對"編程"倆字的恐懼.零基礎學前端,先從"不難上手"的HTML/CSS編程語言開始,做出點有成就感的東西出來吧!
對于設計師來說,最有成就感的一定是"可以看到的東西",而 HTML/CSS 正是用來干這個的,HTML 就是一堆非常簡單的標簽,而 CSS 無非就是把你畫畫的流程用英語按一定的格式寫出來而已.
這個階段的練習主要是用代碼畫出你想畫的網站,越多越好.這一階段要快速上手,培養(yǎng)興趣,培養(yǎng)成就感.先做出可以看的東西再說,掌握常用的HTML/CSS就夠用了,如果完成的好,這個階段過后你大概就可以寫出一些簡單又好看"靜態(tài)網頁".
零基礎學前端——JavaScript/jQuery
想要在網頁上實現(xiàn)一些交互效果,比如輪播圖、點擊按鈕后播放動畫?那你就必須要開始學習 JavaScript 了!JavaScript 是一門完整、強大并且非常熱門的編程語言,你在瀏覽器里看到的所有交互或者高級功能都是由它在背后支撐的!
在了解一些基礎的 JavaScript 概念(變量、函數(shù)、基本類型)后,我們可以直接去學習 jQuery(JavaScript 代碼庫),它可以顯著地降低你編寫交互的難度.
通過 jQuery,我們可以繼續(xù)使用在 CSS 中學到的"選擇器"
對于沒有編程基礎的人來說,想要完全掌握它們兩并不容易.作為設計師,很多時候我們可以先不必深究它們的原理,而是嘗試直接應用它!這樣成就感會來得很快,并且你可以通過實際應用更加理解 JavaScript 是用來做什么的.
零基礎學前端——前端重構
對于注重視覺效果的設計師來說,在掌握基本的HTML/CSS 后,就可以朝著這個方向發(fā)展了.到了這個階段,你不但要知道怎么寫頁面,還要知道它們都是為什么,并且知道怎么做更好.這對你理解 Web 世界非常有幫助,并且能幫助你做出更系統(tǒng)化的設計.
CSS 的學問很多,你需要開始理解文檔流、浮動流等各種定位的方式與原理,理解 CSS 的繼承復用思想、理解瀏覽器的差異、兼容、優(yōu)雅降級……HTML 方面,要開始注重語義化、可訪問性與結構的合理,你要開始學習"結構與樣式的分離".另外,各種炫酷的 CSS3屬性你一定會喜歡的!