javascript編程練習

⑴ 學編程沒人帶推薦10個免費學編程的最佳網站給你

學習編程是開啟你的Web開發和移動應用開發職業生涯的一種絕佳方式。在這篇文章中，我們將分享10個有助你學編程的最佳網站。

它是學編程最流行的網站之一。事實上，2000萬人已經使用這個網站來學習編程了。你只需要注冊一個免費帳戶，便可以開始挑選你想學的第一門編程語言。它包括了CSS、HTML、JavaScript、jQuery和PHP等。

這是一個學習Web開發非常棒的地方。尤其是你想學習編程語言是JS，那麼，這個網站將是你的首選。網站中包含了Node.js、Angular.js和Express.js等內容。在這個網站學習最好之處就是，你可以建立一些非營利的項目，它們可以幫助你積累真實項目的經驗。

這是一個神奇的地方。你可以繼續你的開發之旅，並且可以進一步提高你的技能。在這里，你可以立刻學習大量的免費課程，同時可以利用截圖、視頻教程來指導你的學習。更多編程挑戰也等待你的測試哦！

在這里，有很多針對Rails和Ruby開發人員的在線課程。當然，CSS、HTML和JavaScript也是網站課程體系的一部分。同時，為你還提供了很多其他的項目。

事實上，這是由David J.馬蘭教授主講的一系列免費的計算機科學課程。即使你沒有編程經驗，這也是開始編程學習的最佳途徑之一。在學習的過程中，你不僅將學習諸如演算法、開發、封裝以及數據結構的主題內容，而且會對 C、JavaScript、SQL、 CSS和 HTML等其他編程語言進行了解。

HTML Dog是一個偉大的地方。在這里匯集了CSS、HTML和JavaScript大量的教程資源，它還可以幫助一個初學者學習任何上述的語言。同時，這個網站還能指導你學習如何實現CSS下拉框、自定義404錯誤頁面等一部分web設計的內容。

這是一個你可以學到很多計算機課程的免費在線資源網站。計算機編程部分內容包括CSS、HTML、SQL和JavaScript。在這里也有大量的互動式視頻和編程挑戰，通過提供信息和提示的方式來指導你的練習。

一個在線演示代碼編寫過程的網站。它將幫助你學習CSS、HTML和JavaScript等前端技術。你可以邊看邊學，還可以回放編碼過程，是不是很酷呢！CSS線框、HTML5貪吃蛇 游戲 以及JavaScript就是一些常見的例子。

這是一個了不起的，學習與提高編程技能的在線學習平台。你可以在這里選擇眾多流行的編程語言來學習，如PHP、CSS、Python、HTML和Java。此外，你還可以學習到UX設計、Photoshop等一些網頁設計方面的內容。當你通過每門課程的測試後，你還會得到相應的結業證書。

這是另一個可以提高你的編程技術，以及程序開發技能的課程網站。這些課程由軟體巨頭Facebook, Google中的行業專家進行講授。通過在Udacity的學習，你將踏上Android開發、Java、Git和iOS應用開發的學習之路。

⑵ 自學前端，前端開發的學習路線是什麼

自學前端其實很辛苦，需要有強大的自製力和堅持下去的學習心，並且做好詳細的學習規劃嚴格執行；如果你想學前端，下面的學習路線或許對你有幫助。

前端完整學習路線

第一階段:

HTML CSS:HTML進階、CSS進階、div css布局、HTML css整站開發。

JavaScript基礎:Js基礎教程、js內置對象常用方法、常見DOM樹操作大全、ECMAscript、DOM、BOM、定時器和焦點圖。

JS基本特效:常見特效、例如:tab、導航、整頁滾動、輪播圖、JS製作幻燈片、彈出層、手風琴菜單、瀑布流布局、滾動事件、滾差視圖。

JS高級特徵:正則表達式、排序演算法、遞歸演算法、閉包、函數節流、作用域鏈、基於距離運動框架、面向對象基礎。

JQuery:基礎使用懸著器、DOM操作、特效和動畫、方法鏈、拖拽、變形、JQueryUI組件基本使用。

第二階段:HTML5和移動Web開發

HTML5:HTML5新語義標簽、HTML5表單、音頻和視頻、離線和本地存儲、SVG、Web Socket、Canvas。

CSS3:CSS3新選擇器、偽元素、臉色表示法、邊框、陰影、background系列屬性改變、Transition、動畫、景深和深透、3D效果製作、Velocity.js框架、元素進場、出場策略、炫酷CSS3網頁製作。

Bootstrap:響應式概念、媒體查詢、響應式網站製作、刪格系統、刪格系統原理、Bootstrap常用模板、LESS和SASS。

移動Web開發:跨終端WEB和主流設備簡介、視口、流式布局、彈性盒子、rem、移動終端JavaScript事件、手機中常見JS效果製作、Zepto.js、手機聚劃算頁面、手機滾屏。

第三階段:HTTP服務和AJAX編程

WEB伺服器基礎:伺服器基礎知識、Apache伺服器和其他WEB伺服器介紹、Apache伺服器搭建、HTTP介紹。

PHP基礎:PHP基礎語法、使用PHP處理簡單的GET或者POST請求。

AJAX上篇:Ajax簡介和非同步的概念、Ajax框架的封裝、XMLHttpRequest對象詳細介紹方法、兼容性處理方法、Ajax框架的封裝、Ajax中緩存問題、XML介紹和使用。

AJAX下篇:JSON和JSON解析、數據綁定和模板技術、JSONP、跨域技術、圖片預讀取和lazy-load技術、JQuery框架中的AjaxAPI、使用Ajax實現爆布流案例額。

第四階段:面向對象進階

面向對象終極篇:從內存角度到理解JS面向對象、基本類型、復雜類型、原型鏈、ES6中的面向對象、屬性讀寫許可權、設置器、訪問器。

面向對象三大特徵:繼承性、多態性、封裝性、介面。

設計模式:面向對象編程思維、單例模式、工廠模式、策略模式、觀察者模式、模板方法模式、代理模式、裝飾者模式、適配器模式、面向切面編程。

第五階段:封裝一個屬於自己的框架

框架封裝基礎:事件流、冒泡、捕獲、事件對象、事件框架、選擇框架。

框架封裝中級:運動原理、單物體運動框架、多物體運動框架、運動框架面向對象封裝。

框架封裝高級和補充:JQuery框架雛形、可擴展性、模塊化、封裝屬於傳智自己的框架。

第六階段:模塊化組件開發

面向組件編程:面向組件編程的方式、面向組件編程的實現原理、面向組件編程實戰、基於組件化思想開發網站應用程序。

面向模塊編程:AMD設計規范、CMD設計規范、RequireJS，LoadJS、淘寶的SeaJS。

第七階段:主流的流行框架

Web開發工作流:GIT/SVN、Yeoman腳手架、NPMer依賴管理工具、Grunt/Gulp/Webpack。

MVC/MVVM/MVW框架:Angular.js、Backbone.js、Knockout/Ember。

常用庫:React.js、Vue.js、Zepto.js。

第八階段:HTML5原生移動應用開發

Cordova:WebApp/NativeApp/HybirdApp簡介、Cordova簡介、與PhoneGap之間的關系、開發環境搭建、Cordova實戰(創建項目，配置，編譯，調試，部署發布)。

Ionic:Ionic簡介和同類對比、模板項目解析、常見組件及使用、結合Angular構建APP、常見效果(下拉刷新，上拉載入，側滑導航，選項卡)。

React Native:React Native簡介、React Native環境配置、創建項目，配置，編譯，調試，部署發布、原生模塊和UI組件、原生常用API。

HTML5 :HTML5 中國產業聯盟、HTML5 Plus Runtime環境、HBuilder開發工具、MUI框架、H5 開發和部署。

第九階段: Node.js全棧開發:

快速入門:Node.js發展、生態圈、Io.js、Linux/Windows/OS X環境配置、REPL環境和控制台程序、非同步編程，非阻塞I/O、模塊概念，模塊管理工具、開發流程，調試，測試。

核心模塊和對象:全局對象global，process，console，util、事件驅動，事件發射器、加密解密，路徑操做。

祝你學有所成！