源于始終堅守初心研發好課程
【Web前端】Web前端入門教程_Web前端html+css+...
【Web前端】2018年Vue.js深入淺出教程
【Web前端】2018版Html5+Css3由淺入深教程
【Web前端】移動Web開發
教程
是他們選擇我們的共同理由
給你職場更實用的技術解決方案
遇到問題套用解決方案
"技術解決方案讓我快速適應職場,遇到技術問題就能直接套用"遇到問題無從下手
"學了很多知識點,為就業/創業開辟新出路
小程序UI開發
小程序API編程
常用App界面布局實現
Canvas實戰應用
WePY/mpvue快速開發框架
騰訊云服務接入
本項目通過一個小程序電商業務項目為切入點,使用更高效小程序的框架 mpvue,結合最新ES6語法,在實戰開發環節充分應用,讓學員深入理解項目設計背后的原理,解決實際業務中的各類問題。
首頁推薦頻道展示、分類篩選、搜索商品、商品詳情、分頁加載數據及長列表展示優化、購物車、下單、支付、用戶個人中心、Postman接口測試工具。
小程序彈性布局原生組件應用小程序登錄樣式復用微信支付接入App編程思維異步編程組件式拆分與開發設計稿重構
260小時理論課提升進階技能
可以嘗試管理
扎實的理論基礎讓你擁有更高只能做執行
只能解決簡單的技術問題, 隨時可能被替代從ES2015出發,深入剖析Map,Set,Async/Await等常用知識點,學習異步編程思想,更深層次的感受Javascript的魅力。
學習Typescript(簡稱TS)。TS給Javascript添加了很多樂趣,無論項目大小都可以用TS書寫,減少團隊協作Bug,項目結構更清晰。
學習瀏覽器原理及性能優化,從原理出發更好的理解瀏覽器,從而優化頁面提升性能。
學習設計模式,提高程序的維護性和擴展性。覆蓋工廠、構造、單例等常見設計模式,補平知識短板。
介紹主流的React和Vue的底層實現原理、進階技術、數據管理和性能優化,動手開發Modal、Menu等常規組件。
學習框架本身的設計原理。從源碼層面了解先進開發框架設計,從原理層面剖析前端框架的架構設計,從開發與效率層面服務實際工作中的開發項目。
Vue的進階使用。包括Mixin、directive、filter、及常用的slot。學習封裝Vue模塊與常用功能,是提升開發效率的必經之路。
React的進階使用。包括Hooks、服務端渲染等,了解Hooks產生的前因后果,如何把組件的思想發揮到極致。
webpack類的打包工具精講。包括自動化工具完成打包、預編譯和熱開發調試的基礎功能。
介紹常用的CLI工具及原理。講解常見的CLI工程化工具的使用,并且開發屬于自己的CLI工具,做到對工程化更深層次的認知。
項目的打包與發布。深入大型項目的應用層面,對持續集成、容器化、CI/CD工具的使用、自動化測試、文檔管理等進行講解。以實戰項目作為最終目標,對等企業級需求。
講解版本控制、接口測試類工具、Mock數據及文檔生成等。
Nodejs擴展了前端無限的能力,讓前端也可以向后臺進軍,操作數據庫、讀寫文件、長鏈接(websocket)等讓Nodejs擁有了后臺語言的能力。
學習常見的Nodejs API、網絡和事件循環多進程。深入原理講解Nodejs模塊開發技巧。
學習數據庫,認識后臺開發。學會“后臺”開發人員的思維方式,可以和后臺人員進行順暢溝通。
講解豐富的網絡相關的知識,如egg、auth2.0的快速開發技巧、發揮Nodejs異步編程的能力、BaaS接口標準的GraphQL介紹、GraphQL的核心概念與使用等。
Websocket 精講。實現聊天功能、心跳檢測、多聊天室、消息緩存等功能開發,封裝消息應用核心功能庫,學會原理的同時也能助力日常ws相關項目的開發。
講解移動端混合開發解決方案,包含混合App框架Ionic入門、React Native實戰項目和Flutter好客租房項目。
講解桌面端(跨端)領域前端方面的終極解決方案Electron,在滿足日常開發性能需求的基礎上,大幅度提升開發效率。
講解基本的數據結構、常見的算法及設計思考,以及面試題。通過這幾個維度的講解,讓學員理解算法在業務開發過程中的重要意義。
進行核心算法實戰,讓學員掌握基本的開發技巧與應用能力。
讓你始終掌握技術發展趨勢
講師大多擁有BAT大廠背景
曾參與國家開放大學module教育平臺,環球影視(中國)等多個大型項目。擁有豐富的前端教學經驗,擅長設計課程與教學。課程內容是第一位,但是讓學生學得開心,聽得懂也很重要;pink,拼死也要克服前端。
985學士,5年前端開發經驗,具備全棧開發能力,曾就職于跨國公司和知名國企,參與多個大型項目研發,豐富的企業面試經驗和員工內訓經驗。 深剖原理,諳熟本質。關注前端主流技術的發展,保持熱度,迭代技術。
Web前端工程師,具有多年Web開發經驗,熟悉前端技術開發架構,喜愛并熱衷于前端開發,特別在Vue、Node.js、React等主流技術領域實踐并積累了豐富的經驗,提出并成功主導了B2C、社交、O2O、IM、OA等眾多領域的技術解決方案,同時在結合 Linux 服務器相關技術優化提升網站性能方面具有豐富的實踐經驗。
后端開發出身,曾在金和軟件參與大型SOA項目開發;后入職國美集團旗下,負責前端開發工作?;A扎實,深入原理。熱愛技術,喜歡讀書,看過大量有關前端方面的書籍。 為人友善,知識面廣泛。
曾參與過大型國有銀行、地區銀行的項目開發,大型電子商務購物平臺開發。曾任Java高級開發工程師、項目組長、前端高級開發工程師、前端主管職位。參與開發的項目有:青島銀行生活通LBS項目、中國銀行創業在線項目、孔夫子電子商務平臺建設、書店項目、拍賣項目。
多年軟件開發和教學經驗,全棧開發,擅長前端、Java、Android開發、網絡信息安全、Linux服務器運維等; 熟悉Node.js平臺、 Vue.js等框架;參與過《Linc日本留學項目》、《InTestCar車輛遠程管理服務平臺項目手機客戶端》等中大型項目。
每個學習階段目標清晰
夯實前端基礎技能
掌握高起點就業技能
HTML基礎語法 | HTML | CSS | 企業級小兔鮮兒電商項目首頁制作
1、從最簡單的網頁骨架搭建入手,使用常見的HTML標簽豐富網頁結構
2、在 HTML 搭建的網頁結構基礎上,通過CSS選擇器精準選擇標簽,使用外觀、盒模型相關屬性完成網頁全部內容,利用浮動、定位等布局技巧精準控制網頁布局,最終結合背景、圓角、陰影等裝飾屬性進一步美化網頁效果,達到能夠編寫企業級大型綜合網頁
3、借助PxCook工具,基于設計稿編寫網頁,確保網頁的高度還原,通過綜合運用 HTML + CSS 技術,按照實際項目開發流程,歸納開發技巧,提升綜合實戰水平,最終完成企業級小兔鮮兒電商項目PC端首頁發
借助PxCook工具,參照設計稿,能綜合使用HTML+CSS技術完成企業級小兔鮮兒電商項目PC端首頁開發
CSS高級特效 | 移動適配 | 響應式
1、使用css高級特效豐富網頁元素的呈現方式和效果
2、使用Flex布局模型,實現移動端網頁的基本布局;了解兩種移動端網頁適配不同分辨率的解決方案,并使用不同的解決方案制作網頁元素寬高隨著視口的變化而等比縮放的效果
3、學習響應式的原理,并使用bootstrap框架完成響應式網頁的布局
1、使用CSS高級特效,豐富網頁元素的呈現方式和效果
2、使用rem或vw、vh實現網頁元素寬高隨著視口變化等比縮放的效果
3、使用bootstrap框架布局響應式網頁
JavaScript基礎 | WebAPI | JavaScript高級 | jQuery | Ajax | git
1、掌握JavaScript基礎語法規則
2、掌握DOM和BOM對象的屬性和方法,以完成網頁常見的交互效果
3、深入理解 ECMAScript 的知識體系及工作機制,熟悉 ES6+ 新的語法特性,注重抽象思維的培養,具備面向對象編程的的能力
4、借助 jQuery 提升開發的效率,同時借鑒和學習 jQuery 的封裝實現思想,鞏固面向對象的相關知識,加深對面象對象的理解
5、能夠創建 Git 倉庫管理前端項目,基于 Git 分支進行多人協同開發,并且能夠把本地的 Git 倉庫同步到遠程碼云或 Github 倉庫中
1、掌握JavaScript基礎語法,培養編程邏輯思維
2、掌握DOM和BOM對象的常用屬性和方法,能夠完成網頁常見的交互效果
3、能夠使用 axios 實現 Ajax 操作,為后續項目課做好技術鋪墊
4、能夠運用 Git 管理前端項目,并且使用 Git 分支進行多人協同開發
Node.js基礎 | 模塊化 | npm | Express | EventLoop | webpack
1、了解 Node.js 和瀏覽器環境的區別,能夠使用 Node.js 操作文件和處理路徑
2、理解模塊化的開發思想,能夠使用 CommonJS 模塊化語法進行前端項目的開發,提高代碼的復用性
3、利用 npm 管理項目中用到的第三方包,提高前端項目的開發效率
4、能夠使用 Express 編寫基本的 API 接口,加深對前后端工作流程的理解
5、深入學習 JS 異步的底層原理,能夠使用 Promise 處理異步操作,并使用 async/await 簡化異步操作
6、利用 webpack 實現前端的工程化開發,主要學習 webpack 的工作原理以及常用的插件、loader 的使用,為后續項目課的學習奠定工程化的開發思想
1、能夠使用 npm 維護項目中的依賴包,提高項目的開發效率
2、能夠使用 Promise 與 async/await 高效的實現異步操作
3、能夠理解 webpack 中的核心概念,為后續項目課的學習打好工程化開發的基礎
Vue基礎 | Vue3.0高級
1、運用Vue2.0全家桶核心內容實現開發中常見的功能,如購物車,TabBar、經典列表、TodoMVC等
2、掌握Vue3新特性、Vite、組合API等
通過Vue2和Vue3的理論知識學習可以實現開發中常見的業務功能,如購物車、TabBar、經典列表、TodoMVC等
React基礎 | Hooks | Redux中間件 | TypeScript
1、掌握React基本語法,能夠使用class組件實現常見的業務功能
2、運用hooks核心知識實現購物車和放大鏡經典案例效果
3、結合React技術棧,運用redux實現點餐系統的狀態管理
4、運用TypeScript語法,并且在React項目中熟練運用TypeScript
通過React+class組件+Hooks+Redux+TypeScript的學習,實現企業開發中的經典案例,如B站評論、購物車、放大鏡、點餐系統等業務功能
小程序基礎 | uni-app | 電商項目
1、了解小程序開發的一般流程序,熟悉小程基礎組件的使用,能夠基于 wxml 和 wxss 實現小程序的界面布局,基于模板的數據綁定實現數據的動態渲染,基于 API 實現與服務端的數據通信,以及熟悉其它高級 API 的使用
2、理解 uni-app 實現跨平臺開發的原理機制,理清單文件組件與原生小程序組件的對應關系,以及 uni-app 開發小程序時開發時與原生小程序的差異
3、基于真實需求綜合運用小程序開發的相關知識,突出小程序 API 的真實應用場景,強化和鞏固小程序開發的相關知識,提升綜合解決問題的能力
能夠獨立開發小程序,提高就業能力,是就業的加分項
1、綜合媒體查詢和rem智能適配大屏幕
2、基于 Echarts 結合需求高度自定義不同類型的可視化圖表
3、Ajax、數據渲染和服務端推送前后端分離技術的應用
4、通過jQuery開發網頁交互,增強易用性及用戶體驗
智能看板是一個數據可視化項目,通過折線圖、K線圖、柱狀圖等圖表形式歸納匯總大量數據,以實現更加直觀的數據表達效果。學員通過學習該項目,能夠掌握數據可視化、異步編程、實時數據獲取等技術解決方案,適合有基礎希望技能強化的IT人員繼續學習。
1、掌握大屏幕適配技術解決方案的應用
2、掌握Echarts 各類型數據可視化圖表的應用
3、能夠根據需要求創建折線圖、K線圖、地圖等圖表
4、掌握前后端分離技術的實現方式并了解其意義
5、了解什么是服務端推送及相關技術解決方案
6、掌握jQuery 在實際項目中的應用形式
1、基于 vue-cli 創建工程化的 Vue 項目
2、基于 element-ui 組件庫快速實現項目布局
3、用戶注冊與登錄的業務解決方案
4、使用 Vuex 管理全局共享的數據
5、使用 axios 實現前后端的數據交互
大事件是一個 CMS 后臺管理項目,包含登錄注冊、個人中心、文章管理等主要模塊。學員學習該項目,能夠鍛煉對 Vue 完整技術棧的運用。同時該項目還涵蓋了 token 身份認證、Vue 組件庫、文件上傳、富文本編輯器等前端技術解決方案,適合剛入手 Vue 框架、希望通過項目開發來鞏固 Vue 基礎的前端開發者學習。
1、熟練掌握 element-ui組件庫的運用
2、掌握 axios 以及攔截器的應用
3、掌握 Vuex 管理全局狀態的技術解決方案
4、熟練使用 vue-router 管理組件的切換展示
5、掌握 element-ui 中如何自定義表單的校驗規則
6、鍛煉 Vue 基礎技術點的實際項目中的應用
7、掌握文件上傳和富文本編輯器在 Vue 項目中的應用
vue-element-admin(請求模塊化,請求工具攔截,scss 樣式,布局組件) | Vuex 持久化(state,mutations,actions,getters 和 modules) | Vue CLI 配置(webpack) | 反向代理 | ElementUI 表單校驗(async-validator) | vue-router 導航守衛 | token 認證 | token 失效控制 | 角色管理業務 | RBAC 權限 | Vuex + 路由 + RBAC | 動態路由 | 角色權限 | 混入 mixns | 工作日歷 | Echarts 雷達圖 | 全屏(screenfull) | tabs 頁多頁簽組件 | vue-i18n 國際化方案 | history 路由模式的應用 | 樹形菜單 |element 列表的數據過濾 | 導入導出 Excel | Excel 復雜型表頭 | PDF 打?。╲ue-print-nb)| el-upload 上傳第三方云服務器 | 打包性能分析 | CDN 加速的實踐應用 | 組件封裝 | 業務組件封裝
iHRM是一款基于SaaS平臺的人力資源管理系統, 企業通過該系統可以完成公司組織架構管理、員工管理、角色管理、權限管理(審批、考勤、社保)等,為企業的人力資源管理提供一站式解決方案。
1、掌握Vue + Element技術棧在開發管理型后臺項目的技術開發能力
2、具備角色,人員,權限類系統的設計整體設計及應用能力
3、擁有Vuejs相關的技術要點及配套的插件,解決方案深度使用能力
vue3.0 框架|vue-cli 項目腳手架|vue-router 路由|vuex 狀態管理|vuex-persistedstate 狀態持久化|less 預處理器|style-resoures-loader 樣式資源加載器|normalize.css 樣式庫|@vueuse/core 組合API工具庫|power set 算法庫|dayjs 日期庫|vue-infinite-loading 滾動加載|vee-validate 表單校驗|mockjs 本地數據模擬|soket.io 即時通訊| 封裝 UI 組件庫:carousel 組件,more 組件,bread 組件,skeleton 組件,checkbox 組件,radio 組件,select 組件,dialog 組件,message 組件,confirm 組件,pagination 組件,steps 組件,timeline 組件,tabs 組件,loading 組件,city 組件,v-lazy 指令| 核心業務:數據懶加載,圖片懶加載,骨架屏效果,無限列表,sku 規格選擇,云端購物車 & 本地購物車,微信支付 & 支付寶支付,商品類目,訂單管理
Vue3.0小兔鮮兒電商是對標網易嚴選的綜合品類的網上商城項目,現在除了頂級的一些電商平臺之外,越來越多的企業都會做自己的垂直領域的商城,如小米商城、華為商城等,市場空間巨大,人才較為緊缺。本項目涵蓋了電商的核心業務,首頁加載優化,SKU規格處理,本地線上購物車,第三方登錄,第三方支付,訂單管理。致力于交付學員完整的電商業務解決方案,以及Vue3.0組合API的最佳實踐,基于Vue3.0的組件庫封裝,讓學員成為具備電商業務能力的站在技術前沿的高級前端開發工程師。
1、前沿技術還原主流電商業務方案
2、掌握Vue3.0 Composition API實踐能力,站在技術前沿
3、掌握第三方登錄,第三方支付的業務能力,輕松對接第三方平臺
4、掌握sku,購物車,訂單管理等電商業務,輕松上手電商開發
請求模塊化 | 請求工具攔截 | scss 樣式 | 布局組件 | Redux狀態管理 | create-react-app | 反向代理 | ant-design | 表單校驗 | Auth Route | token 認證 | token 失效控制 | history 路由 | 打包性能優化 | CDN 加速 | 組件封裝 | react-quill | craco自定義腳手架配置
「極客園」對標“CSDN”、“博客園”等競品,致力成為更加貼近年輕 IT 從業者(學員)的科技資訊類應用。 本項目是個人自媒體管理端,涵蓋了后臺管理系統的核心業務,基于react技術棧(react hooks + redux + react-router)實現了登錄功能,首頁展示,文章管理與發布,圖片上傳等功能,讓學員熟練掌握react核心技術棧的開發項目的能力。
熟練掌握react技術棧(react hooks + redux + react-router)配合antd組件庫開發后臺管理項目的技術能力。
react+hooks+redux+typescript+router全家桶 | 移動端項目搭建 | ant-mobile-v5 | vw 適配方案 | Token 過期處理 | 動態編輯 | 上拉加載 | 下拉刷新 | 評論與回復 | 搜索功能 | DayJS | 數據持久化 | 圖片懶加載 | 組件定制 | 組件封裝 | 性能優化 | 移動端1px像素 | Icon處理 | 表單驗證 | 倒計時 | 攔截器 | 權限組件封裝 | 緩存組件封裝 | websocket | 防抖與節流 | 關鍵字高亮 | 吸頂組件 | keep-alive | CDN優化 |ahooks|lodash
極客園H5項目是新聞資訊類產品,包括首頁文章列表上拉加載與刷新,頻道管理,本地線上頻道管理,文章搜索,文章評論與回復,組件緩存,token過期與刷新處理,用戶權限攔截,個人信息修改解決方案。整個項目基于typescript開發,讓學員熟練掌握當前最流行的typescript + react技術棧開發項目的能力。
熟練掌握typescript + react技術棧 + antd-mobile組件庫開發H5移動端新聞資訊類項目的技術能力。
1、uni-app跨平臺開發框架
2、組件封裝及通信
3、微信支付/登錄
4、狀態管理
黑馬優購是一個經典的電商類小程序項目,包括商品、用戶、購物車、訂單等核心功能模塊,采用 uni-app 框架做為跨平臺小程序開發方案,并綜合運用了原生小程序的組件化、模塊化、網絡請求、本地存儲、微信登錄、微信支付等技術,不僅能夠培養學員的實踐能力,還可以為就業提供有利的支撐。
1、能夠開發跨平臺的小程序
2、能夠獨立開發小程序項目
3、掌握微信登錄的實現方式
4、掌握微信支付的實現方式
學練測輔全方位保障學習效果
助力未來職業發展