隨著移動互聯網的深入發展,多屏互動和多端兼容友好的界面成為目前所有系統重要的需求,讓前端開發工程師一躍成為目前市場緊俏、火爆的人才。 本課程內容包含目前最流行的三大框架(Vue、React、Angular),把全棧工程師必須要掌握的全部前端技術、Node.js相關后臺技術、HTML5移動方向開發技術做了系統整合, 致力于培養中高級前端工程師。
學完收獲:
熟練掌握前端開發HTML、CSS、JavaScript等核心技術,熟練掌握Vue、React、Angular三大流行框架
熟練使用面向對象思想進行編程,掌握應對業務編程的能力以及常見兼容性方案
熟練掌握前后端分工開發流程、原生 Ajax 請求流程與細節,掌握常見跨域技巧
能夠基于jQuery相關 API 熟練開發網頁功能
熟練運用H5實現項目的開發、運用原生JS開發移動web頁面、運用bootstrap和CSS3媒體查詢開發響應式網頁
熟練掌握模塊化編程方式,熟練使用 Node.js和Express框架對MySQL 數據庫進行增刪改查操作
熟練掌握artTemplate和ejs模板引擎的應用
熟練掌握基于cookie、session、token的持久化和身份驗證
熟練掌握前后端分離開發模式
熟練掌握 Webpack 項目打包配置流程
熟練掌握ReactNative開發移動APP
熟練掌握微信小程序項目開發
博學谷線上前端與移動開發培訓班課程適合什么樣的人群學習?
本課程內容設計完全面向零編程基礎的學員設計,不需要任何編程基礎就可以學習,只要求日常的計算機使用能力和經驗。適合在校大學生、剛剛畢業的技術小白、零基礎想轉行的非IT人員、有基礎想轉行的在職IT人員、期望得到技能提升的IT研發人員等。
為什么博學谷線上前端與移動開發培訓課程?
提煉七大精華階段,五大拓展課程,緊扣市場需求,實現真正的最全開發;內容全面系統,貫通前后端,課程設計循序漸進,330+課時從理論到實戰層層深入;13大實戰項目和30+經典案例,模擬真實企業項目開發,學完即可上崗
學完博學谷線上前端與移動開發課程能掌握哪些技能?
使用開發人員工具進行頁面調試;根據PSD文件獨立完成靜態頁面的開發工作;完成企業網站從前臺到后臺的基本開發工作;獨立開發小程序項目、移動APP項目;使用Vue、React、Angular 技術棧進行項目開發;完成全棧式開發流程和項目開發




階段一 前端開發基礎
1、了解常用瀏覽器和瀏覽器內核; 2、了解語義化的概念; 3、掌握HTML語法及使用技巧; 4、掌握 CSS 語法及使用技巧; 5、掌握 DIV+CSS 布局方式; 6、掌握常見網頁布局模式; 7、掌握 HTML 常用標簽; 8、掌握Photoshop 切圖; 9、能夠熟練使用開發人員工具進行頁面調試; 10、能夠完成基本的動畫效果、 11、能夠根據PSD文件獨立3、靜態頁面的開發工作
第一章: HTML【2019版】
1-1 瀏覽器與瀏覽器內核
1-2 HTML基本結構
1-3 HTML常用標簽
1-4 路徑和錨點定位
1-5 表格和列表標簽及案例
第二章: CSS【2019版】
2-1 CSS介紹和CSS樣式表
2-2 CSS基本選擇器
2-3 font字體和案例
2-4 CSS外觀樣式及應用案例
2-5 CSS復合選擇器
2-6 標簽顯示模式和案例
2-7 CSS背景及應用
2-8 CSS盒模型及應用案例
2-9 CSS三大特性
2-10 PS基本操作及應用案例
2-11 浮動及案例
2-12 清除浮動
2-13 PS常用操作及cutterman插件使用
2-14 學成網在線項目
2-15 CSS四種定位及淘寶輪播圖案例
2-16 CSS精靈圖及滑動門案例
第三章: 品優購電商項目【2019版】
3-1 品優購項目介紹及準備工作
3-2 品優購導航和輪播及推薦模塊實現
3-3 品優購主體內容區域實現
3-4 品優購詳情頁和注冊頁面實現
階段二 移動Web網頁開發
1、掌握 HTML5 新布局標簽、多媒體標簽; 2、掌握 CSS3 2D、3D 變換、動畫效果; 3、了解移動端屏幕、移動端瀏覽器、操作系統的不同; 4、掌握常用移動端調試方法; 5、掌握常用移動端適配方法; 6、掌握 CSS 預處理器 less 的使用; 7、掌握常用移動端框架使用方法; 8、掌握常見移動端頁面開發; 9、掌握響應式布局開發; 10、掌握 Bootstrap 開發響應式頁面; 11、掌握適配不同終端的網頁開發技術選型;
第一章: H5C3進階【2019版】
1-1 vscode編輯器基本使用
1-2 HTML5新增標簽
1-3 CSS3新增選擇器及案例
1-4 2D轉換及相關案例實現
1-5 3D轉換和旋轉木馬案例
第二章: Flex 伸縮布局【2019版】
2-1 移動端基礎知識
2-2 移動端電商首頁制作
2-3 Flex伸縮布局基礎知識
2-4 移動端攜程網首頁制作
第三章: 移動web開發【2019版】
3-1 媒體查詢
3-2 less介紹和使用
3-3 rem適配及原理
3-4 移動端蘇寧首頁制作和rem適配
3-5 響應式開發介紹
3-6 Bootstrap介紹和使用
3-7 阿里百秀響應式頁面制作
階段三 JavaScript網頁編程
1、掌握 JavaScript 基本語法; 2、掌握常見 JavaScript 算法; 3、掌握 DOM 的各種操作; 4、熟練使用面向對象思想進行 DOM 編程; 5、掌握 JavaScript 的高級語法; 6、熟練使用 jQuery 操作 DOM; 7、熟練使用和編寫 jQuery 插件; 8、掌握應對業務編程的能力; 9、掌握 JavaScript 常見兼容性方案。
第一章: JavaScript 基礎語法【2019版】
1-1 計算機基礎和Javascript介紹
1-2 Javascript變量
1-3 Javascript數據類型
1-4 Javascript操作符
1-5 Javascript流程控制及案例
1-6 javascript循環及案例
1-7 Javascript數組和冒泡排序
1-8 Javascript函數及應用
1-9 javascript作用域及預解析
1-10 javascript對象
1-11 javascript內置對象及案例
1-12 javascript簡單類型和復雜類型
第二章: WebAPI編程【2019版】
2-1 API 和 Web API
2-2 DOM介紹
2-3 事件和樣式操作及案例
2-4 百度換膚、表單全選案例
2-5 tab欄切換案例
2-6 節點操作及發布留言案例
2-7 動態創建表格案例
2-8 事件詳解及案例
2-9 BOM介紹及應用
2-10 定時器和相關案例
2-11 this指向和js執行機制
2-12 location、navigator、history對象
2-13 offset、client、scroll三大家族介紹及案例應用
2-14 緩動畫的原理和封裝
2-15 網頁輪播圖實現
2-16 節流閥、返回頂部及筋斗云案例
2-17 移動端輪播圖實現
2-18 移動端插件使用及輪播圖的實現
2-19 HTML5本地存儲及記住用戶名案例
第三章: jQuery 快速開發【2019版】
3-1 jQuery介紹及常用API導讀
3-2 jQuery選擇器及案例
3-3 jQuery鏈式編程及樣式操作
3-4 jQuery動畫及王者榮耀手風琴案例
3-5 jQuery實現購物車案例
3-6 jQuery實現電梯導航案例
3-7 jQuery事件綁定和解綁
3-8 jQuery插件的使用
3-9 jQuery實現todolist案例
第四章: JavaScript 高級【2019版】
4-1 面向對形象編程介紹
4-2 類和對象
4-3 面向對象tab欄切換案例
4-4 構造函數和原型對象
4-5 forEach、some、filter方法及查詢商品案例
4-6 Object.defineProperty方法
4-7 函數進階
4-8 call、apply、bind的使用
4-9 閉包及應用
4-10 遞歸及應用
4-11正則表達式及應用
4-12 ES6中的let和const
4-13 ES6解構賦值
4-14 ES6箭頭函數
4-15 剩余參數和拓展運算符
4-16 Array實例方法
4-17 ES6模板字符串和set數據結構
階段四? 前后端交互
Node.js 與 AJAX課程更新中,敬請期待。
第一章: Ajax基礎知識
1-1 Ajax-基礎知識鋪墊
1-2 php基礎語法
1-3 原生Ajax詳解
1-4 jQuery庫中Ajax方法的使用
1-5 跨域
1-6 sublimeServer插件
第二章: Ajax實戰
2-1 模板引擎及綜合應用
2-2 請求第三方接口天氣預報案例
第三章: ?豆瓣電影項目【就業班】
3-1 豆瓣電影項目說明
3-2 豆瓣電影城市選擇功能
3-3 豆瓣電影正在熱映渲染和加載更多功能
3-4 豆瓣電影星級評分功能
3-5 豆瓣電影影評效果實現
3-6 豆瓣電影分頁功能
3-7 豆瓣電影項目總結
階段五 后端開發
1、掌握ES6語法 2、熟練使用node基本操作和express框架 3、掌握git分布式項目版本管理工具的使用
第一章: node基礎【v2.0】
1-1 node介紹和環境安裝
1-2 es6語法
1-3 node之fs和path模塊
1-4 node之模塊化
1-5 http模塊
1-6 express框架介紹
1-7 MySql介紹與使用
第二章: node博客項目【v2.0】
2-1 博客項目-登錄與注冊
2-2 博客項目-文章發表
階段六 前端工具和框架
1、掌握vue和wepack及相關UI框架的使用 2、掌握微信小程序的基本使用及邏輯層和視圖層的傳值 3、熟練使用React和ReactNative的基本使用 4、熟練使用Angular和TypeScript的基本使用
第一章: git
1-1 git安裝和使用
第二章: Vue基礎【就業班更新1】
2-1 vue指令
2-2 axios和vue-resource
2-3 vue動畫
2-4 vue組件
2-5 vue路由
第三章: webpack【就業班更新1】
3-1 webpack介紹與安裝
3-2 webpack之loader配置與使用
3-3 webpack與vue結合使用
第四章: Vue電商后臺管理系統項目【就業班更新1】
4-1 vue項目-介紹
4-2 vue項目-登錄
4-3 vue項目-首頁布局
4-4 vue項目-用戶管理
4-5 vue項目-權限管理
4-6 vue項目-商品管理
階段七 拓展課程
拓展課程包括: 1、微信小程序及項目 2、React和ReacNative及項目 3、Angular5及項目 4、全棧式在線教育項目
第一章: 微信小程序
1-1 微信小程序介紹
1-2 微信小程序應用配置介紹
1-3 邏輯層與界面層分離架構
1-4 微信小程序組件的介紹和應用
1-5 Music伸縮布局案例
1-6 頁面間的跳轉和傳值
1-7 微信小程序TODOS案例
1-8 微信小程序本地生活項目
第二章: React
2-1 移動App的介紹
2-2 移動App開發環境搭建
2-3 webpack回顧及功能演示
2-4 React介紹
2-5 React核心概念
2-6 JSX語法介紹和使用
2-7 渲染評論列表案例
2-8 React組件介紹和使用
2-9 React路由介紹和使用
2-10 React電影項目
第三章: ReactNative電影項目
3-1 項目展示和配置
3-2 Tab欄效果
3-3 首頁效果
3-4 ReactNative路由配置
3-5 電影列表和詳情頁效果
3-6 ReactNative電影項目發布
第四章: Angular5
4-1 Angular介紹
4-2 TypeScript介紹和使用
4-3 ToDoMVC案例
4-4 Angular5通訊錄項目
第五章: 全棧式在線教育后臺管理項目
5-1 SVN介紹和使用
5-2 git和github介紹和應用
5-3 ES6語法介紹和使用
5-4 在線教育系統項目初始化
5-5 Express中間件使用
5-6 Nunjucks模板引擎
5-7 nvm、nrm、yarn介紹
5-8MongoDB和mongoose介紹和應用
5-9 全棧式在線教育項目業務邏輯實現
博學谷前端與移動開發在線就業班課程詳情:https://www.boxuegu.com/class/detail-955.html
簡介:博學谷是江蘇傳智播客教育科技股份有限公司旗下的在線IT職業教育學習平臺。
10月10日 12:00
11月8日 12:00
10月17日 12:00
10月10日 12:00



