整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
程介紹
兩套Web前端開發課程，一套是極客學院的移動開發課程，主要是HTML和CSS3部分
另一套是Web前端開發入門，第二套課程可能不是整套的，只是其中一部分的。
-------------------課程目錄-------------------
第一套 極客學院前端移動開發基礎（HTML5、CSS3）
1.1HTML5開發前準備.mp4
1.2開發前的準備-快捷鍵.mp4
2.10HTML5列表的使用.mp4
2.11HTML5塊元素標簽的使用.mp4
2.12HTML5布局的使用.mp4
2.13HTML5表單的創建.mp4
2.14PHP環境搭建.mp4
2.15HTML5表單與PHP交互.mp4
2.16HTML5框架.mp4
2.17HTML5背景.mp4
2.18HTML5實體.mp4
2.19XHTML的規范化.mp4
2.1HTML5 簡介.mp4
2.2HTML5 集成開發環境搭建.mp4
2.3HTML5 基礎詳解.mp4
2.4HTML5元素簡介及使用方法.mp4
2.5HTML5屬性使用方法.mp4
2.6HTML5格式化及使用.mp4
2.7HTML5樣式的使用.mp4
2.8HTML5鏈接屬性及使用.mp4
2.9HTML5表格使用.mp4
3.10CSS樣式-列表.mp4
3.11CSS樣式-表格.mp4
3.12CSS樣式-輪廓.mp4
3.13CSS盒子模型-概述.mp4
3.14CSS盒子模型-內邊距.mp4
3.15CSS盒子模型-邊框.mp4
3.16CSS盒子模型-外邊距.mp4
3.17CSS盒子模型-外邊距合并.mp4
3.18CSS盒子模型-盒子模型應用.mp4
3.19CSS定位-定位.mp4
3.1CSS基礎-介紹及語法.mp4
3.20CSS定位-浮動.mp4
3.21CSS定位-浮動的應用.mp4
3.22選擇器-選擇器詳解(1).mp4
3.23選擇器-選擇器詳解(2).mp4
3.24CSS常用操作-對齊.mp4
3.25CSS常用操作-分類.mp4
3.26CSS常用操作-導航欄.mp4
3.27CSS常用操作-圖片.mp4
3.28CSS動畫-2D丶3D轉換.mp4
3.29CSS動畫-過渡.mp4
3.2CSS基礎-派生選擇器.mp4
3.30CSS動畫-動畫.mp4
3.31CSS動畫-多列.mp4
3.32CSS瀑布流效果.mp4
3.33HTML與CSS簡單頁面效果實例.mp4
3.3CSS基礎-id選擇器.mp4
3.4CSS基礎-類選擇器.mp4
3.5CSS基礎-屬性選擇器.mp4
3.6CSS樣式-背景.mp4
3.7CSS樣式-文本.mp4
3.8CSS樣式-字體.mp4
3.9CSS樣式-鏈接.mp4
4.10Javascript語法-跳轉語句.mp4
4.11Javascript函數-了解函數的用途.mp4
4.12Javascript函數-定義函數.mp4
4.13Javascript函數-調用函數.mp4
4.14Javascript函數-帶參數的函數.mp4
4.15Javascript函數-帶返回值的函數.mp4
4.16Javascript函數-局部變量和全局變量.mp4
4.17Javascript異常捕獲.mp4
4.18Javascript事件.mp4
4.19Javascript-DOM簡介.mp4
4.1Javascript基礎-介紹丶實現丶輸出.mp4
4.20Javascript-DOM操作HTML.mp4
4.21Javascript-DOM操作CSS.mp4
4.22Javascript-DOM EventListener.mp4
4.23JS事件詳解-事件流.mp4
4.24JS事件詳解-事件處理.mp4
4.25JS事件詳解-事件對像.mp4
4.26JS內置對像-什麼是對像.mp4
4.27JS內置對像-String字符串對像.mp4
4.28JS內置對像-Date日期對像.mp4
4.29JS內置對像-Array數組對像.mp4
4.2Javascript基礎-語法和注釋.mp4
4.30JS內置對像-Math對像.mp4
4.31JSDOM對像控制HTML元素詳解-1.mp4
4.32JSDOM對像控制HTML元素詳解-2.mp4
4.33JS瀏覽器對像-window對像.mp4
4.34JS瀏覽器對像-計時器.mp4
4.35JS瀏覽器對像-History對像.mp4
4.36JS瀏覽器對像-Location對像.mp4
4.37JS瀏覽器對像-Screen對像.mp4
4.38JS面向對像-認識面向對像.mp4
4.39JS面向對像-JS面向對像(1).mp4
4.3Javascript基礎-變量和數據類型.mp4
4.40JS面向對像-JS面向對像(2).mp4
4.41JS瀑布流效果-布局.mp4
4.42JS瀑布流效果-1.mp4
4.43JS瀑布流效果-2.mp4
4.4Javascript語法-運算符(1).mp4
4.5Javascript語法-運算符(2).mp4
4.6Javascript語法-條件語句if...else.mp4
4.7Javascript語法-條件語句switch.mp4
4.8Javascript語法-循環語句for循環.mp4
4.9Javascript語法-循環語句while循環.mp4
5.10使用Canvas制作炫酷的效果.mp4
5.11SVG-介紹.mp4
5.12SVG-繪制矢量圖形.mp4
5.13引入外部svg文件.mp4
5.14Web存儲-客戶端存儲數據新方法.mp4
5.15Web存儲-localStroage.mp4
5.16Web存儲-sessionStroage.mp4
5.17應用緩存與Web Workers-應用緩存.mp4
5.18應用緩存與Web Workers.mp4
5.19HTML5服務器推送事件-介紹.mp4
5.1HTML5音頻播放.mp4
5.20HTML5服務器端推送事件-實現.mp4
5.2HTML5音頻視頻-編解碼工具.mp4
5.3HTML5音頻視頻-視頻播放.mp4
5.4HTML5拖放.mp4
5.5HTML5拖放本地資源.mp4
5.6HTML5Canvas標簽-創建Canvas.mp4
5.7HTML5Canvas標簽-繪制圖形.mp4
5.8HTML5Canvas標簽-繪制圖片.mp4
5.9認識CreateJS.mp4
6.1響應式布局介紹.mp4
6.2實現響應式布局效果.mp4
6.3響應式布局實例操作.mp4
6.4響應式布局之Bootstrap介紹.mp4
6.5css丶組件以及JS介紹.mp4
6.6響應式布局之使用Bootstrap.mp4
7.10jQuery效果-淡入淡出.mp4
7.11jQuery效果-滑動.mp4
7.12jQuery效果-回調.mp4
7.13jQuery HTML-捕獲.mp4
7.14jQuery HTML-設置.mp4
7.15jQuery HTML-添加元素.mp4
7.16jQuery HTML-刪除元素.mp4
7.17jQuery CSS-jQuery CSS方法.mp4
7.18jQuery CSS-jQuery盒子模型.mp4
7.19jQuery遍歷之向下遍歷.mp4
7.1jQuery庫簡介.mp4
7.20jQuery遍歷之向上遍歷.mp4
7.21jQuery遍歷之同級遍歷.mp4
7.22jQuery遍歷之過濾.mp4
7.23jQuery AJAX-異步訪問.mp4
7.24jQuery AJAX-加載片段.mp4
7.25jQuery擴展-jQuery擴展.mp4
7.26jQuery擴展-noConflict.mp4
7.27jQuery瀑布流-布局.mp4
7.28jQuery瀑布流-圖片位置擺放.mp4
7.29jQuery瀑布流-滾動加載.mp4
7.2jQuery庫簡介.mp4
7.3jQuery的基本語法.mp4
7.4jQuery選擇器和事件-選擇器.mp4
7.5jQuery選擇器和事件-事件之事件常用方法.mp4
7.6jQuery選擇器和事件-事件之綁定丶解除綁定事件.mp4
7.7jQuery選擇器和事件-事件之事件目標與冒泡.mp4
7.8jQuery選擇器和事件-事件之自定義事件.mp4
7.9jQuery效果-隱藏與顯示.mp4
8.10jQuery UI Widgets-AutoComplete.mp4
8.11jQurey UI Widgets-Datepicker.mp4
8.12jQuery UI Widgets-Dialog.mp4
8.13jQuery UI Widgets-progressbar.mp4
8.14jQuery UI Widgets-menu.mp4
8.15jQurey UI Widgets-slider.mp4
8.16jQuery UI Widgets-spinner.mp4
8.1jQuery UI簡介.mp4
8.2jQuery UI的下載.mp4
8.3jQuery UI的使用.mp4
8.4jQuery UI Interractions-draggable .mp4
8.5jQuery UI Interactions-droppable.mp4
8.6jQuery UI Interactions-resizeable.mp4
8.7jQuery UI Interactions-selectable.mp4
8.8jQuery UI Interactions-sortable.mp4
8.9jQuery UI Widgets-Accordion.mp4
9.10jQuery Mobile Widgets(2)-popup.mp4
9.11jQuery Mobile Widgets(2)-selectmenu.mp4
9.12jQuery Mobile 事件.mp4
9.1jQuery Mobile-認識與下載jQuery Mobile.mp4
9.2jQuery Mobile-創建移動設備.mp4
9.3jQuery Mobile-使用jQueryMobile.mp4
9.4jQuery Mobile Widgets-page.mp4
9.5jQuery Mobile Widgets-button.mp4
9.6jQuery Moblie Widgets-checkboxradio丶collapsible.mp4
9.7jQuery Mobile Widgets(2)-grid.mp4
9.8jQuery Mobile Widgets(2)-listview.mp4
9.9jQuery Mobile Widgets(2)-navbar.mp4
10.10CreateJS控件-MovieClip.mp4
10.11CreateJS控件-Sprite.mp4
10.12CreateJS控件之DOMElement.mp4
10.13CreateJS TweenJS-CSSPlugin.mp4
10.14CreateJS TweenJS-Ease.mp4
10.15CreateJS TweenJS-MotionGuidePlugin.mp4
10.16CreateJSTweenJS-Tween.mp4
10.17CreateJS與flash交互中使用Flash生成js文件.mp4
10.18CreateJS與flash交互中加載圖片資源.mp4
10.1CreateJS介紹-EaselJS.mp4
10.2CreateJS介紹-TweenJS.mp4
10.3CreateJS介紹-SoundJS.mp4
10.4CreateJS介紹-PreLoadJS.mp4
10.5CreateJS基礎-EaselJS容器.mp4
10.6CreateJS基礎-EaselJS繪圖.mp4
10.7CreateJS基礎-EaselJS事件.mp4
10.8CreateJS控件-Text.mp4
10.9CreateJS控件-BitMap.mp4
第二套[Web前端] 零基礎Web前端開發工程師高端培訓
hack
理解像素
分辨率
理解圖層以及熟悉PS
ps工具運用
條件注釋
選擇選擇修改類工具(1)
選擇選擇修改類工具(2)
倒三角丶滑動門及IE6的那些常見bug(一)
倒三角丶滑動門及IE6的那些常見bug(二)
倒三角丶滑動門及IE6的那些常見bug(三）
倒三角丶滑動門及IE6的那些常見bug(四)
行業網站綜合實訓(一)
行業網站綜合實訓(二)
行業網站綜合實訓(三)
行業網站綜合實訓(四)
行業網站綜合實訓(五)
行業網站綜合實訓(六)
實訓微博注冊頁面切片（一）
實訓 微博注冊頁面切片(二)
實訓 微博注冊頁面切片(三)
實訓 微博注冊頁面切片(四)
人問我前端課程難嗎？這怎么說呢！天下事有難易乎?為之,則難者亦易矣 不為,則易者亦難矣。
能不能自學成功貴在自我的堅持當然還有配合正確科學的方法。我負責科學的方法你負責堅持。
首先你需要一臺個人電腦，最好不要是臺式機，筆記本更佳，MAC系統的畢竟本更好，如果你的財力允許的話。筆記本更便于攜帶，幾乎每個前端工程師都有自己的筆記本電腦，Mac系統更穩健好用，不像Windows運行幾年就變慢了。
其次你需要安裝一款適合自己的前端開發軟件，也就是你的開發工具。
”假輿馬者，非利足也，而致千里；假舟楫者，非能水也，而絕江河。君子生非異也，善假于物也。”--《勸學》
有一刻合適的開發工具會讓你的效率提高很多，事半功倍。那么有哪些開發工具呢？
Dreamweaver是個由Macromedia公司所開發的著名網站開發工具，一個很古老的前端網站開發工具，多數前端工程師都用他起步的，DW的好處是，有設計和源碼兩種模式，所見即所得，功能齊全，非常適合剛入門的工程師，但不推薦大家使用DW ，雖然他功能強大但很多功沒什么實際用處，所見即所得的開發方式也不利于工程師成長，重點是不免費啊，還的費勁兒去找破解版。
Visual Studio Code中文版是微軟推出的帶 GUI 的代碼編輯器，軟件功能非常強大，界面簡潔明晰、操作方便快捷，設計得很人性化。軟件主要改進了文檔視圖，完善了對 Markdown的支持，新增PHP語法高亮，功能強大很多插件，安裝方便，重點是免費，但還是不推薦初學者使用。
Sublime Text是一個代碼編輯器也是HTML和散文先進的文本編輯器，雖然 一個輕量級的編輯器，但有豐富的插件和第三方支持，插件需要翻墻安裝，對于初學者也不是太合適，不推薦使用。
WebStorm 是一款比較Nice 的JavaScript開發工具，被眾多前端工程師譽為“Web前端開發神器” 主要是各種提示比較給力，而且除了代碼管理，還提供了對ES6的支持。打開有點慢。可以選擇使用。
hbuilder是一款知名的且廣受好評的專門為前端研發的開發工具，而且全中文，語法庫齊全和瀏覽器兼容數據、可以方便的制作手機APP、最保護眼睛的綠柔設計等特點。支持HTML、CSS、JS、PHP的快速開發。。其強大全面的提示功能、調試等功能，讓程序員用起來感覺非常順手，而且是免費的，推薦初學者使用。
沒錯記事本也能做為前端的開發工具，但很少有人使用這玩意兒，完全不推薦初學者使用。
好了工具裝完了，完事具備了只欠東風，是不是就可以開始學習了呢？
莫慌，我們再看看網絡上有哪些能幫助我們學習的網站。初級階段不用花錢看免費的資料就行。網絡上一抓一大把，主要是你的學會找到這些資料。
在線教育機構有很多，他們會提供一些免費的視頻和成體系的課程，不過也是魚龍混雜，死了一批活了一批。我推薦給不錯的網站，供大家參考。
聲明：所有排名不分先后
成立于2014年02月
極客學院也是一家純粹做線上的在線教育平臺，開設課程有前端，Python，go，Android和iOS。極客學院不同之處在于其模式類似于硅谷的培訓機構Udacity，通過包月與包年的會員制，為學生提供相應的課程視頻、文檔資料。并且試水“一對一”的在線教育模式，當然了極客的模式和傳統的“一對一”有所不同，極客學院的“一對一”主要指老師為學生一對一批改作業等，而在授課方式上，采取的依然是一對多模式。。
成立于2012年05月
麥子學院是比較純粹做在線教育的IT培訓教育平臺，課程體系根據用戶人群需求不同分為自學課和企業直通班（有導師進行跟蹤輔導，基本上可以看做是把線下的培訓模式實現了在線化），開設的課程種類非常的多，幾乎涵蓋了互聯網的各個領域。
教學模式純粹的在線化，課程可以在官網上找到，課程制作相對比較優質。
成立于2013年8月
慕課網主打免費IT技能培訓，當然了現在也有收費的實戰項目課程。慕課網在所有的在線培訓平臺中算是口碑比較良好的一個吧，這可可能和其免費優質的策略有關。就課程體系而言慕課網也幾乎涵蓋了所有的課程分類，課程特色為其規劃好的一些職業體系，方便一些自學入門的用戶可以按部就班的獲得一個系統的知識體系。其次慕課網內置的代碼編輯器也是非常的出色，所見即所得不需要配置本地環境，更加快捷，省去了很多的麻煩。
成立于2016年4月（進入國內的時間）
優達學城是一家來自硅谷的在線教育機構，“骨骼清奇”和硅谷多家世界知名企業達成合作，這也展示在其課程上，像人工智能，自動駕駛等課程算是國內獨樹一幟，但是對于國內大部分的學習者來說，其英文的課程是一個不小的挑戰。優達學城獨具特色的地方在于課程免費， 對一些認證考試和就業介紹進行收費，作為其盈利點。
在其進入國內，根據國情也對少數的課程添加了漢語字幕，其次也努力的和國內的一些互聯網企業尋求合作，目標群體基本上定位在專業度高計算機基礎穩固的人群。
當然還有很多其他在線教育的網站，不過大多上來就彈窗，問你要不要報名啊，想盡辦法讓你花錢，煩。
不喜歡看視頻的同學可以選擇 W3C 菜鳥教程。這個教程簡單易用，非常適用于初學入門者。
首先學習html5 了解各種標簽的使用以及什么是語義化。當然只看html5是遠遠不夠的，接下來就是css了。html5只是頁面的結構編寫更多美好的工作還需要css來完成，具體的學習周期大概2~3周，大家就能記的差不多了。
大家在菜鳥教程中可以到css和css3兩種教程，學習順序別搞錯了是學完css再學習css3,因為css3是作為css的一個補償存在的。
學習完css3就到了JavaScript學習階段了
JavaScript 是 Web 的編程語言。所有現代的 HTML 頁面都使用 JavaScript。JavaScript之后還后ECAMScript6 哈哈
ES6的學習看看欒一峰的文件就可以了：http://es6.ruanyifeng.com/
這些都學完了就到框架階學習段了，目前流行的前端框架有三種：
Vue.js（讀音 /vju?/, 類似于 view） 是一套構建用戶界面的漸進式框架。Vue 只關注視圖層， 采用自底向上增量開發的設計。Vue 的目標是通過盡可能簡單的 API 實現響應的數據綁定和組合的視圖組件。
React 是一個用于構建用戶界面的 JAVASCRIPT 庫。React主要用于構建UI，很多人認為 React 是 MVC 中的 V（視圖）。React 起源于 Facebook 的內部項目，用來架設 Instagram 的網站，并于 2013 年 5 月開源。React 擁有較高的性能，代碼邏輯非常簡單 。
Angular2 是一款開源JavaScript庫，由Google維護，用來協助單一頁面應用程序運行。Angular2 是 Angular 1.x 的升級版本，性能上得到顯著的提高，能很好的支持 Web 開發組件。Angular2 發布于2016年9月份，它是基于ES6來開發的。
建議學習Vue.js 目前比較盛行，不會Vue都不好意思說自己是前端工程師了。
資料和路徑都有了你可以開始自學了。不過一個學習一但遇到問題就麻爪了，一個小問題卡住能停下一個星期。如果能組團一起學習可以進行交流。
還有如果有人帶你一起做項目是不是會更快呢？
最好找一個行內人士為師，好隨時進行指點，才可事半功倍。
歡迎關注，小故事演繹大前端。多多交流，一起學習。
參加html5培訓班學習，想了解html5培訓班都系統學習哪些內容呢？
想知道html5都學習哪些課程內容？小編分享千鋒教育html5課程大綱給大家看看，相信對于想學習的同學一看就一目了然，再去學習的話，就會有大概的學習思路了。
html5學習路線圖
千鋒html5培訓課程分采用進階式學習，階段性檢測學員掌握學員學習情況。千鋒的html5學科的課程體系能夠適應市場需求、緊跟時代技術，完全滿足市場對html5工程師的要求，大大地提升了學員的市場競爭力。學習內容包括7大學習階段：
第一階段：前端頁面重構(4周）
內容包含了：（PC端網站布局項目、HTML5+CSS3基礎項目、WebApp頁面布局項目）
第二階段：JavaScript高級程序設計（5周）
內容包含：1）原生 JavaScript交互功能開發項目、面向對象進階與 ES5/ES6應用項目、JavaScript工具庫自主研發項目）
第三階段：PC端全棧項目開發（3周）
內容包含：（jQuery經典交互特效開發、HTTP協議、Ajax進階與PHP/JAVA開發項目、前端工程化與模塊化應用項目、PC端網站開發項目、PC端管理信息系統前端開發項目）
第四階段：移動端項目開發(6周)
內容包含：（Touch端項目、微信場景項目、應用 Angular+Ionic開發 WebApp項目、應用 Vue.js開發 WebApp項目、應用 React.js開發 WebApp項目）
第五階段：混合（Hybrid,ReactNative）開發（1周）
內容包含：（微信小程序開發、React Native、各類混合應用開發）
第六階段：NodeJS全棧開發（1周）
內容包括：（WebApp后端系統開發、一、NodeJS基礎與NodeJS核心模塊二、Express三、noSQL數據庫）
第七階段：大數據可視化
內容包含：（大數據可視化化基礎與實戰、一、數據可視化入門、二、D3.js詳解、三、其他JS庫）
html5開發是目前市場上較火的開發技術，90%的企業都在使用html5培技術，北京html5培工程師的平均工資達到11380元，零基礎學習完就業薪資也達到了6670元，在企業工作一年，有1—2年經驗的，薪資更是輕松破萬，隨著互聯網的突飛猛進，預計html5培工程師的薪資會再上升一大截。
*請認真填寫需求信息，我們會在24小時內與您取得聯系。
