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