學html5做app開發可以從哪兒學起

阿新 • • 發佈：2019-01-16

我是做android開發的，發現現在公司對html5要求挺旺盛，於是乎準備學一下html5 做app開發相關的知識。去某培訓機構看了一下他們做html5 app開發的課程體系：

1.前端頁面基礎

結構表現與頁面重構：

1.認知行業，崗位，介紹HTML5課程體系，就業趨勢以及行業未來展望；2.HTML基礎入門；3.HTML5新增元素與特性，HTML5表單增強屬性；4.CSS基礎，CSS選擇器，核心屬性；5.CSS定位，盒模型，繼承，佈局；6.CSS3新增選擇器；7.CSS3動畫，過度動畫，關鍵幀動畫；8.CSS3位移與變形處理；9.圖形、影象軟體的使用（PS）；10.各種瀏覽器相容性以及處理方式；11.垂直居中，水平居中的處理方式；12.雪碧圖處理，滑動門處理及高寬自適應等高階應用技術；

13.CSS統籌，CSS在大型專案中的應用；

2.JavaScript（原生）

JavaScript基礎：

1.JavaScript歷史；2.JavaScript如何使用及運作原理；3.JavaScript現代基本理論體系結構；4.JavaScript基本語法；5.JavaScript迴圈語句；6.JavaScript函式；7.JavaScript核心Api（如Array、String、Date、JSON、Math、RegExp）；8.掌握BOM的用法；9.掌握原生DOM操作的用法；10.握事件，事件原理，事件代理；11.掌握正則表示式；12.掌握Cookie儲存；掌握Cookie儲存；13.掌握JavaScript基本特效的製作方法；
JavaScript面向物件： 1.掌握 JavaScript 的面向物件基礎；2.掌握 Javascript 原型鏈 prototype；3.掌握 Javascript 作用域鏈；4.掌握閉包；5.掌握 This；6.掌握建構函式；7.J掌握同源策略以及 Ajax；8.掌握跨域以及解決方式；9.掌握 JavaScript 動畫的實現以及原理；10.握事件，事件原理，事件代理；11.熟悉 JavaScript 的設計模式；

3.NodeJs全棧開發

NodeJs：

1.掌握 jQuery 框架使用；2.掌握 LESS 的使用；3.掌握 ES6 特性講解以及使用；4.掌握 Gulp 前端編譯工具的使用；5.掌握 Express 框架的使用；6.掌握 PC 端網站開發基本流程和技巧；7.掌握瀏覽器/伺服器的互動模型8.掌握專案週期與技術評估；9.掌握行業網站專案開發與迭代；10.培養良好的溝通、表達和團隊協作能力；11.掌握快速學習方法，初步養成有競爭力的職業習慣；12.綜合運用 HTML+CSS，JS，jQuery，dot.js，Express，NodeJS 等技術，完成大型 PC 端專案開發；

4.移動端WebApp

移動端WebApp開發：

1.HTML5 概述以及應用場合；2.手機瀏覽器的特點；3.Viewpoint 視口，dpi，px 的區別；4.meta 屬性，縮放，拖放；5.rem 實戰，字型選擇；6.移動端事件模型；7.響應式佈局，彈性盒子模型；8.硬體加速原理；9.移動端效能優化點；10.HTML5 畫布：canvas；11.HTML5 多媒體：video，audio；

5.框架與混合式開發綜合實訓

Amd+RequireJs+SPA：

微信場景應用1.微信開發，如何呼叫微信 JSSDK，呼叫微信客戶端功能，如獲取地理位置，掃一掃，微信支付；2.瀏覽器/伺服器資料互動原理；3.SPA 單頁應用技術實戰；4.AMD 程式碼編寫實戰；5.BootStrap 柵格佈局；6.前端模板，分頁製作；7.圖片非同步載入；8.CSS3 特性使用；9.如何快速的解決問題；

提供的小例子：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
<title>three.js css3d - 元素週期表</title>
<style>
html, body {
    height: 100%;
}

body {
    background-color: #68217A;
    margin: 0;
    font-family: Helvetica, sans-serif;;
    overflow: hidden;
}

a {
    color: #ffffff;
}

#info {
    position: absolute;
    width: 100%;
    color: #ffffff;
    padding: 5px;
    font-family: Monospace;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    z-index: 1;
}
</style>

AngularJS 和Vue框架

.HybridApp開發【AngularJS框架】：

1.AngularJS 的解析過程分析；2.指令（ng-app，ng-repeat，ng-show，ng-hide，ng-controler）；3.過濾器（Filter，Date），自定義過濾器的書寫；4.路由 Router 配置；5.表單驗證；6.雙向繫結、依賴注入的理解；7.服務，自定義服務的開發；8.Controller 、Service、Directives 的實戰；9.使用 Angular.JS 開發一個專案；10.打包，將專案嵌入到 Native 中；

.HybridApp開發【Vue框架】：

1.Vue.js語法結構；2.響應式資料繫結系統；3.元件系統，搭積木式開發；4.模組化；5.路由vue-router；6.Vue.Js與伺服器通訊vue-resource；7.生產釋出；

React專案： 1.JSX語法結構；2.頁面生命週期；3.元件以及引數傳值；4.案例以及使用；
微信小程式 1.檢視層wxml；2.頁面生命週期；3.邏輯層；4.框架解密；5.專案實訓；
原生Native+HTML5： 1.WebView的配置；2.HTML5和Java的互相呼叫；3.如何除錯問題；4.混合式開發效能優化實踐；5.釋出一個混合式APP；

Cordova：

1.Cordova環境安裝；2.如何除錯，如何編譯；3.配置檔案詳解；4.事件使用；5.外掛的使用；6.開發一個專案；

學html5做app開發可以從哪兒學起

1.前端頁面基礎

2.JavaScript（原生）

3.NodeJs全棧開發

4.移動端WebApp

5.框架與混合式開發綜合實訓

AngularJS 和Vue框架

學html5做app開發可以從哪兒學起

從零開始學React Native App開發

5個好用的html5混合式App開發工具推薦

我的新書《Android App開發從入門到精通》終於出版啦

【重構】從哪兒寫起

帶你從零學ReactNative開發跨平臺App開發（一）

帶你從零學ReactNative開發跨平臺App開發（二）

帶你從零學ReactNative開發跨平臺App開發--揭開實戰內幕（四）

帶你從零學ReactNative開發跨平臺App開發（十）

做遊戲開發要學什麽

Vue2.5開發去哪兒網App 從零基礎入門到實戰項目

Vue2.5開發去哪兒網App 從零基礎入門到實戰項目

Vue2.5開發去哪兒網App 從零基礎入門到實戰專案最新無密

【從0學Python】1.開發環境搭建

嵌入式開發培訓去哪兒學?嵌入式開發前景如何？

2018最新 Vue2.5開發去哪兒網App+從零基礎入門到實戰

Vue2.5開發去哪兒網App 從零基礎入門到實戰專案

Vue2.5開發去哪兒網App 從零基礎入門到實戰專案完整版

Vue2.5開發去哪兒網App從零基礎入門到實戰專案

Vue2.5開發去哪兒網App 從零基礎入門到實戰專案百度網盤免費下載

學html5做app開發可以從哪兒學起

1.前端頁面基礎

2.JavaScript（原生）

3.NodeJs全棧開發

4.移動端WebApp

5.框架與混合式開發綜合實訓

AngularJS 和Vue框架

相關推薦