好程序員-千鋒教育旗下高端IT職業(yè)教育品牌
官方微信
5個大前端技術(shù)應(yīng)用案例，直達用戶，為應(yīng)用而生！
據(jù)微信官方數(shù)據(jù)顯示，目前小程序已經(jīng)覆蓋了 200 多個細分行業(yè)，服務(wù)用戶超過 1000 億人次，年交易增長超過 600%，創(chuàng)造了 5000 億以上的行業(yè)價值。
小程序是基于微信平臺的輕量級應(yīng)用，微信小程序在微信平臺中只需要開發(fā)前端版本，發(fā)布的開發(fā)者工具也很方便，兩天就能開發(fā)出一個完整的微信小程序。
近幾年，人臉識別技術(shù)不斷發(fā)展，在我們的生活中得到了廣泛應(yīng)用，手機、商場、公園等都可以看到它的身影。據(jù)相關(guān)分析報告顯示，預(yù)計今年起人臉識別市場規(guī)模將保持20%左右的增速，到2022年，全球人臉識別市場規(guī)模將達75.95億美元。
HTML5前端技術(shù)用人的面部特征規(guī)則對圖像進行匹配和識別，依據(jù)內(nèi)置規(guī)則庫進行匹配，實現(xiàn)人臉圖像采集及檢測、人臉圖像預(yù)處理、人臉圖像特征提取以及匹配與識別。
數(shù)據(jù)可視化主要旨在借助于圖形化手段，清晰有效地傳達與溝通信息。廣泛應(yīng)用與傳統(tǒng)零售、醫(yī)療、電商領(lǐng)域的數(shù)據(jù)統(tǒng)計分析和營銷。
通過Canvas/SVG等Web前端技術(shù)對大數(shù)據(jù)進行數(shù)據(jù)可視化，通過WebGL技術(shù)完成3D/復(fù)雜圖形數(shù)據(jù)可視化，具體包含Canvas、SVG、WebGL、ECharts.js、D3.js、Highcharts.js等。
區(qū)塊鏈的熱度不亞于大數(shù)據(jù)、人工智能、VR等熱門技術(shù)。繼比特幣之后，各大互聯(lián)網(wǎng)公司紛紛推出“萊茨狗”、“謎戀貓CryptoKitties”等區(qū)塊鏈產(chǎn)品。
web前端通過highcharts, echarts, tradeview等數(shù)據(jù)可視化技術(shù)為虛擬貨幣交易平臺提供了直觀的交易數(shù)據(jù)與走勢信息。簡化區(qū)塊鏈交易流程，優(yōu)化交易體驗，提供直觀的交易數(shù)據(jù)。
隨著5G時代的到來，物聯(lián)網(wǎng)已滲透到生活的方方面面。小到各種可穿戴產(chǎn)品、共享單車，大到汽車、工廠和樓宇，物聯(lián)網(wǎng)能使一切設(shè)備互聯(lián)并具備智慧。物聯(lián)網(wǎng)預(yù)示著未來，2017年至今，BAT、華為、三大運營商、亞馬遜、谷歌等巨頭紛紛在物聯(lián)網(wǎng)領(lǐng)域發(fā)起“圈地運動”。
HTML5前端技術(shù)可實現(xiàn)在樹莓派、智能手表、語音私人助理等多種智能設(shè)備上，網(wǎng)頁的正常訪問和可用。
技術(shù)精廣 關(guān)注商業(yè)目標(biāo) 注重用戶體驗 注重效率
興趣與實戰(zhàn) 學(xué)習(xí)管理 強化溝通
前后端視角 高性能視角 大前端視角
設(shè)計基礎(chǔ) 設(shè)計模式 架構(gòu)模式 設(shè)計原則
由專業(yè)課程與企業(yè)課程兩大部分組成，企業(yè)課程由好程序員合作企業(yè)聯(lián)合研發(fā)學(xué)科、授課。
優(yōu)勢一
企業(yè)課程包含團隊?wèi)敉馔卣褂?xùn)練、企業(yè)合作項目課程、管理課程、職業(yè)素養(yǎng)課程五大部分，打造符合企業(yè)實際需求的復(fù)合型高端人才、項目管理人才。
優(yōu)勢二
課程安排緊湊且深度加大，16類項目貫穿課程始終。
優(yōu)勢三
UI+H5+JAVA多學(xué)科聯(lián)合項目。
優(yōu)勢四
國內(nèi)休閑食品連鎖加盟品牌，國內(nèi)一線品牌，提供零食店連鎖服務(wù)，加盟費便宜，食品種類豐富,購物方便實惠。
1.linux系統(tǒng)下開發(fā)環(huán)境安裝與配置指導(dǎo)。
2.FTP服務(wù)對接、富文本上傳。
3.商品總價計算復(fù)用封裝、分頁及動態(tài)排序。
4.MD5明文加密、guava緩存。
5.訂單模塊、收貨地址、支付模塊開發(fā)。
國內(nèi)的美食,食譜,菜譜網(wǎng)。做你喜愛的美食網(wǎng),菜譜網(wǎng)。提供人性化的菜譜大全,食譜家常菜,家常菜譜大全的美食網(wǎng)。
1.React官方腳手架create-react-app安裝與使用。
2.React + React-router4.0 + redux + react-redux全家桶進行開發(fā)。
3.React內(nèi)置動畫特效提升用戶體驗。
4.React的UI組件Ant-design界面美化和開發(fā)。
5.路由懶加載、PureComponent等優(yōu)化項目。
專業(yè)的在線寵物交易小程序，支持發(fā)布寵物交易信息，提供寵物擔(dān)保交易，寵物交易安全放心，功能強大，深受用戶信賴。
1.小程序的基礎(chǔ)知識與概念以及開發(fā)技巧。
2.小程序api與內(nèi)置組件，生命周期鉤子函數(shù)的合理利用。
3.
mpvue小程序開發(fā)框架引入實現(xiàn)開發(fā)。
4.小程序測試、發(fā)布上線一體化流程。
拉勾網(wǎng)是一家專為擁有3至10年工作經(jīng)驗的資深互聯(lián)網(wǎng)從業(yè)者，提供工作機會的招聘網(wǎng)站。拉勾網(wǎng)專注于在為求職者提供人性化、專業(yè)化服務(wù)的同時，降低企業(yè)端尋覓良才的時間和成本。
1. Gulp + Webpack + Git + Sass 實現(xiàn)前端工程化、自動化開發(fā)。
2. 移動M站布局技巧、屏幕適配與事件處理。
3.
Swiper、Better-Scroll等熱門插件工具。
4. Director.js + Handlebar.js 打造高體驗RMVC架構(gòu)的SPA單頁應(yīng)用 。
5.
Canvas/Navigator等H5API應(yīng)用。
警情可視化系統(tǒng)是一體大屏可視化決策系統(tǒng)，面向公安指揮中心大屏環(huán)境，具備的大數(shù)據(jù)顯示性能以及多機協(xié)同管理機制，支持大屏、多屏、超大分辨率等顯示情景
1.數(shù)據(jù)可視化基礎(chǔ)，基本開發(fā)工具的使用。
2.ChartBlocks、Infogram、plotly、Raw、Tableau等簡易化開發(fā)工具。
3.可視化插件D3.js、Echarts.js、Highcharts.js的使用。
4.Socket.io實現(xiàn)數(shù)據(jù)動態(tài)新后的圖表re-render。
Smartisan線上商城是一家移動互聯(lián)網(wǎng)終端設(shè)備電商型項目,致力于打造用戶體驗數(shù)碼消費類產(chǎn)品(智能手機為主交易),主打堅果手機系列有堅果R1手機,堅果3手機等。
1.HTML5+CSS3實現(xiàn)高精度還原頁面布局。
2. Javascript + jQuery 實現(xiàn)頁面邏輯交互、動效。
3. Ajax
、cookie數(shù)據(jù)交互技術(shù)實現(xiàn)前后端分離開發(fā)。
4. Gulp + Git + Sass + Bower 前端工程化開發(fā)。
5. PHP + MySQL + Apache服務(wù)端部署。
直播管理系統(tǒng)是一款為直播應(yīng)用服務(wù)的管理平臺系統(tǒng)，提供了直播內(nèi)容管理、禮物管理、直播間管理等功能的立體解決方案，同時大大優(yōu)化了用戶操作體驗。
1. Angular-cli搭建項目開發(fā)環(huán)境，初始化CMS項目。
2. TypeScript + ES6語法學(xué)習(xí)。
3.
AngularRouter實現(xiàn)路由重定向、嵌套路由、resolve守衛(wèi) 。
4. 依賴注入、數(shù)據(jù)綁定、響應(yīng)式編程和管道。
5.
組件通信、表單處理、數(shù)據(jù)交互構(gòu)建界面主要功能結(jié)構(gòu)。
拉勾網(wǎng)管理系統(tǒng)是為拉鉤內(nèi)部人員使用的職位信息等數(shù)據(jù)管理的的平臺項目，主要功能有：權(quán)限驗證，查看職位信息，增加、修改、刪除職位信息內(nèi)容等功能。
1. Node.js環(huán)境安裝與NPM包管理的使用方式。
2. Javascript在Node.js中的運行模式。
3.
Node.js常用模塊實用技巧(http/url/querystring...)。
4. Express框架 + AdminLTE框架開發(fā)CMS系統(tǒng)。
5.
搭配MongoDB實現(xiàn)數(shù)據(jù)的增刪改查操作。
貓眼電影是美團旗下的一家集媒體內(nèi)容、在線購票、用戶互動社交、電影衍生品銷售等服務(wù)的一站式電影互聯(lián)網(wǎng)平臺。
1.Vue-CLI3.0腳手架快速創(chuàng)建項目骨架。
2.Vue-Router搭建SPA方式的單頁面應(yīng)用。
3.Vuex進行數(shù)據(jù)共享，實現(xiàn)狀態(tài)管理。
4.自定義組件、第三方UI組件封裝可復(fù)用模塊。
5.通過axios進行數(shù)據(jù)獲取，localStorage進行本地存儲。
今日影視大全提供新的電影介紹及評論包括上映影片的影訊查詢及購票服務(wù)。你可以記錄想看、在看和看過的電影電視，順便打分、寫影評，也會根據(jù)用戶的喜好習(xí)慣推薦精彩內(nèi)容。
1. Yarn + react-native-cli 搭建RN開發(fā)環(huán)境，Xcode模擬器及真機調(diào)試運行項目。
2.
react-navigation、StackNavigator導(dǎo)航組件開發(fā)實現(xiàn)多界面跳轉(zhuǎn)。
3. Fetch網(wǎng)絡(luò)編程技術(shù)，封裝ListView實現(xiàn)拉動刷新特效。
4.
模塊組件分離開發(fā)，AsyncStorage數(shù)據(jù)庫技術(shù)及離線緩存。
5. React Native與IOS 、Android混合開發(fā)。
人人可用的在線表單工具,快速創(chuàng)建問卷調(diào)查、活動報名、意見反饋、信息登記、在線訂單、考試測評等表單，自動化收集整理數(shù)據(jù)，節(jié)省工作時間。
1.采用RESTful風(fēng)格API，對接線上數(shù)據(jù)。
2.flex彈性布局方案 + rpx適配。
3.小程序組件搭建與底層API調(diào)用。
4.登錄授權(quán)、報表創(chuàng)建與新、支付等功能實現(xiàn)。
5.小程序測試、發(fā)布上線一體化流程。
隨時隨地發(fā)現(xiàn)新鮮事！微博帶你欣賞世界上每一個精彩瞬間，了解每一個幕后故事。分享你想表達的，讓全世界都能聽到你的心聲！
1.抓包工具安裝及介紹、自動化控制工具安裝。
2.查找域名對應(yīng)的IP地址，向IP對應(yīng)的服務(wù)器發(fā)送請求。
3.服務(wù)器響應(yīng)請求，發(fā)回網(wǎng)頁內(nèi)容，瀏覽器解析網(wǎng)頁內(nèi)容。
4.Python中自帶urllib及urllib2模塊抓取。
5.對于反爬蟲機制的處理，多進程抓取。
外賣覆蓋國內(nèi)各城市外賣商家、快餐和特色美食，擁有的外賣網(wǎng)上訂餐平臺和外賣送餐團隊，提供24小時叫外賣服務(wù)。
1.封裝自己的WebView框架，一鍵式混合App部署。
2.購物車飛入效果實現(xiàn)，酷炫MD風(fēng)格商品詳情。
3.購物車數(shù)據(jù)計算和邏輯梳理。
4.通用購物車UI實現(xiàn)和封裝。
5.登錄、注冊功能開發(fā)(ORM框架-GreenDao)。
起點讀書是起點中文網(wǎng)推出的一款閱讀軟件，它具有便捷使用方便讀、舒適閱讀貼心用、海量書庫熱門推、格式多樣支持強等特點，同時提供了賞心悅目的UI及輕松舒適的圖書閱讀體驗，支持多端適配。
1. Ionic CLI 進行項目的初始化構(gòu)建，VSCode 插件。
2. Ionic Provider，Ionic 請求 RESTful，Ionic Loading、Ionic Toast等
模塊的抽象。
3. Ionic Native應(yīng)用及模擬器與真機測試。
4. 第三方Hybrid框架Cordova/Phone gap。
5. 自主原生Navtive
Hybrid(iOS、Android)。
開發(fā)電商小程序應(yīng)用，應(yīng)用基于 Taro 與 Taro UI，應(yīng)用可以編譯成多種不同的版本，比如微信小程序，支付寶小程序，H5 應(yīng)用或者移動端應(yīng)用。
1、React
2、微信小程序
3、Taro
4、TaroUI
飛機票，機票，提供國內(nèi)2600多條航線的飛機票查詢服務(wù)和機票信息。同時搜索國航、南航、攜程等上千家機票預(yù)訂網(wǎng)站。
1.Flutter混合開發(fā)流程原理、場景 ，Scaffold與PageView創(chuàng)建，輪播Banner插件應(yīng)用。
2.Flutter網(wǎng)絡(luò)編程和本地存儲，F(xiàn)uture與FutureBuilder的使用。
3.基于GridView實現(xiàn)網(wǎng)格列表，下拉刷新與上拉加載多。
4.打包發(fā)布Flutter
Android應(yīng)用打包發(fā)布Flutter iOS應(yīng)用。
5.Flutter與AI智能的結(jié)合 引入與調(diào)用Native SDK 實現(xiàn)語音搜索的功能。
UI+HTML5+Java項目聯(lián)合開發(fā)，旨在提高學(xué)員團隊協(xié)作力、全項目周期把控力、需求分析與技術(shù)實現(xiàn)力，
項目覆蓋網(wǎng)站、系統(tǒng)管理等內(nèi)容，行業(yè)涉及移動互聯(lián)網(wǎng)、電商、金融等。
云之家 6期項目聯(lián)合大賽 第1名
SOUL 6期項目聯(lián)合大賽 第2名
Q愛寵 6期項目聯(lián)合大賽 第3名
平均得分：94.17分
講師評價：項目UI設(shè)計美觀大方，交互符合企業(yè)辦公人員的使用習(xí)慣。功能完善，可以作為企業(yè)項目直接使用。前端應(yīng)用新技術(shù)，包含小程序，公眾號，混合開發(fā)，React等技術(shù)。后端應(yīng)用SSM，MySQL數(shù)據(jù)庫等技術(shù)。 這個項目是本次聯(lián)合項目功能全、可用度高的項目
云之家，基于組織通訊錄的即時消息、簽到、請假、文件、公告及應(yīng)用接入服務(wù)，提高工作效率。云之家是國內(nèi)企業(yè)移動互聯(lián)網(wǎng)領(lǐng)域的。它通過移動辦公與團隊協(xié)作APP應(yīng)用，幫助企業(yè)打破部門與地域限制，提升工作效率，激活組織活力。
1.主頁登錄注冊等功能
2.智能審批等功能
3.聊天管理等功能
4.朋友圈等功能
1.自動回復(fù)
2.百度地圖的引入
3.二維碼的自動生成
4.紅包
平均得分：93.8分
講師評價：一款社交APP，項目設(shè)計獨特，可以自動匹配好友。手機驗證、用戶云、篩選組件、測試題庫等是本項目的亮點。項目完成度較高，前后端技術(shù)新穎。功能、性能、安全方面都完成的較好。
Soul是一款基于心靈的社交應(yīng)用，用戶可以在上面真實的表達自己，打造全新的社交身份。產(chǎn)品通過“化學(xué)反應(yīng)的匹配算法”一鍵推薦用戶可能喜歡的人，讓用戶通過在Soul上和聊得來的朋友溝通和交流來降低孤獨感，提升幸福感。
登錄、注冊、找回密碼、靈魂測試、啟動頁、金幣、加好友、畫板、廣場-推薦、廣場-新、廣場-關(guān)注、搜索欄、發(fā)布瞬間、聊天、關(guān)注類表、聊天界面、我的詳情、好友主頁、設(shè)置 、修改簽名、改生日等。
框架使用：React、ui組件庫 antd-mobile、狀態(tài)管理-redux、數(shù)據(jù)性能優(yōu)化immutable
樣式: styled-components
滾動插件：better-scroll
平均得分：92.75分
講師評價：一款在線寵物交易，在線寵物交流的APP。項目從信息發(fā)布到交易整體流程完成的不錯。前端后端技術(shù)新穎，項目性能和用戶體驗都非常好。
Q愛寵是一款專門為愛狗人士準(zhǔn)備的一個電商平臺，它包含寵物狗、寵物狗糧、寵物用品的售賣，同時，還會分享一些寵物的視頻和文章，讓用戶可以科學(xué)養(yǎng)犬，也是一個養(yǎng)狗溝通和交流的社區(qū)。
手機號/郵箱驗證注冊、微信支付、微信公眾號、精確搜索、社區(qū)交流、一體化服務(wù)、針對性服務(wù)。
1.react-router-dom
2.redux
3.immutable
4.axios
5.swiper
專業(yè)課程
| 課程細類 | 課程內(nèi)容 | 課程項目 |
| PC端網(wǎng)站布局 |
- HTML基礎(chǔ)，CSS基礎(chǔ)，CSS核心屬性 - CSS樣式層疊，繼承，盒模型 - 容器，溢出及元素類型 - 瀏覽器兼容與寬高自適應(yīng) - 定位，錨點與透明 - 圖片整合 - 表格，CSS屬性與濾鏡 |
世紀(jì)佳緣用戶注冊頁布局 臥龍控股網(wǎng)站項目布局 華帥燈飾網(wǎng)站項目布局 千鋒互聯(lián)網(wǎng)站項目布局 京東首頁布局 騰訊游戲首頁布局 BOSS直聘布局 麥田國際項目布局 |
| HTML5+CSS3基礎(chǔ) |
- HTML5新增的元素與屬性 - 表單域增強元素 - CSS3選擇器 - 文字字體相關(guān)樣式 - CSS3位移與變形處理 - CSS3 2D轉(zhuǎn)換與過度動畫 - CSS3 3D轉(zhuǎn)換與關(guān)鍵幀動畫 - 彈性盒模型 - 媒體查詢 - 響應(yīng)式設(shè)計 |
探路者頁面布局 2D相冊 3D相冊 CSS3繪制機器貓 CSS3繪制自行車 骰子布局 |
| PC端網(wǎng)站布局 |
- 移動端頁面設(shè)計規(guī)范 - 移動端切圖 - 流式布局（100%布局） - 等比縮放布局（rem布局） - 響應(yīng)式布局 - viewport - rem/vw的使用 - flexbox詳解 - 移動端reset, 1px border, 高清圖片 - 淘寶移動端頁面適配方案 |
Ghost 開源博客平臺頁面的響應(yīng)式布局 足球圈M站布局 |
| 課程細類 | 課程內(nèi)容 | 課程項目 |
| 原生JavaScript交互功能開發(fā) |
- 基本語法 - 循環(huán)語句 - 函數(shù)與數(shù)組 - String與Date - BOM與DOM - 事件 - 拖拽效果 - cookie存儲 - 正則表達式 - Ajax - 面向?qū)ο蠡A(chǔ) - 運動與游戲開發(fā) |
蘑菇街瀑布流 打磚塊游戲開發(fā) 淘寶商品查詢 微信飛機大戰(zhàn)游戲開發(fā) 智能問答機器人 |
| 面向?qū)ο筮M階與ES5/ES6/ES7應(yīng)用 |
- Promise - 設(shè)計模式（觀察者模式等） - 原型鏈 - 構(gòu)造函數(shù) - 執(zhí)行上下文棧與執(zhí)行上下文 - 變量對象與活動對象 - 作用域鏈 - 閉包 - this - ES5 - ES6 - ES7 |
微信飛機大戰(zhàn)游戲開發(fā)（升級版） |
| JavaScript工具庫自主研發(fā) | - DOM庫 - 事件庫 - AJAX庫 - 原型和繼承庫 - MVVM核心庫 - 基于SPA的路由庫 |
千鋒JS工具庫 |
| jQuery經(jīng)典交互特效開發(fā) |
- 時間軸特效 - tab頁面切換效果 - 網(wǎng)頁定位導(dǎo)航特效 - 滑動門特效 - 焦點圖輪播特效 - 導(dǎo)航條菜單效果 - 瀑布流特效 - 彈出層效果 - 倒計時效果 - 抽獎效果 |
天貓首頁交互開發(fā) |
| PHP+MySQL后端基礎(chǔ) |
- Apache - PHP - MySQL - HTTP(s)協(xié)議詳解 - Ajax進階、跨域與Defered - Apache與Nginx 環(huán)境搭建與配置 - 接口的定義 - Mock數(shù)據(jù) - Restful - 前后端聯(lián)調(diào) - 前端安全(XSS,CSRF,JSON注入) |
Smartisan手機商城后端接口開發(fā) |
| 前端工程化與模塊化應(yīng)用 |
- Gulp - Webpack - NPM - Linux命令 - Git/SVN - CommonJS - AMD - CMD - ES6模塊化 |
Smartisan手機商城開發(fā)工程化環(huán)境搭建 |
| PC端全棧開發(fā)項目 |
- 大首頁、列表頁與詳情頁 - 展示與交互特效 - 搜索 - 登錄與注冊 - 購物車 - jQueryUI 與 jQuery EasyUI - Bootstrap(ACE) - Highcharts/Echarts - ArtTemplate - velocity - smarty - 云平臺系統(tǒng)前端 - Apache+PHP+MySQL服務(wù)器搭建 |
Smartisan手機商城開發(fā)工程化環(huán)境搭建 |
| 課程細類 | 課程內(nèi)容 | 課程項目 |
| Node.js基礎(chǔ) |
一、Node.js基礎(chǔ) - Node.js介紹 - 開發(fā)環(huán)境搭建 - 模塊與包管理工具 - CommonJS模塊 - URL網(wǎng)址解析 - QueryString參數(shù)處理 - HTTP模塊 - HTTP小爬蟲 - request方法 - 事件 events模塊 - 文件 fs模塊 - Stream 流模塊 - 原生路由與參數(shù)接收 - 讀取圖片文件 - npm scripts - Yarn 與 PM2 二、MongoDB - MongoDB介紹與環(huán)境搭建 - 數(shù)據(jù)庫常用命令 - Collection聚集集合 - document文檔操作 - 聚集集合查詢 - NodeJS連接MongoDB 三、GraphGL - GraphQL初探:從REST到GraphQL - GraphGL安裝 - 準(zhǔn)備數(shù)據(jù)源 - 搭建GraphQL服務(wù)器 - 數(shù)據(jù)查詢 四、Express - express 介紹 - 安裝和創(chuàng)建基于Express的項目 - Express 4.1x 初始化項目詳解 - 路由簡介 - 模板引擎EJS - 模板引擎Pug（Jade） 五、Koa2 - 路由 - 請求數(shù)據(jù)獲取 - 靜態(tài)資源加載 - cookie/session - 模板引擎 - 文件上傳 - 數(shù)據(jù)庫MySQL - JSONP實現(xiàn) - 測試與debug 六、測試框架mocha - 搭建框架 - 斷言assert - 項目測試 - 運行多個測試 七、socket 即時通信項目 - Socket簡介和通訊流程 - 基于net模塊實現(xiàn)socket - WebSocket - Socket.io |
Node.js基礎(chǔ)案例 |
| Node.js全棧項目 | 基于M站+Node.js+MongoDB全棧項目開發(fā) | 打造仿拉勾網(wǎng)M站 |
| Vue.js開發(fā)基礎(chǔ) |
- WebApp開發(fā)基礎(chǔ)(Webstorage,移動端事件,UI組件, Zepto, IScroll, Swiper) - MVVM模式 - 前端組件化 - 單文件組件 - 組件間傳值 - Vue實例 - E19Vue實例生命周期 - Vue的模版語法 - 計算屬性,方法與偵聽器 - 計算屬性的 getter 和 setter - Vue中的樣式綁定 - Vue中的條件渲染 - Vue中的列表渲染 - Vue中的set方法 - 父子組件間的數(shù)據(jù)傳遞 - 組件參數(shù)校驗與非 props 特性 - 給組件綁定原生事件 - 非父子組件間的傳值 - 在Vue中使用插槽 - 作用域插槽 - 動態(tài)組件與 v-once 指令 - Vue動畫 |
Vue.js基礎(chǔ)案例 |
| 應(yīng)用Vue.js開發(fā)WebApp項目 |
- 環(huán)境配置 - 項目代碼介紹 - 單文件組件與Vue中的路由 - 單頁應(yīng)用VS多頁應(yīng)用 - Mint UI - Element UI - 項目的聯(lián)調(diào)，測試與發(fā)布上線 |
打造仿賣座網(wǎng)移動端網(wǎng)站 |
| React 開發(fā)基礎(chǔ) |
- React簡介 - React開發(fā)環(huán)境準(zhǔn)備 - React中的組件 - JSX語法 - 拆分組件與組件之間的傳值 - React developer tools 安裝及使用 - PropTypes 與 DefaultProps 的應(yīng)用 - props，state 與 render 函數(shù)的關(guān)系 - 深入了解React虛擬DOM - 虛擬 DOM 中的 Diff 算法 - React 中 ref 的使用 - React的生命周期函數(shù)及使用場景 - 使用Charles實現(xiàn)本地數(shù)據(jù)mock - React 中實現(xiàn) CSS 動畫效果 - react-transition-group 實現(xiàn)動畫 - Redux 概念簡述和工作流程 - Action 和 Reducer 的編寫 - ActionTypes 的拆分 - 使用 actionCreator 統(tǒng)一創(chuàng)建 action - UI組件和、容器組件及無狀態(tài)組件 - 使用Redux-thunk 中間件實現(xiàn)ajax數(shù)據(jù)請求 - Redux-saga 中間件使用 - React-redux 中間件使用 |
React基礎(chǔ)案例 |
| 應(yīng)用Reat開發(fā)WebApp項目 |
- Ant Design組件庫 - React Router 4 路由 - 項目組件編寫 - 使用 Immutable.js 來管理store中的數(shù)據(jù) - 項目的聯(lián)調(diào)、測試與發(fā)布上線 |
打造在線英文教育網(wǎng) |
| 微信公眾號開發(fā) |
- 初識微信公眾號 - 訂閱號的基本功能 - 使用百度BCE實現(xiàn)代碼的快速上線 - 使用Git完成線上代碼部署 - 公眾號開發(fā)權(quán)限及功能接入 - 微信JSSDK接口API - 微信場景項目開發(fā)與接入 |
賣座電影項目接入微信 |
| 微信小程序開發(fā) |
- 微信小程序初探 - 小程序入門必學(xué) - 小程序組件體驗 - 小程序API講解 - Wepy小程序開發(fā)框架 - MpVue小程序開發(fā)框架 |
造萌寵交易平臺 |
| 阿里釘釘企業(yè)E應(yīng)用（支付寶小程序） | - E應(yīng)用功開發(fā)入門 - E應(yīng)用開發(fā)流程 - E應(yīng)用開發(fā)基礎(chǔ) - E應(yīng)用開發(fā)實戰(zhàn) |
支付寶小程序報表系統(tǒng) |
| Angular6基礎(chǔ) |
- TypeScript 基礎(chǔ)與進階 - 開發(fā)環(huán)境配置 - Hello World - 架構(gòu)、模塊與組件 - 模板 - 元數(shù)據(jù)、數(shù)據(jù)綁定與數(shù)據(jù)顯示 - 表單 - 服務(wù)與指令 - 依賴注入 - 路由 - Ionic 3 框架 |
直播課管理系統(tǒng) 跨平臺手機APP |
| 大數(shù)據(jù)可視化基礎(chǔ)與實戰(zhàn) |
- 數(shù)據(jù)可視化基礎(chǔ) - Echars、Hignchars - D3.js 入門 - D3.js 進階 - D3.js 選擇集與數(shù)據(jù) - D3.js 應(yīng)用 - D3.js 應(yīng)用工具：NVD3、n3-charts |
公安警情可視化系統(tǒng) |
| React Native開發(fā) |
- RN 開發(fā)環(huán)境準(zhǔn)備與基礎(chǔ)組件介紹 - 多組件集成應(yīng)用實現(xiàn)TodoList - 美食App首頁布局及Tabbar的深入理解 - 引入路由，通用模塊及列表頁面布局 - 復(fù)用組件并在項目中引入redux - 頁面代碼優(yōu)化及Webview組件的使用 - 使用RN中的本地存儲實現(xiàn)設(shè)置功能 - RN內(nèi)置API詳解 - RN內(nèi)置組件，Expo內(nèi)置API詳解及項目上線流程 |
愛美食APP |
| flutter |
- 開發(fā)準(zhǔn)備 - 界面結(jié)構(gòu) - 基礎(chǔ)部件 - 布局 - 視圖 - SLIVER - 路由 - 表單 - 輸入 - 狀態(tài)管理 - 網(wǎng)絡(luò)請求等 |
Flutter版愛美食App |
| 前端相關(guān)前沿技術(shù)精講 |
- Webpack 4 - Koa2 + AdonisJS + Egg.js - 服務(wù)端渲染基礎(chǔ) + Next.js + Nuxt.js - Mobx狀態(tài)管理 - TypeScript在Vue.js及React中的應(yīng)用 - APICloud + DCloud - Vue 與 React 源碼解讀 |
前沿技術(shù)在項目中的應(yīng)用 |
| 課程細類 | 課程內(nèi)容 | 課程項目 |
| 企業(yè)級開發(fā)技術(shù)架構(gòu)實戰(zhàn) | - Java/JSP進階 - Struts - Spring - Hibernate - Oracle |
Java Web基礎(chǔ)案例 |
| 商城項目整站開發(fā) | - 基于Apache的集群搭建(負載均衡) - 模板引擎FreeMarker - 項目整站靜態(tài)化 - 構(gòu)建工具Maven |
共享單車后臺系統(tǒng)（Java版） |
| Android開發(fā) |
- Android基礎(chǔ)與環(huán)境搭建 - Android UI基礎(chǔ)與進階 - 核心組件應(yīng)用 - 數(shù)據(jù)存儲于相關(guān)組件 - 移動開發(fā)主流界面 - 應(yīng)用核心組件 - view深入開發(fā) |
外賣系統(tǒng)項目 |
| iOS混合開發(fā) | - 為什么使用JSBridge - JSBridge初始化 - JS加載iOS模塊 - iOS執(zhí)行JS - 應(yīng)用打包部署與發(fā)布 |
iOS混合開發(fā)項目 |
| Python基礎(chǔ) |
一、Python基礎(chǔ) Python基礎(chǔ)語法 python字符串解析 python時間和日歷 python文件操作，數(shù)據(jù)處理 python面向?qū)ο笳Z法 命名空間和作用域 Python正則表達式 Python常用第三方庫 Python網(wǎng)絡(luò)編程 二、Django Django介紹 安裝和創(chuàng)建基于Django的項目 初始化項目詳解 路由簡介 模板引擎 模型 Admin管理工具 Django + Mysql項目實戰(zhàn) |
WebApp后端系統(tǒng) |
| web框架Flask |
- VirtualEnv安裝 - 創(chuàng)建Flask項目 - 路由 - 視圖與模板引擎Jinja2 - MongoDB - MongoEngine - 共享單車后臺系統(tǒng)開發(fā) |
共享單車后臺系統(tǒng)（Python版） |
| Python爬蟲實戰(zhàn) |
- 爬蟲基礎(chǔ) - Urllib庫的基本使用 - Urllib庫的用法 - URLError異常處理 - Cookie的使用 - Beautiful Soup的用法 - 利用爬蟲獲取商品價格 - 比價網(wǎng)實戰(zhàn) |
比價網(wǎng) |
| 大型前端項目架構(gòu)與聯(lián)合項目 |
- git高階應(yīng)用 - chrome中的調(diào)試功能 - 如何權(quán)衡組件拆分的粒度 - 什么是佳實踐 - 常見前端攻擊demo詳解 - 什么是前端監(jiān)控異常 - 如何了解網(wǎng)站前端代碼線上的實際性能 - 前端代碼發(fā)布上線流程詳述 - 搭建前端異常監(jiān)控系統(tǒng)，實現(xiàn)線上異常收集，自動短信報警 - 搭建前端自動化發(fā)布系統(tǒng)，實現(xiàn)前端代碼自動化上線 |
架構(gòu)實戰(zhàn) |
“眾志成城”
培養(yǎng)通力合作精神
“信任背摔”
培養(yǎng)團隊相互信任
“挑戰(zhàn)NO.1”
壓力面前絕不退縮
“高空斷橋”
相信自我挑戰(zhàn)極限
| 課程名稱 | 負責(zé)人/組織 | 授課時間 |
|---|---|---|
| 團隊建設(shè)、團隊協(xié)作 | 專業(yè)拓展公司 | 第4周 周六全天 |
| 逆境生存法則 | 專業(yè)拓展公司 | 第12周 周六全天 |
| 課程名稱 | 負責(zé)人/組織 | 授課時間 |
|---|---|---|
| 項目需求分析與交互設(shè)計； | 技術(shù)總監(jiān) | 第17-22周周六全天 |
| 前后端及移動端流行工具、框架與庫的企業(yè)項目深度應(yīng)用實戰(zhàn)； | 技術(shù)總監(jiān) | |
| JavaScript框架設(shè)計； | 技術(shù)總監(jiān) | |
| 移動端組件庫設(shè)計； | 技術(shù)總監(jiān) | |
| 項目架構(gòu)與產(chǎn)品選型； | 技術(shù)總監(jiān) | |
| 大廠的項目開發(fā)流程、項目測試、部署與發(fā)布實踐； | 技術(shù)總監(jiān) | |
| 項目安全、性能與可用性實戰(zhàn)； | 技術(shù)總監(jiān) | |
| 如何與兄弟部門及項目團隊各方密切合作與有效溝通。 | 技術(shù)總監(jiān) |
| 課程名稱 | 負責(zé)人/組織 | 授課時間 |
|---|---|---|
| 項目管理架構(gòu)及流程 | 專業(yè)PMP講師 | 專業(yè)PMP講師 |
| 專業(yè)PMP講師 | 專業(yè)PMP講師 | |
| 時間管理、成本管理和質(zhì)量管理 | 專業(yè)PMP講師 | |
| 人力資源管理、溝通管理、風(fēng)險管理 | 專業(yè)PMP講師 | |
| 基層管理者領(lǐng)導(dǎo)力提升培訓(xùn)解決方案 | 專業(yè)PMP講師 |
| 課程名稱 | 負責(zé)人/組織 | 授課時間 |
|---|---|---|
| 課前分享 | 職業(yè)規(guī)劃師/講師 | 每周上午9:20-9:40 每周下午2:00-2:20 |
| 課前模擬面試 | 職業(yè)規(guī)劃師/講師 |
| 課程名稱 | 負責(zé)人/組織 | 授課時間 |
|---|---|---|
| 自我沉淀與自我管理 | 職業(yè)規(guī)劃師 | 每月第三周7:30-9:30 |
| 心態(tài)修煉與自我“洗腦” | 職業(yè)規(guī)劃師 | |
| 交際溝通與自我營銷 | 職業(yè)規(guī)劃師 | |
| 職業(yè)生涯與企業(yè)關(guān)系 | 職業(yè)規(guī)劃師 | |
| 工作、領(lǐng)導(dǎo)滿意、快速升職加薪“秘決” | 職業(yè)規(guī)劃師 |
技術(shù)有深度、有熱點，大量案例學(xué)科
書籍簡介 本書是HTML5初學(xué)者極好的入門教材之一，內(nèi)容通俗易懂、由淺入深、循序漸進。本書內(nèi)容覆蓋、講解詳細，其中包括標(biāo)簽語義化、標(biāo)簽使用規(guī)范、選擇器類型、盒模型、標(biāo)簽分類、樣式重置、CSS優(yōu)化、Photoshop切圖處理、整頁制作、CSS3新樣式、HTML5新功能等。
書籍簡介 本書是HTML5初學(xué)者的，內(nèi)容通俗易懂、由淺入深、循序漸進。本書內(nèi)容覆蓋包括JavaScript簡介、基本語法、函數(shù)、進階語法、基礎(chǔ)算法，以及ECMA Script6.0新功能等。本書適合初學(xué)者和中等水平的HTML5開發(fā)人員，以及高等院校、培訓(xùn)學(xué)校的師生使用，是需要牢牢掌握JavaScript開發(fā)技術(shù)學(xué)者的必讀之作。
配套視頻教程
聯(lián)合編著
公開課件
學(xué)科/考試大綱
教材迭代
學(xué)科案例
實戰(zhàn)項目
學(xué)習(xí)路線
導(dǎo)師一對一
海量試題庫
Copyright 2011-2023 北京千鋒互聯(lián)科技有限公司 .All Right
京ICP備12003911號-5
京公網(wǎng)安備 11010802035720號
