在在it行業前端技術非常香。小夥伴們就眼熱了,都去學習前端技術如何學習前端技術呢?大家就迷惘了,開啟百度一搜前端技術就會出現很多很多的語言列如HTML CSS JavaScript jquery Python swift 還有其他新生的語言。其實學好前端技
術並沒有多難他並不像那些c語言和c++語言那麼低層,它封裝了很多東西只要你用就行了。
工具/原料
一顆想要學習前端技術的心足矣
方法/步驟
首先你就得先學html,其實h t m l非常簡單在百度上搜索h t ml教程,開啟你所喜歡的視訊一個下午就可以搞定如果以後遇到不會的那再深入的學習例如form表單等等一些其他在實際中邊學習邊應用大家也可以在W3school這裡學習,都是非常基礎的東西,要熟練掌握div、form table、ul li 、p、span、font這些標籤,這些都是最常用的,特別是div用於佈局。
學習css, CSS就是層疊式樣式表,就像Word中如何美化文件一樣,一定要把ta學好了,做網頁的時候就會一踏糊塗,不會拍排版。
這裡說的css是css2。用css+html 或者 css+div 來進行介面佈局,所以css是用於輔助html來佈局和展示的,我們稱之為“css樣式”,為什麼會說css+div呢?因為我上面說了div就是html主要用於佈局的東西,所以div就是核心掌握的東西!那麼css肯定必須要配合div來使用才好.css要熟練掌握float、position、width、height,以及對於的最大最小、會使用百分百、overflow、margin、padding等等,這些都是跟佈局有關係的樣式,一點要掌握.
Javascript 要學的內容實在很多,如果沒有其他程式語言的基礎的話,學起來可能要費些力,JS是一門很混亂的語言,《JavaSCript高階程式設計》這本書進行了很好的排版,可以借鑑看一看(JavaScript其實不用太深入學習,除非你找工作,因為現在網頁用的是框架)只要會根據某個id、或者name拿到網頁dom或者樣式、或者值,然後會給某個id或者name的元素標籤賦值、或者追加資料、追html,這個是跟資料有關係的操作,然後資料邏輯判斷,效果方面的,無非就是跳轉、彈框、隱藏什麼的,把這些全部結合其他就是實際用途了,程式碼一點都不難,會了這些基礎js,其他的直接百度就好了.然後看多了,用多了,就什麼都不是問題了.
學習jQuery 它是一個非常流行的框架,幾乎全部的網頁用到的它,還有其他框架(另行百度)簡單易用,簡單學習js後,直接上手jQuery即可完成一些簡單的專案。學習方法也很簡單,照著產品文件做幾個頁面就行了,不用面面俱到,以後遇到問題查文件就行了。框架可以幫你遮蔽瀏覽器的差異性,讓你能更專注與Web開發學習的精髓部分。
有了以上知識,對於大多數小型網站,你應該已經可以寫出能夠工作的程式碼了。但要想成為更專業的前端,你還需繼續努力。更高的要求大概還有四方面:1)易維護,2)可測試,3)高效能,4)低流量(移動端)。
HTML5和CSS3 。HTML5規範已經於2014年10月28日釋出了,移動端HTML5和CSS3已經得到了非常廣泛的使用,必知必會呀。
大家有興趣的話也可以學習PHP,讓網頁互交(JavaScript只是讓網頁動起來)
注意事項
前端技術需要不斷的實踐,看到好的網頁自己也可以模仿一下,不知不覺你的技術就提高了