怎麼制定Web前端學習計劃?

用戶8328945825930


Web前端是一個很新的職業,在國內乃至國際上真正開始受到重視的時間不超過5年。Web前端開拓是從網頁製作演變而來的,名稱上有很明顯的時代特性。在互聯網的演變進程傍邊,網頁製作是Web1.0時代的產品,其時網站的基本內容都是動態的,用戶利用網站的行為也以瀏覽為主。

Web前端的崗位職責是利用(X)HTML5、CSS、JavaScript、DOM等各種Web技能結合產品的界面開發。

Web前端開發學習計劃

HTML+css

HTML+css是web前端基礎,個人建議你在15天月之內學完!其實html標籤不多,瞭解每個標籤的屬性及定義就行,css常用屬性也不多,要多練,能熟練的組合搭配!學習這個的時候你不要去管頁面功能實現,這是javascript的內容,這也是忌諱。

2.javascript

javascript是web前端的心臟,為什麼這麼說是有道理的。javascript是腳本語言,或者說是普遍用於寫網站頁面一些特效等作用的客戶端腳本語言。現在普遍和html+css一起活躍在你的瀏覽器上……與html5+css3在一起組合有意想不到的效果,如果說HTML+css是哈雷,那麼javascript可以說是發動機。應該是無處不在的腳本語言,有很多地方用到,而且還被封裝了各種框架react.js、angular.js、vue.js、ext.js、iMAG.js等,所以它很優秀。學的慢一點你可以1.5個月的時間用來學習它!

學習內容:

JavaScript編程,JavaScript語法、數據類型、運算符、表達式、流程控制,JavaScript內部對象、數組、字符串、日期時間、數學函數、正則表達式,JavaScript函數、自定義函數、全局函數,BOM介紹、window對象、location對象、history對象使用。DHTML編程,理解DOM樹,DOM對象,常用DOM對象的屬性、方法和事件,編寫事件處理程序、使用DOM操作HTML文檔、遍歷文檔樹上的節點、搜索文檔中特定的元素、修改文檔內容、往文檔添加新內容、使用DOM操作XML文檔。

3.jQuery

jQuery是一個兼容多瀏覽器的javascript庫,核心理念是寫得更少,做得更多。由於開發成本低,很多公司都做用,WEB前端工程師必備。它也是輕量級的js庫,它兼容CSS3,還兼容各種瀏覽器(IE6.0+,FF1.5+,Safari2.0+,Opera9.0+),jQuery2.0及後續版本將不再支持IE6/7/8瀏覽器。

學習內容:

認識JQuery、選擇器介紹、css選擇器、jQuery選擇器及其優勢勢、基本選擇器、層次選擇器、過濾選擇器、表單選擇器、選擇器練習小案例等;JQuery操作DOM:DOM分類、查找元素/屬性節點、創造元素/屬性/文本節點、插入節點、刪除節點、複製節點、替換節點、包裹節點、屬性操作、樣式操作、遍歷節點、CSS-DOM操作;動畫和事件:jQuery中的事件、加載DOM、事件綁定、合成事件、事件冒泡、事件對象的屬性、移除按鈕上註冊的事件、模擬操作、JQuery中的動畫。

學習週期應該在一個月左右

4.bootstrap

Bootstrap,來自Twitter,是目前很受歡迎的前端框架。Bootstrap是基於HTML、CSS、JAVASCRIPT的,它簡潔靈活,使得Web開發更加快捷。也是一個CSS/HTML框架。Bootstrap提供了優雅的HTML和CSS規範。

學習內容:

響應式頁面的的開發與設計,強大的柵格佈局,內置的CSS類庫,JS插件,快速佈局商城頁面。

4.photoshop(ps)

web前端開發人員必須會一些PS技術,如PS切圖。很多公司是給你web前端開發人員psd文件,你必須要會,這個一天就可以學會。

最後

Web知識相對來說不會那麼枯燥,大家在學習的時候一定要“燥起來”,多練習多打代碼,自己喜歡什麼樣的頁面,就趕快多看多敲源代碼,看多了自己就會做了。做出自己的想要的網站是一件多麼自豪的事啊。學習看個人能力,具體的學習計劃還要因人而異,希望我的回答能幫助到你!


深圳神盾局


階段1.前端核心基礎 HTML +_CSS核心、JavaScript基礎語法、JavaScript面向對象、JavaScript DOM BOM編程、jQuery框架

階段2.HTML5 + CSS3 + 移動端核心 HTML5新特性、Canvas專列、CSS3新特性、CSS3進階、CSS3實例演練 階段

3.移動端 移動端核心、移動端適配、移動端特效 階段

4.服務器端 服務器端開發、數據庫操作、前後端交互核心、微信公眾號開發 階段

5.JavaScript高級 JavaScript基礎深入剖析、JavaScript面向對象深入講解、JavaScript異步編程、 JavaScript函數式編程JavaScript設計模式 階段

6.前端必備 性能優化、版本控制工具、模塊化、項目構建工具 階段

7.高級框架 React框架基本使用、React框架進階、Vue框架基本使用、Vue框架進階、Vue源碼分析 階段

8.小程序 原生小程序入門、原生小程序API使用、小程序框架Mpvue


想翻身的小海魚


端開發是創建Web頁面或app等前端界面呈現給用戶的過程,通過HTML,CSS及JavaScript以及衍生出來的各種技術、框架、解決方案,來實現互聯網產品的用戶界面交互。它從網頁製作演變而來,名稱上有很明顯的時代特徵。在互聯網的演化進程中,網頁製作是Web1.0時代的產物,早期網站主要內容都是靜態,以圖片和文字為主,用戶使用網站的行為也以瀏覽為主。隨著互聯網技術的發展和HTML5、CSS3的應用,現代網頁更加美觀,交互效果顯著,功能更加強大。

如果是零基礎開始,那麼前端開發學習需要分階段進行。

第一階段:HTML5+CSS3。學習通過HTML5+CSS3能進行簡單的網站應用和佈局的開發。

第二階段:Javascript。通過學習Javascript能對前端應用進行交互式開發。

第三階段:Node開發。如果只想做純前端開發,不做後端服務開發,這塊學習基礎即可,不需要深入學習。

第四階段:前端框架。前端開發框架非常多,現在比較熱門的有Vue、React、Angular等

第五階段:小程序和App開發


休閒挨踢男


1、HTML+css(html5+css3)

2、javascript

3、jquery

4、jquery插件

5、移動端的jquery mobile

高級的:

1、面向對象的css,css預處理等

2、Vue.js(前衛的前端mvc框架)

3、js常見的設計模式

4、node.js

其他興趣方向:

html5遊戲開發,web安全等


分享到:


相關文章: