1. <optgroup id="o3fot"></optgroup>
    <big id="o3fot"></big>
  2. <label id="o3fot"></label>
  3. 傳智教育web前端培訓校區HTML&JS+前端

    選擇前端培訓校區前端開班信息

    選擇校區

    北京昌平北京web前端培訓學校-順義校區

      • 6個月
        學習周期

      • 7
        “大廠”級實戰項目

      • 100+
        專職教研團隊

      • 30000
        順利入職學員

      • 終身
        職業生態圈

      移動互聯網時代 前端工程師需求崛起

      前端開發培訓課程介紹

      為什么要學前端?

      • 市場需求熱度高
      • 就業無行業限制
      • 沒有競爭對手
      • 前端開發工程師崗位需要量大
      • 前端開發培訓出來容易找工作嗎
      • 前端開發語言單一,沒有競爭對手

      選擇前端

      畢業起點高,就業前景好

      零基礎學員 中高級前端工程師
      2-4年開發經驗

      技術方向資深前端工程師前端架構師CTO

      管理方向技術開發組長  項目經理項目總監

      前端適學人群

      • 剛畢業  迷茫期沒有工作經驗
        期待學習有前景的技術

      • 零基礎  想轉行行業沒前途
        期待短期內轉行IT

      • 想晉升加薪具備前端基礎
        面臨職場瓶頸期待提升

      • 前端愛好者薪資不滿意
        期待進軍前端熱門領域

      從入門到就業  構建前端晉級之路

      完成高含金量的項目是檢驗學習效果的唯一標準

      前端面試指導

      基礎入門

      掌握 HTML 5 標簽搭建頁面結構HTML 技術

      掌握 PC 端網頁制作和布局能力CSS3網頁布局

      掌握移動端網頁制作和布局能力移動端web布局

      階段實戰案例

      學成在線(PC端)
      小兔鮮電商(PC端 + 移動端)
      游樂園首頁(PC端)
      B站首頁(移動端)
      騰訊全端(響應式)

      技術進階

      掌握 JavaScript 語言和基本編程思想JavaScript 開發

      掌握常用的網頁交互技術網頁交互

      掌握前后端交互的能力數據交互 & 異步編程

      階段實戰案例

      隨機點名器小米購物車聊天機器人圖書管理小兔鮮商品詳情

      綜合項目實戰

      數據看板 + CMS 系統

      Vue開發

      為學習框架做技術支撐框架前置課

      掌握 Vue 2.x 開發必備技能Vue2.x 核心技術

      階段實戰案例

      H5端面經瀏覽+PC端內容管理系統面經全端項目(Vue2.x全家桶)

      企業中臺綜合B 端項目iHRM項目(Vue2.x全家桶)

      掌握Vue3新特性與TypeScript基礎語法Vue3.x + TypeScript

      階段實戰案例

      移動端在線醫療項目Vue3.0優醫問診項目

      React&小程序開發

      項目課程實戰

      原生微信小程序&跨平臺小程序開發小兔鮮兒電商小程序項目

      掌握React核心語法React.js 核心技術

      階段實戰案例

      B站評論案例
      知乎頻道管理案例
      美團外賣案例
      極客園H5案例
      記賬本案例

      面試與就業

      掌握職場通識能力,做好面試準備職業發展課

      掌握面試常見技術問題就業加強課

      課程貼合企業需求  打造實力派前端工程師

      前端培訓班學多久

      讓你掌握頁面的制作技能,
      PC 端、移動端統統不是事兒

      讓你的網頁“動”起來,
      輸入、點擊、倒計時,
      用戶交互全搞定

      讓你的開發“飛”起來,
      各種解決方案入職工作直接用

      讓你的競爭力“亮”起來,
      入職大廠敲門磚,網頁、
      小程序、App全掌握

      市場價值 技能提升 18000元
      13000元
        6000元
      網頁布局+移動Web JavaScript Vue開發 React+小程序開發
      • 技術階段
      • 網頁布局

      • 移動Web

      • JavaScript

      • Vue.js

      • 小程序

      • React.js

      • 項目階段
      • 數據看板項目

      • 面經全端項目

      • iHRM人力資源項目

      • 優醫問診項目

      • 小兔鮮電商小程序項目

      查看詳細課程大綱 >網頁布局新課時:10天 學習方式:新型面授

      主講內容

      HTML | CSS | 企業級小兔鮮兒電商項目首頁制作

      內容介紹

      1. HTML 負責網頁的結構層,是網頁開發的基礎,從簡單的網頁骨架搭建入手,使用常見的 HTML 標簽豐富網頁結構。
      2. 在 HTML 搭建的網頁結構基礎上,通過 CSS選擇器 精準選擇標簽,使用外觀、盒模型相關屬性完成網頁全部內容,利用浮動、定位等布局技巧精準控制網頁布局,最終結合背景、圓角、陰影等裝飾屬性進一步美化網頁效果,達到能夠編寫企業級大型綜合網頁。
      3. 借助PxCook工具,基于設計稿編寫網頁,確保網頁的高度還原,通過綜合運用 HTML + CSS 技術,按照實際項目開發流程,歸納開發技巧,提升綜合實戰水平,最終完成企業級小兔鮮兒電商項目PC端首頁開發。

      可掌握的核心能力

      借助PxCook工具,參照設計稿,能綜合使用HTML+CSS技術完成企業級小兔鮮兒電商項目PC端首頁開發。

      查看詳細課程大綱 >移動Web新課時:7天學習方式:線下面授

      主講內容

      CSS高級特效 | 移動適配 | 響應式

      內容介紹

      1. 使用css高級特效豐富網頁元素的呈現方式和效果。
      2. 首先介紹Flex布局模型,實現移動端網頁的基本布局;再講解兩種移動端網頁適配不同分辨率的解決方案,并使用不同的解決方案制作網頁元素寬高隨著視口的變化而等比縮放的效果。
      3. 學習響應式的原理,并使用bootstrap框架完成響應式網頁的布局。

      可掌握的核心能力

      1. 使用CSS高級特效,豐富網頁元素的呈現方式和效果。
      2. 使用rem或vw、vh實現網頁元素寬高隨著視口變化等比縮放的效果。
      3. 使用bootstrap框架布局響應式網頁。

      查看詳細課程大綱 >JavaScript新課時:24天學習方式:線下面授

      主講內容

      JavaScript基礎 | WebAPI | JavaScript高級 | Ajax | Git

      內容介紹

      1. 學習JavaScript基礎語法規則。
      2. 學習DOM和BOM對象的屬性和方法,以完成網頁常見的交互效果。
      3. 深入理解 ECMAScript 的知識體系及工作機制,熟悉 ES6+ 新的語法特性,注重抽象思維的培養,具備面向對象編程的的能力。
      4. 利用 axios 發起 Ajax 請求,實現前后端的數據交互。并講解 HTTP 請求的過程以及 Ajax 的底層原理。深入學習 JS 異步的底層原理,能夠使用 Promise 處理異步操作,并使用 async/await 簡化異步操作。
      5. 能夠創建 Git 倉庫管理前端項目,基于 Git 分支進行多人協同開發,并且能夠把本地的 Git 倉庫同步到遠程碼云或 Github 倉庫中。

      可掌握的核心能力

      1. 掌握JavaScript基礎語法,培養編程邏輯思維。
      2. 掌握DOM和BOM對象的常用屬性和方法,能夠完成網頁常見的交互效果。
      3. 能夠使用 axios 實現 Ajax 操作,為后續項目課做好技術鋪墊。
      4. 能夠運用 Git 管理前端項目,并且使用 Git 分支進行多人協同開發。
      5. 能夠使用 Promise 與 async/await 高效的實現異步操作。

      查看詳細課程大綱 >Vue.js新課時:41天學習方式:線下面授

      主講內容

      框架前置課 | Vue核心技術 | Vue3.0高級 | TypeScript

      內容介紹

      1. 掌握模塊化思想,npm包管理,webpack基礎,初探工程化開發。
      2. 運用Vue2.0全家桶核心內容實現開發中常見的功能,如購物車,經典列表、TodoMVC等。運用 Vant 開發移動端,運用element-ui開發PC后臺管理系統。
      3. 掌握Vue3新特性、Vite、組合API、Pinia 等。
      4. 掌握TypeScript基礎語法,并且在Vue3項目中熟練運用TypeScript。

      可掌握的核心能力

      通過 Vue2 和 Vue3 的基礎學習,掌握企業開發中常見業務功能實現;通過深入 Vue 技術棧學習 vue-router vuex vant element-ui 等主流技術,掌握企業級項目開發方式,如移動端H5項目實與PC端管理項目;通過 Vue3 結合 TypeScript 的技術學習,掌握大型企業級項目開發技巧。

      查看詳細課程大綱 >小程序新課時:12天學習方式:線下面授

      主講內容

      原生小程序 | uni-app | 電商項目

      內容介紹

      1. 了解小程序開發的一般流程序,熟悉小程基礎組件的使用,能夠基于 wxml 和 wxss 實現小程序的界面布局,基于模板的數據綁定實現數據的動態渲染,基于 API 實現與服務端的數據通信,以及熟悉其它高級 API 的使用。
      2. 理解 uni-app 實現跨平臺開發的原理機制,理清單文件組件與原生小程序組件的對應關系,以及 uni-app 開發小程序時開發時與原生小程序的差異。
      3. 基于真實需求綜合運用小程序開發的相關知識,突出小程序 API 的真實應用場景,強化和鞏固小程序開發的相關知識,提升綜合解決問題的能力。

      可掌握的核心能力

      獨立開發原生小程序,能夠使用uni-app開發小程序,提高就業能力,就業的加分項。

      查看詳細課程大綱 >React.js新課時:6天學習方式:線下面授

      主講內容

      React 核心技術|Hooks 深入+路由|Redux +中間件 + Redux Toolkit|記賬本案例

      內容介紹

      1. 基于 React 腳手架(create-react-app)搭建React項目,掌握JSX語法搭建頁面結構,使用函數組件實現組件化開發,掌握組件通訊在項目開發中的使用。
      2. 掌握 useEffect Hook 的應用,掌握 useRef Hook 的高級用法,理解 Hooks 原理,掌握 react-router-dom 的應用。
      3. 掌握 React 最常用狀態管理工具 Redux 的基本使用,使用 react-redux 鏈接庫在 React 中使用 Redux,掌握 Redux 中間件 redux-thunk 用來處理異步請求,掌握 Redux Tookit 簡化 Redux 的使用。
      4. 利用 React + Hooks + Redux Tookit 實現記賬本案例,對整個 React 階段所學內容進行練習,驗證我們是否掌握了 React 開發能力。

      可掌握的核心能力

      通過 React + Hooks + Redux Toolkit 的學習,實現多種業務場景下的功能開發,如 B站評論、知乎頻道管理、美團外賣、極客園、記賬本等業務功能。

      查看詳細課程大綱 >數據看板項目新課時:3天學習方式:線下面授

      主講內容

      1. 基于axios 實現網站注冊和登錄功能。
      2. 基于 Echarts 結合需求高度自定義不同類型的可視化圖表。
      3. Ajax、數據渲染和服務端推送前后端分離技術的應用。
      4. 基于 token 的訪問權限控制功能。

      項目介紹

      數據看板是一個數據可視化項目,通過折線圖、K線圖、柱狀圖等圖表形式歸納匯總大量數據,以實現更加直觀的數據表達效果。學員通過學習該項目,能夠掌握數據可視化、異步編程、實時數據獲取等技術解決方案,適合有基礎希望技能強化的IT人員繼續學習。

      可掌握的核心能力

      1. 掌握Echarts 各類型數據可視化圖表的應用
      2. 能夠根據需要求創建折線圖、K線圖、地圖等圖表
      3. 掌握前后端分離技術的實現方式并了解其意義
      4. 掌握使用token進行訪問鑒權功能實現

      查看詳細課程大綱 >面經全端項目新課時:5天學習方式:線下面授

      主講內容

      1. 基于 vue-cli 創建工程化的 Vue 項目。
      2. 基于 element-ui 組件庫快速實現項目布局。
      3. 用戶注冊與登錄的業務解決方案。
      4. 使用 Vuex 管理全局共享的數據。
      5. 使用 axios 實現前后端的數據交互。
      6. 基于 vant 組件庫快速構建移動端界面。

      項目介紹

      面經系統,由面試經驗文章PC管理后臺,個人H5端面試文章瀏覽組成。學員學習該項目,能夠鍛煉對 Vue 完整技術棧的運用。同時該項目還涵蓋了 token 身份認證、Vue 組件庫、文件上傳、富文本編輯器等前端技術解決方案,移動端開發,適合剛入手 Vue 框架、希望通過項目開發來鞏固 Vue 基礎的前端開發者學習。

      可掌握的核心能力

      1. 掌握 element-ui 組件庫的運用
      2. 掌握 axios 以及攔截器的應用
      3. 掌握 Vuex 管理全局狀態的技術解決方案
      4. 熟練使用 vue-router 管理組件的切換展示
      5. 掌握 element-ui 中如何自定義表單的校驗規則
      6. 掌握文件上傳和富文本編輯器在 Vue 項目中的應用
      7. 掌握 Vant 組件庫的運用
      8. 掌握使用 postcss-px-to-viewport 實現移動端適配

      查看詳細課程大綱 >iHRM人力資源項目新課時:12天學習方式:線下面授

      主講內容

      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. 擁有Vue.js相關的技術要點及配套的插件,解決方案深度使用能力

      查看詳細課程大綱 >優醫問診項目新課時:12天學習方式:線下面授

      主講內容

      vue3.0框架| TypeScript使用 | vite前端構建工具|create-vue項目腳手架|vue-router路由|pinia狀態管理|pinia-plugin-persistedstate狀態持久化|sass預處理器| vite-plugin-svg-icons圖標組件插件|tailwindcss現代CSS框架|@vueuse/core組合API工具庫|dayjs日期處理|vant組件庫 | postcss-px-to-viewport移動端適配 | id-validator校驗身份證 | socket.io即時通訊 | eruda真機調試 | 第三方登錄 | 第三方支付 | vant組件二次封裝 | 通用組件封裝 | reqeust工具函數 | 組件按需引入 | steup語法糖 | pnpm包管理 | 第三方庫類型擴展 | 自定義composable | css變量

      項目介紹

      優醫問診是一個連接醫生和患者的移動醫療行業H5應用,通過高效、快速的在線問診服務,為患者提供健康幫助,涵蓋了找醫生、快速問診、開藥門診、疾病查詢,健康百科等功能。該項目基于Vue3+TypeScript進行開發,且引入下一代狀態管理工具 Pinia 和熱門的前端移動UI組件庫 Vant ,采用全新技術棧,給學員帶來企業實戰項目,助力學員高薪就業。

      可掌握的核心能力

      1. 掌握使用Vue3 + TypeScript 開發大型前端項目開發能力
      2. 掌握使用Vant組件庫開發移動端項目能力
      3. 掌握 Pinia 狀態管理工具實現項目狀態管理
      4. 掌握 第三方登錄和第三方支付 業務解決能力
      5. 掌握 快速問診 等在線問診主流業務開發能力

      查看詳細課程大綱 >小兔鮮電商小程序項目新課時:12天學習方式:線下面授

      主講內容

      1. uni-app跨平臺開發框架。
      2. 組件封裝及通信。
      3. 微信支付/登錄。
      4. pinia 狀態管理。
      5. 基于vue3+ts技術實踐方案。
      6. 小程序云開發。
      7. vant組件庫。

      項目介紹

      小程序無需安裝,用完即走的應用方式越來越受到用戶的歡迎,企業也都紛紛開展了小程序的開發。小兔鮮兒是一個經典的電商類小程序項目,包括商品、用戶、購物車、訂單等核心功能模塊,采用 uni-app 框架做為跨平臺小程序開發方案,并綜合運用了原生小程序的組件化、模塊化、網絡請求、本地存儲、微信登錄、微信支付等技術,小兔鮮電商項目以企業的需求為基礎,有針對性的對課程進行設計,學習本課程不僅能夠培養學員的實踐能力,還可以為就業提供有利的支撐。

      可掌握的核心能力

      1. 能夠開發跨平臺的小程序
      2. 能夠獨立開發小程序項目
      3. 掌握微信登錄的實現方式
      4. 掌握微信支付的實現方式

      企業級項目課程 幫你搞定工作難題

      黑馬整合解決方案庫,拿來即用,讓你的開發之路不必從零開始   更多項目>>

      1. 【電商】Vue3.0小兔鮮兒
      2. 【人力資源】iHRM
      3. 【工具】黑馬面面
      4. 【新聞資訊】黑馬頭條
      5. 【旅游】閑云旅游
      • 前端開發培訓項目:vue3.0電商項目

        Vue3.0小兔鮮兒電商是對標網易嚴選的綜合品類的網上商城項目,本項目涵蓋了電商的核心業務,致力于交付完整的電商業務解決方案,讓學員成為具備電商業務能力、站在技術前沿的高級前端開發工程師。

        17解決方案
        10業務功能
        100接口數量
        12頁面數量

        解決方案

        1.Vue3.0中大型項目構建

        2.組合API加載性能優化

        3.商品SKU前端算法

        4.封裝UI組件庫

        5.本地線上融合購物車

      • web前端培訓項目:力資源管理系統項目

        iHRM人力資源管理系統是一款在線HR人力資源管理系統,幫助企業管理人事信息、員工檔案、績效考核等。利用HR軟件發揮核心資源-人力的更大價值,通過企業人事HR管理人力資源,從而保持人才競爭力。

        15解決方案
        64業務功能
        95接口數量
        30頁面數量

        解決方案

        1.Vuex分模塊狀態共享及持久化方案

        2.Token失效的兩種鑒定方式同時方案

        3.Element中Tree型組件等樹形業務的應用方案

        4.RBAC權限設計方案及應用

        5.通用上傳組件封裝及第三方上傳

        6.請求器攔截應用及異步編程方案

      • web前端開發培訓項目:黑馬面面

        黑馬面面是一款面試刷題程序,系統包含答題狀況管理、學科管理、企業管理、用戶管理等綜合管理功能。學員通過該項目可學習Element-UI功能組件、ECharts數據可視化、axios、JWT、Vue CLI、Vuex全局數據共享、Vue Router 等多個技術解決方案。

        11解決方案
        16業務功能
        70接口數量
        16頁面數量

        解決方案

        1.Vue-element-admin 后臺前端解決方案

        2.Vuex分模塊狀態共享方案

        3.RBAC權限設計方案及應用

        4.試題全流程解決方案

      • 前端開發培訓項目:黑馬頭條

        黑馬頭條是一款新聞資訊類App,項目包括用戶文章展示、點贊評論、內容推薦、頻道管理、文章搜索、智能客服等功能。系統采用前后端分離的開發模式,前臺使用了Vue.js等技術棧構建的SPA應用程序,適合有Vue基礎或者有其他MVVM框架應用經驗的同學進行學習。

        9解決方案
        11業務功能
        51接口數量
        11頁面數量

        解決方案

        1.Vuex分模塊狀態共享及持久化方案

        2.Token鑒定及換取token解決方案

        3.基于Vant組件庫移動端上手勢加載方案

        4.Keep-Alive組件緩存解決方案

        5.WebSocket即時通訊實現客服通信解決方案

        6.請求器攔截應用及異步編程方案

      • 企業級前端培訓項目:閑云旅游

        閑云旅游是一個旅游服務網站,主要功能包括機票酒店預定、熱門旅游攻略資訊等。項目采用前后端分離模式開發,前臺使用Vue技術棧中的服務端渲染框架Nuxt.js開發,讓頁面效果以超快的方式展示在用戶面前,Nuxt還支持頁面自動靜態化,可極大節省服務器資源。

        7解決方案
        9業務功能
        30接口數量
        4頁面數量

        解決方案

        1.Nuxt.js框架SSR解決方案

        2.高德LBS酒店定位導航解決方案

        3.組件遞歸跟帖解決方案

        4.二維碼付款解決方案

      收獲的不只是技術  還有企業開發完整流程

      • 需求分析登錄、購物車、后臺管理,
        讓你各類業務都熟悉
      • 團隊協作項目開發不再是單打獨斗,
        讓你無障礙協作1+1>2
      • 代碼實現&修復bug研發、測試和維護,讓你提前
        熟悉企業研發日常
      • 項目上線總結和復盤,讓你汲取
        項目經驗快速成長
      • 懂業務參與業務需求討論,設計技術方案
      • 能協作與各崗位相互配合,完成項目研發任務
      • 技術強獨立負責項目的研發、部署和維護
      • 成長快善于總結經驗,并對現有項目持續優化

      學員作品展示  做實力派前端工程師

        • web前端開發工程師培訓作品:工作室網站

          Perfect Photo & Studio

          【在線演示】深圳-40期程同學組

          簡介:自主創意的攝影作品工作室網站,使用 jQuery + CSS3 + flipping +...

          作品簡介

          自主創意的攝影作品工作室網站,使用 jQuery + CSS3 + flipping + slick + bootstrap + animate,封裝圖像切割動效 JavaScript 動效庫,實現豐富的圖片特效。

          在線演示
          web前端工程師培訓項目作品:飄視覺

          飄視覺

          【在線演示】廣州-27期三組

          簡介:參考《飄視覺》官網,使用 jQuery + CSS3 + pincolor + swiper...

          作品簡介

          參考《飄視覺》官網,使用 jQuery + CSS3 + pincolor + swiper,實現專業級動畫交互效果,基本全站還原了飄視覺官網全景。

          在線演示
          web前端培訓學員作品:企業網站

          UEMO

          【在線演示】廣州-11期李同學組

          簡介:提供企業網站定制服務解決方案,為企業輕松快速定制高端官網...

          作品簡介

          提供企業網站定制服務解決方案,為企業輕松快速定制高端官網。使用 jQuery + CSS3 + mplayer 實現大量商業級動畫效果,尤其動畫的設計既專業又炫酷,封裝 common JavaScript 工具庫。

          在線演示
          web前端培訓班學員作品4:婚紗攝影網站

          唯一視覺婚紗攝影

          【在線演示】西安-7期張同學組

          簡介:參考《唯一視覺婚紗攝影》官網,使用 jQuery + CSS3 + animate...

          作品簡介

          參考《唯一視覺婚紗攝影》官網,使用 jQuery + CSS3 + animate,動畫效果浪漫典雅,充分烘托出新婚的快樂與幸福,小組成員還封裝了瀑布流和輪播圖組件庫。

          在線演示
          web培訓學員作品:手游官網

          軒轅劍龍舞云山

          【在線演示】深圳-38期范同學組

          簡介:參考網易游戲《軒轅劍龍舞云山》手游官網,使用 jQuery + CSS3...

          作品簡介

          參考網易游戲《軒轅劍龍舞云山》手游官網,使用 jQuery + CSS3,封裝 common JavaScript 工具庫,應用 normalize 實現 CSS reset,基本還原了首頁全景,動畫交互效果精致。

          在線演示
          前端開發培訓作品:光·遇官網

          光·遇

          【在線演示】深圳-38期肖同學組

          簡介:參考網易游戲《光·遇》官網,使用 jQuery + CSS3 + bootstrap + ...

          作品簡介

          參考網易游戲《光·遇》官網,使用 jQuery + CSS3 + bootstrap + animation,封裝 common JavaScript 工具庫和 CSS 效果庫。

          在線演示
          前端培訓機構學員作品:《陰陽師:百聞牌》手游官網

          陰陽師:百聞牌

          【在線演示】深圳-38期汪同學組

          簡介:參考網易游戲《陰陽師:百聞牌》手游官網,使用 jQuery + CSS3...

          作品簡介

          參考網易游戲《陰陽師:百聞牌》手游官網,使用 jQuery + CSS3,封裝 Alert Box 及 Top Bar 工具庫。

          在線演示
          web培訓學員作品:《戰意》官網

          戰意

          【在線演示】廣州-27期二組

          簡介:參考網易游戲《戰意》官網,使用 jQuery + CSS3 + swiper...

          作品簡介

          參考網易游戲《戰意》官網,使用 jQuery + CSS3 + swiper,封裝 topnavCommon JavaScript 工具庫,基本全站還原了戰意官網全景。

          在線演示
        • web開發培訓作品:《網易游戲》官網

          網易大神

          【在線演示】廣州-27期七組

          簡介:參考《網易游戲》官網,使用 jQuery + CSS3 + wrating + ...

          作品簡介

          參考《網易游戲》官網,使用 jQuery + CSS3 + wrating + nav.byebye3 + iplay + entry + vendor,實現精彩的 3D 動效交互效果。

          在線演示
          前端工程師培訓作品:《AWA 4.0》官網

          AWA 官網

          【在線演示】廣州-27期六組

          簡介:參考《AWA 4.0》官網,使用 jQuery + CSS3 + html5shiv + ...

          作品簡介

          參考《AWA 4.0》官網,使用 jQuery + CSS3 + html5shiv + swiper,實現響應式交互菜單動效,封裝 shop JavaScript 工具庫專門處理商品信息。

          在線演示
          前端開發培訓作品:《陰陽師》官網

          陰陽師

          【在線演示】廣州-25期張同學組

          簡介:參考網易游戲《陰陽師》官網,使用 jQuery + CSS3 + swiper + ...

          作品簡介

          參考網易游戲《陰陽師》官網,使用 jQuery + CSS3 + swiper + SuperSlide,封裝圖片動效組件庫,封裝 common JavaScript 工具庫。

          在線演示
          前端培訓機構作品:美食網

          美食網

          【在線演示】廣州-23期李同學組

          簡介:美食網,吃天下。使用 jQuery + CSS3 + flex + SuperSlide ...

          作品簡介

          美食網,吃天下。使用 jQuery + CSS3 + flex + SuperSlide + 3d-tv,實現大量專業級動畫效果,并集成字體圖標及百度地圖 API。

          在線演示
          web前端培訓機構學員作品:《方舟生存天下》官網

          方舟生存天下

          【在線演示】廣州-23期王同學組

          簡介:參考網易游戲《方舟生存天下》官網,使用 jQuery + CSS3 +...

          作品簡介

          參考網易游戲《方舟生存天下》官網,使用 jQuery + CSS3 + posterSwing + canvas-nest + scrollreveal,獨立研發并封裝視頻播放方案:全屏 + 自動播放 + 輪播。

          在線演示
          web開發培訓機構學員作品:《天下 3》官網

          天下 3

          【在線演示】廣州-11期薛同學組

          簡介:參考網易游戲《天下 3》官網,使用原生的 JavaScript、HTML5 和...

          作品簡介

          參考網易游戲《天下 3》官網,使用原生的 JavaScript、HTML5 和 CSS3,重點實現人物和場景動畫效果,封裝 common CSS 動效庫。

          在線演示
          前端工程師培訓作品:蒙娜麗莎婚紗攝影

          蒙娜麗莎婚紗攝影

          【在線演示】廣州-11期張同學組

          簡介:參照《蒙娜麗莎》婚紗官網,使用 jQuery + CSS3 + Bootstrap + animate...

          作品簡介

          參照《蒙娜麗莎》婚紗官網,使用 jQuery + CSS3 + Bootstrap + animate + mplayer,實現了豐富的酷炫的動畫效果,封裝 common JavaScript 工具庫。

          在線演示
          前端工程師培訓作品:行行攝色

          行行攝色

          【在線演示】西安-7期高同學組

          簡介:參考《行行攝色》官網,使用 jQuery + CSS3 + easying + move-line...

          作品簡介

          參考《行行攝色》官網,使用 jQuery + CSS3 + easying + move-line + bundle + animatie,實現了炫酷的 3D 交互式動效,同時還封裝 tools JavaScript 工具庫,并獨立研發了風景照片特效。

          在線演示
        • 前端開發培訓班學員作品:《哇噻網》官網

          哇噻網

          【在線演示】西安 7 期馬同學組

          簡介:參考《哇噻網》官網,使用 jQuery + CSS3 + animate,實現了...

          作品簡介

          參考《哇噻網》官網,使用 jQuery + CSS3 + animate,實現了豐富精致的動畫效果,小資購物的情調展現的淋漓盡致,同時還封裝 common JavaScript 工具庫。

          在線演示
          web前端開發培訓班學員作品:優必選官網

          優必選官網

          【在線演示】西安 7 期高同學組

          簡介:參考《優必選官網》官網,使用 jQuery + CSS3 + animate,實現了...

          作品簡介

          參考《優必選官網》官網,使用 jQuery + CSS3 + animate,實現了商業級動畫效果,并根據業務封裝了星戰、地圖、服務、店鋪等多個 JavaScript 業務庫。

          在線演示
          前端開發培訓機構學員作品:馬蜂窩

          馬蜂窩

          【在線演示】西安 7 期王同學組

          簡介:參考《馬蜂窩》官網,使用 jQuery + CSS3 + animate,實現了...

          作品簡介

          參考《馬蜂窩》官網,使用 jQuery + CSS3 + animate,實現了豐富的酷炫的動畫效果,封裝通用和動畫兩個 JavaScript 工具庫,并根據業務封裝了城市、店鋪 JavaScript 業務庫。

          在線演示

        免費視頻教程   專為前端學子打造

        前端學習路線圖

        自學必看零基礎新版

        免費領取全套視頻教程、技術解析、配套源碼、學習工具、學習筆記等

        立即前往學習 >

        7年精心打磨  成就高品質前端課程

        傳智web前端培訓班成立
        2015年

        2015年7月7日,傳智播客前端與移動開發學院正式成立

        從500名學員中篩選了30名同學,首期前端班正式開班

        前端培訓課程引入Nodejs
        2016年

        率先引入Gulp、webpack等基于Nodejs的前端工程化工具

        加強 AngularJS、Vue.js 課程的深度與廣度,更加貼合市場需求

        前端開發培訓課程引入數據持久化、內存緩存
        2017年

        引入數據持久化、內存緩存、項目部暑等課程體系

        成立了全棧子學科,培養了大量全面性Web開發人才

        率先增設了小程序的課程

        web前端培訓課程擴大師資規模
        2018年

        擴大研發隊伍,加強研發力度,創立了 N+12 教學新模式

        跟進新技術、新領域,為學員提供免費終身的學習服務

        打造優質web前端培訓課程體系
        2019年

        引入阿里、京東、用友等一線技術人員打造優質課程體系

        研發多個企業級實戰項目

        加強React課程的深度和廣度并逐步將跨平臺開發引入課程

        前端課程更名為HTML5&JS+前端
        2020年

        學科正式更名為HTML5&JS+前端 ,推出中高級軟件工程師課程

        前端開發課程深耕vue和react
        2021年

        用匠心精神深耕教研,對 Vue & React 課程深度改革

        雙技術棧為高薪保駕護航,突破就業薪資天花板

        2015

        2016

        2017

        2018

        2019

        2020

        2021

        IT培訓資訊

        課程大綱

        1. 基礎班

          1. 網頁布局

        2. 高手班

          1. 移動Web 2. JavaScript 3. 數據看板項目 4. Vue.js 5. 面經全端項目 6. iHRM人力資源項目 7. 優醫問診項目 8. 小程序 9. 小兔鮮電商小程序項目 10. React.js

        3. 線上加薪課

          1. React.js 高級 2. 多端跨平臺 3. 前端工程化 4. 前端服務化

        4. HTML&JS+前端V8.0版本

        • 網頁布局基礎班 1

          課時:10天技術點:60項測驗:1次學習方式:新型面授

          學習目標

          借助PxCook工具,參照設計稿,能綜合使用HTML+CSS技術完成企業級小兔鮮兒電商項目PC端首頁開發。

          主講內容

          1. HTMLHTML 負責網頁的結構層,是網頁開發的基礎,從簡單的網頁骨架搭建入手,使用常見的 HTML 標簽豐富網頁結構。

          HTML基礎語法 | 排版標簽 | 路徑 | 多媒體標簽 | 鏈接標簽 | 列表標簽 | 表格標簽 | 表單標簽 | 布局標簽 | 語義化標簽 | 字符實體

          2. CSS在 HTML 搭建的網頁結構基礎上,通過 CSS選擇器 精準選擇標簽,使用外觀、盒模型相關屬性完成網頁全部內容,利用浮動、定位等布局技巧精準控制網頁布局,結合背景、圓角、陰影等裝飾屬性進一步美化網頁效果,達到能夠編寫企業級大型綜合網頁。

          選擇器 | 外觀 | 文字 | 背景 | 標準流 | 三大特性 | 盒模型 | 偽元素 | 浮動 | 偽類 | 定位 | 圓角 | 陰影 | 透明 | 過渡

          3. 企業級小兔鮮兒電商項目首頁制作借助PxCook工具,基于設計稿編寫網頁,確保網頁的高度還原,通過綜合運用 HTML + CSS 技術,按照實際項目開發流程,歸納開發技巧,提升綜合實戰水平,完成企業級小兔鮮兒電商項目PC端首頁開發。

          精靈圖 | 文檔編碼 | 性能優化 | 布局技巧 | SEO | 性能優化 | 版心 | 設計稿 | PxCook

        • 移動Web高手班 1

          課時:7天技術點:18項測驗:1次學習方式:線下面授

          學習目標

          1. 使用CSS高級特效,豐富網頁元素的呈現方式和效果| 2. 使用rem或vw、vh實現網頁元素寬高隨著視口變化等比縮放的效果| 3. 使用bootstrap框架布局響應式網頁

          主講內容

          1. CSS高級特效使用css高級特效豐富網頁元素的呈現方式和效果。

          字體圖標 |2D轉換|3D轉換|動畫

          2. 移動適配首先介紹Flex布局模型,實現移動端網頁的基本布局;再講解兩種移動端網頁適配不同分辨率的解決方案,并使用不同的解決方案制作網頁元素寬高隨著視口的變化而等比縮放的效果。

          rem | vw/vh|Flex布局模型|Less基礎語法|視口|分辨率|二倍圖|移動適配|媒體查詢

          3. 響應式學習響應式的原理,并使用bootstrap框架完成響應式網頁的布局。

          媒體查詢| bootstrap框架|柵格系統|組件|響應式網頁布局

        • JavaScript高手班 2

          課時:24天技術點:98項測驗:0次學習方式:線下面授

          學習目標

          1. 掌握JavaScript基礎語法,培養編程邏輯思維| 2. 掌握DOM和BOM對象的常用屬性和方法,能夠完成網頁常見的交互效果| 3. 能夠使用 axios 實現 Ajax 操作,為后續項目課做好技術鋪墊| 4. 能夠運用 Git 管理前端項目,并且使用 Git 分支進行多人協同開發| 5. 能夠使用 Promise 與 async/await 高效的實現異步操作

          主講內容

          1. JavaScript基礎學習JavaScript基礎語法規則。

          變量 | 基本數據類型 | 數據類型的轉換 | 運算符 | if分支 | switch分支 | 三元表達式 | while循環 | for循環 | 數組 | 函數 | 對象 | 內置對象 | let | const | 字面量

          2. WebAPI學習DOM和BOM對象的屬性和方法,以完成網頁常見的交互效果。

          DOM樹 | DOM對象 | 獲取元素 | innerHTML | style | className | classList | 間歇函數 | 延遲函數 | 事件監聽 | 鼠標事件 | 鍵盤事件 | 高階函數 | 環境對象 | 節點操作 | 事件流 | 事件委托 | 元素位置 | BOM | window對象 | swiper插件 | 本地存儲 | 自定義屬性 | 正則表達式

          3. JavaScript高級深入理解 ECMAScript 的知識體系及工作機制,熟悉 ES6+ 新的語法特性,注重抽象思維的培養,具備面向對象編程的的能力。

          構造函數 | 單體對象 | 面向對象 | 原型 | 解構 | 剩余 | 展開 | 箭頭函數 | Object | Array | 嚴格模式 | 閉包 | 繼承 | 防抖 | 節流 | 異常處理 | 深淺拷貝

          4. Ajax利用 axios 發起 Ajax 請求,實現前后端的數據交互。并講解 HTTP 請求的過程以及 Ajax 的底層原理。深入學習 JS 異步的底層原理,能夠使用 Promise 處理異步操作,并使用 async/await 簡化異步操作。

          客戶端與服務器 | axios | 請求與響應報文 | 接口 | form 表單 | 攔截器 | FormData | 文件上傳 | XMLHttpRequest | Promise | async/await | EventLoop | 宏任務 | 微任務

          5. Git能夠創建 Git 倉庫管理前端項目,基于 Git 分支進行多人協同開發,并且能夠把本地的 Git 倉庫同步到遠程碼云或 Github 倉庫中。

          安裝和配置 Git | Git 本地操作的常用命令 | .gitignore 忽略文件 | Git 分支與常用命令 | 遠程倉庫的使用

        • 數據看板項目高手班 3

          課時:3天技術點:8項測驗:0次學習方式:線下面授

          學習目標

          1. 掌握Echarts 各類型數據可視化圖表的應用| 2. 能夠根據需要求創建折線圖、K線圖、地圖等圖表| 3. 掌握前后端分離技術的實現方式并了解其意義| 4. 掌握使用token進行訪問鑒權功能實現

          數據看板是一個數據可視化項目,通過折線圖、K線圖、柱狀圖等圖表形式歸納匯總大量數據,以實現更加直觀的數據表達效果。學員通過學習該項目,能夠掌握數據可視化、異步編程、實時數據獲取等技術解決方案,適合有基礎希望技能強化的IT人員繼續學習。

          主講解決方案

          1. 基于 bootstrap 的響應式頁面布局方案| 2. 基于 echarts 的數據可視化解決方案| 3. 基于 token 的訪問權限控制解決方案

          主講知識點

          1.基于axios 實現網站注冊和登錄功能 2.基于 Echarts 結合需求高度自定義不同類型的可視化圖表 3.Ajax、數據渲染和服務端推送前后端分離技術的應用 4.基于 token 的訪問權限控制功能

        • Vue.js高手班 4

          課時:41天技術點:270項測驗:0次學習方式:線下面授

          學習目標

          通過 Vue2 和 Vue3 的基礎學習,掌握企業開發中常見業務功能實現;通過深入 Vue 技術棧學習 vue-router vuex vant element-ui 等主流技術,掌握企業級項目開發方式,如移動端H5項目實與PC端管理項目;通過 Vue3 結合 TypeScript 的技術學習,掌握大型企業級項目開發技巧。

          主講內容

          1. 框架前置課掌握模塊化思想,npm包管理,webpack基礎,初探工程化開發。

          Node.js安裝 | fs模塊 | path模塊 | http模塊 | npm | 包配置文件 | npm常用命令 | 模塊化概念 | CommonJS | ES6Module | 工程化開發概念 | webpack基礎配置 | dev-server | webpack插件 | 常用loader | babel

          2. Vue核心技術運用Vue2.0全家桶核心內容實現開發中常見的功能,如購物車,經典列表、TodoMVC等。運用 Vant 開發移動端,運用element-ui開發PC后臺管理系統。

          MVVM | SPA | Vue 調試工具 | 虛擬DOM | diff算法 | 指令系統 | v-model原理 | 數據選項 | 生命周期 | 樣式穿透 | 動態樣式 | 插槽 | 組件系統 | 組件通信 | 自定義指令 | ref | 動態組件 | $nextTick | 自定義事件 | 計算屬性 | 偵聽器 | 組件庫 | 組件封裝 | keep-alive | 路由系統 | 導航守衛 | vue-cli | vuex | vant | element-ui | 路由懶加載

          3. Vue3.0高級掌握Vue3新特性、Vite、組合API、Pinia 等。

          Vite | 選項API | 組合API | setup | 生命周期 | reactive | toRef | toRefs | computed | 組件通信 | 依賴注入 | ref邊界 | Pinia

          4. TypeScript掌握TypeScript基礎語法,并且在Vue3項目中熟練運用TypeScript。

          基礎類型|聯合類型|字面量類型|類型推斷 | 類型斷言 | 泛型 | 類型聲明 | ts結合composition-api | ts結合axios | 頭條案例

        • 面經全端項目高手班 5

          課時:5天技術點:35項測驗:0次學習方式:線下面授

          學習目標

          1. 掌握 element-ui 組件庫的運用| 2. 掌握 axios 以及攔截器的應用| 3. 掌握 Vuex 管理全局狀態的技術解決方案| 4. 熟練使用 vue-router 管理組件的切換展示| 5. 掌握 element-ui 中如何自定義表單的校驗規則| 6. 掌握文件上傳和富文本編輯器在 Vue 項目中的應用| 7. 掌握 Vant 組件庫的運用| 8. 掌握使用 postcss-px-to-viewport 實現移動端適配

          面經系統,由面試經驗文章PC管理后臺,個人H5端面試文章瀏覽組成。學員學習該項目,能夠鍛煉對 Vue 完整技術棧的運用。同時該項目還涵蓋了 token 身份認證、Vue 組件庫、文件上傳、富文本編輯器等前端技術解決方案,移動端開發,適合剛入手 Vue 框架、希望通過項目開發來鞏固 Vue 基礎的前端開發者學習。

          主講解決方案

          1.token身份認證解決方案| 2.文件上傳解決方案| 3.富文本編輯解決方案| 4.表單驗證解決方案| 5.基于vant的移動端界面構建方案| 6.基于postcss-px-to-viewport移動端適配方案

          主講知識點

          1. 基于 vue-cli 創建工程化的 Vue 項目 2. 基于 element-ui 組件庫快速實現項目布局 3. 用戶注冊與登錄的業務解決方案 4. 使用 Vuex 管理全局共享的數據 5. 使用 axios 實現前后端的數據交互 6. 基于 vant 組件庫快速構建移動端界面

        • iHRM人力資源項目高手班 6

          課時:12天技術點:194項測驗:0次學習方式:線下面授

          學習目標

          1.掌握Vue + Element技術棧在開發管理型后臺項目的技術開發能力| 2.具備角色,人員,權限類系統的設計整體設計及應用能力| 3.擁有Vuejs相關的技術要點及配套的插件,解決方案深度使用能力

          iHRM是一款基于SaaS平臺的人力資源管理系統, 企業通過該系統可以完成公司組織架構管理、員工管理、角色管理、權限管理(審批、考勤、社保)等,為企業的人力資源管理提供一站式解決方案。

          進入項目體驗
          主講解決方案

          1. 基于element-ui和vue2進行大型中臺項目開發解決方案2. 基于axios封裝請求工具模塊解決方案| 3. 基于token的前端登錄解決方案| 4. vuex分模塊持久化解決方案| 5. RBAC大型中臺項目權限控制解決方案| 6. excel批量導入導出解決方案| 7. 上傳組件封裝解決方案| 8. 多語言動態主題解決方案| 9. 樹形結構處理解決方案

          主講知識點

          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 加速的實踐應用 | 組件封裝 | 業務組件封裝

        • 優醫問診項目高手班 7

          課時:12天技術點:233項測驗:0次學習方式:線下面授

          學習目標

          1. 掌握使用Vue3 + TypeScript 開發大型前端項目開發能力| 2. 掌握使用Vant組件庫開發移動端項目能力| 3. 掌握 Pinia 狀態管理工具實現項目狀態管理| 4. 掌握 第三方登錄和第三方支付 業務解決能力| 5. 掌握 快速問診 等在線問診主流業務開發能力

          優醫問診是一個連接醫生和患者的移動醫療行業H5應用,通過高效、快速的在線問診服務,為患者提供健康幫助,涵蓋了找醫生、快速問診、開藥門診、疾病查詢,健康健康百科等功能。該項目基于Vue3+TypeScript進行開發,且引入下一代狀態管理工具 Pinia 和熱門的前端移動UI組件庫 Vant ,采用全新技術棧,給學員帶來優秀的企業實戰項目,助力學員高薪就業。

          進入項目體驗
          主講解決方案

          1.基于vue3.0+typescript中大型項目開發解決方案| 2.基于vant組件庫快速構建H5界面解決方案| 3.基于vue-router的前端路由解決方案| 4.基于vite構建vue3.0項目解決方案| 5.基于pinia的狀態管理解決方案| 6.基于pinia-plugin-persistedstate狀態持久化解決方案| 7.基于@vuecore/use的組合API工具庫解決方案| 8.基于id-validator的身份證信息校驗解決方案| 9.基于postcss-px-to-viewport移動端適配解決方案| 10. 基于vite-plugin-svg-icons的svg圖標組件解決方案| 11. 基于tailwindcss的原子化類名現代解決方案| 12. 基于socket.io的即時通訊問診室解決方案| 13. 基于eruda 的移動端調試解決方案| 14. 第三方登錄解決方案| 15. 第三方支付解決方案

          主講知識點

          vue3.0框架| TypeScript使用 | vite前端構建工具|create-vue項目腳手架|vue-router路由|pinia狀態管理|pinia-plugin-persistedstate狀態持久化|sass預處理器| vite-plugin-svg-icons圖標組件插件|tailwindcss現代CSS框架|@vueuse/core組合API工具庫|dayjs日期處理|vant組件庫 | postcss-px-to-viewport移動端適配 | id-validator校驗身份證 | socket.io即時通訊 | eruda真機調試 | 第三方登錄 | 第三方支付 | vant組件二次封裝 | 通用組件封裝 | reqeust工具函數 | 組件按需引入 | steup語法糖 | pnpm包管理 | 第三方庫類型擴展 | 自定義composable | css變量

        • 小程序高手班 8

          課時:12天技術點:43項測驗:0次學習方式:線下面授

          學習目標

          能夠獨立開發原生小程序,能夠使用uni-app開發小程序,提高就業能力,是就業的加分項

          主講內容

          1. 原生小程序了解小程序開發的一般流程序,熟悉小程基礎組件的使用,能夠基于 wxml 和 wxss 實現小程序的界面布局,基于模板的數據綁定實現數據的動態渲染,基于 API 實現與服務端的數據通信,以及熟悉其它高級 API 的使用。

          賬號申請 | 開發工具 | 工程目錄 | 項目配置 | 屏幕適配 | 資源托管 | 字體圖標 | 數據綁定 | 事件處理 | 生命周期 | 場景值 | 模塊化 | 網絡請求 | 路由 | WXS | 模板 | 組件 | UI 框架 | 表單 | Promise

          2. uni-app理解 uni-app 實現跨平臺開發的原理機制,理清單文件組件與原生小程序組件的對應關系,以及 uni-app 開發小程序時開發時與原生小程序的差異。

          腳手架 | 項目配置 | 單文件組件 | 生命周期 | 條件編譯 | 計算屬性 | 跨平臺支持 | less | sass | 組件通信

          3. 電商項目基于真實需求綜合運用小程序開發的相關知識,突出小程序 API 的真實應用場景,強化和鞏固小程序開發的相關知識,提升綜合解決問題的能力。

          客戶消息 | 微信支付 | 微信地址 | 小程序轉發 | 區域滾動 | 上拉加載 | 下拉刷新 | 數據緩存 | 用戶信息 | 自定義組件 | 微信登錄 | 意見反饋 | 上線發布

        • 小兔鮮電商小程序項目高手班 9

          課時:12天技術點:20項測驗:0次學習方式:線下面授

          學習目標

          1.能夠開發跨平臺的小程序| 2.能夠獨立開發小程序項目| 3.掌握微信登錄的實現方式| 4.掌握微信支付的實現方式

          小程序無需安裝,用完即走的應用方式越來越受到用戶的歡迎,企業也都紛紛開展了小程序的開發。小兔鮮兒是一個經典的電商類小程序項目,包括商品、用戶、購物車、訂單等核心功能模塊,采用 uni-app 框架做為跨平臺小程序開發方案,并綜合運用了原生小程序的組件化、模塊化、網絡請求、本地存儲、微信登錄、微信支付等技術,小兔鮮電商項目以企業的需求為基礎,有針對性的對課程進行設計,學習本課程不僅能夠培養學員的實踐能力,還可以為就業提供有利的支撐。

          主講解決方案

          1.小程序跨平臺開發解決方案| 2.小程序微信登錄實現方案| 3.小程序微信支付實現方案| 4.下拉刷新/上拉加載交互實現方案| 5.數據緩存實現方案

          主講知識點

          1.uni-app跨平臺開發框架| 2.組件封裝及通信| 3.微信支付/登錄| 4.pinia 狀態管理| 5.基于vue3+ts技術實踐方案| 6.小程序云開發| 7.vant組件庫

        • React.js高手班 10

          課時:6天技術點:240項測驗:0次學習方式:線下面授

          學習目標

          通過React+class組件+Hooks+Redux+TypeScript的學習,實現企業開發中的經典案例,如B站評論、購物車、放大鏡、點餐系統等業務功能。

          主講內容

          1. React 核心技術基于 React 腳手架(create-react-app)搭建React項目,掌握JSX語法搭建頁面結構,使用函數組件實現組件化開發,掌握組件通訊在項目開發中的使用。

          create-react-app(CRA)|JSX|條件渲染|列表渲染|樣式處理|組件化開發|函數組件|useState Hook|狀態不可變|事件綁定|事件對象|受控組件|useRef DOM操作|組件通信|父傳子|子傳父|兄弟組件通訊|狀態提升|跨組件通訊|Context|useContext

          2. Hooks 深入+路由掌握 useEffect Hook 的應用,掌握 useRef Hook 的高級用法,理解 Hooks 原理,掌握 react-router-dom 的應用。

          useEffect|useRef 高級用法|useRef 保持引用不變|組件更新機制和特點|驗證碼登錄倒計時|Hooks 原理|React 路由|Route|Routes|BrowserRouter|useRoutes|404頁面|編程式導航 useNavigate|子路由|路由嵌套

          3. Redux +中間件 + Redux Toolkit掌握 React 最常用狀態管理工具 Redux 的基本使用,使用 react-redux 鏈接庫在 React 中使用 Redux,掌握 Redux 中間件 redux-thunk 用來處理異步請求,掌握 Redux Tookit 簡化 Redux 的使用。

          狀態管理流程|action|dispatch|store|reducer|redux-thunk中間件|combineReducers|react-redux|Redux Toolkit |Redux 調試工具|Redux 數據流|createAsyncThunk|基于Promise的thunk狀態|immer

          4. 記賬本案例利用 React + Hooks + Redux Tookit 實現記賬本案例,對整個 React 階段所學內容進行練習,驗證我們是否掌握了 React 開發能力。

          組件庫 antd-mobile|路由|axios 數據請求|記賬頁面|月度收支頁面|全部賬單頁面|useMemo Hook|自定義 Hooks|狀態邏輯復用|json-server 數據接口

        • React.js 高級線上加薪課 1

          課時:30天技術點:118項測驗:0次學習方式:線上

          學習目標

          進軍大廠必備,結合 TypeScript+Hooks 和函數式編程思想完成項目開發。

          主講內容

          1. TypeScript 基礎理解類型系統 理解并能使用泛型 了解類型的推斷過程 了解類型的高級用法,能理解代碼

          靜態類型 | 基礎類型和對象類型 | 類型注解和類型推斷 | 函數相關類型 | 數組和元組 | Interface 接口 || 繼承 | 構造器 | Setter 和 Getter | 抽象類

          2. TypeScript 高階語法理解類型系統 理解并能使用泛型 了解類型的推斷過程 了解類型的高級用法,能理解代碼

          聯合類型和類型保護 | Enum | 函數泛型 | 類中的泛型 | 命名空間 | 模塊化 | 描述文件

          3. Hooks理解 Effect Hooks 和 State Hooks 設計思想 理解 Hooks 應用場景 掌握使用 Hooks 封裝一些組件

          useState | useEffect | useContext | 自定義 Hooks

          4. 函數式編程掌握 JavaScript 函數式編程范式,為閱讀前沿框架源碼,學習框架設計思想做儲備,例如:React、RxJS、cycleJS、lodashJS、underscoreJS 等。

          純函數 | 柯里化 | 函數組合 | Point Free | 聲明式與命令式

          5. Redux 中間件理解業內比較主流的 2 種數據管理設計思想 掌握如何運用合適的數據管理工具在項目 能通過查看源碼對項目做一些性能優化

          React-Redux | redux-thunk | redux-saga

          6. 小兔鮮兒后臺管理項目掌握基于 React 組件化技術解決方案 掌握結合 Redux 狀態管理 掌握用戶權限解決方案 掌握 AI 智能推薦方案 掌握秒殺 / 拼團 / 砍價方案 掌握物流追蹤方案 掌握數據導出方案 掌握第三方支付方案 掌握即時通訊方案 掌握短信服務方案 掌握流媒體方案 掌握單點登錄方案 掌握服務提醒方案

          react 組件邏輯復用 | hooks 與組件生命周期 | useState | useEffect | useContext | useMemo 性能優化 | react-router-dom | redux | redux-thunk | useReducer | 環信 | 百度push | 微軟小冰

        • 多端跨平臺線上加薪課 2

          課時:31天技術點:124項測驗:0次學習方式:線上

          學習目標

          高級前端工程師必備技能,真正實現一套代碼多端運行,減少開發成本,提高開發效率。

          主講內容

          1. Flutter 小兔鮮兒項目掌握 Flutter 開發環境搭建 掌握 Dart 語言基礎 掌握 Flutter 常見的布局方式 理解組件的概念及分類 掌握基礎組件、容器類組件、可滾動組件、功能性組件的應用

          開發環境搭建 | Dart 入門 | StatelessWidget | StatefulWidget | 布局 | 路由和導航 | 手勢 | 事件 | 資源文件 | 生命周期 | 拍照和圖片 | 動畫 | 網絡請求 | 列表組件 | 屏幕適配 | 混合開發 | 性能優化 | Plugin | 打包發布

          2. 小兔鮮兒原生小程序精講理解 Taro 實現跨平臺開發的原理機制 理解單 JSX 組件與原生小程序組件的對應關系 理解 Taro 開發小程序與原生小程序的差異 掌握原生小程序消息推送方案 掌握原生小程序多線程方案 掌握原生小程序云開發等高級方案

          腳手架 | 項目配置 | 編譯配置 | 條件編譯 | 適配 | 跨平臺支持 | sass | 組件通信 | 分包加載 | 消息推送 | 多線程 | 插件 | 云開發

          3. PWA了解 PWA 能夠實現通過 PWA 技術強化 H5 網頁的原生特性 了解當前 PWA 技術的瀏覽器兼容情況

          PWA 簡介與優點 | PWA 背后的技術與原理 | PWA 現狀 | manifest | serviceWorker | 消息推送的實現 | PWA 瀏覽器兼容情況

        • 前端工程化線上加薪課 3

          課時:9天技術點:39項測驗:0次學習方式:線上

          學習目標

          高級前端工程師必備技能,在項目開發中實現自動化、規范化、組件化、模塊化。

          主講內容

          1. webpack 核心學會 webpack 的配置 理解 webpack 的作用與原理 上手項目的打包過程配置 擁有工程化的前端思維 掌握前端工程化的常見工具及工作原理 了解 webpack 性能優化 了解 webpack 中的 tapable 了解 AST 的應用 深入學習 webpack 原理,手寫 webpack

          基本配置 | loader | plugin | sourc map | HMR | Shimming | CodeSplitting | TreeShaking | Caching | 性能優化 | 多頁應用 | PreLoading | PreFetching

          2. 腳手架工具掌握 vue-cli 及相關配置 掌握 vue-cli 初始化單頁及多頁項目 掌握使用 create-react-app 搭建項目 了解 create-react-app 的原理 掌握 angular-cli 搭建項目 了解 angular-cli 的原理 掌握一個基礎 cli 的功能實現

          vue-cli | create-react-app | angular-cli | CLI 原理

          3. git flow 全流程掌握提交相關:git rebase/git commit/git reflog/git log 掌握子模塊: submodule/subtree 掌握分支管理:git fetch/git checkout/git merge 掌握重置及回退:git reset/git checkout/git rm 掌握多人協同 git 工作流 掌握 git 常見的分支管理命令

          rebase | commit | reflog | log | submodule | subtree | fetch | checkout | merge | reset | checkout | rm | mv | branch | switch | git flow

        • 前端服務化線上加薪課 4

          課時:33天技術點:135項測驗:0次學習方式:線上

          學習目標

          高級前端工程師必備技能,SEO 優化策略之一,網站性能監控與埋點方案。

          主講內容

          1. Koa / eggKoa / egg / 中間件

          對 Egg 的功能有全面的理解 | 掌握使用 Egg 完成項目 | 理解 Koa 的核心設計思想 | 掌握 Koa 的中間件編寫

          2. NoSQLRedis / MongoDB

          理解 redis 核心概念與使用 | 能使用 redis 運用到項目中 | 理解 MongoDB 核心概念與使用 | 能使用 MongoDB 運用到項目中

          3. 性能監控服務端日志收集系統設計 接入第三方監控平臺 服務端錯誤預警 分析用戶行為 建立用戶畫像

          理解服務端日志收集系統設計 | 掌握接入第三方監控平臺 | 掌握對服務端錯誤預警 | 前端異常上報 | 用戶 PV/UV 統計 | 頁面加載時間統計 | 用戶點擊行為統計 | 接口請求日志統計 | 接口請求耗時統計 | 靜態資源加載異常統計 | 實現 JS 頁面截圖 | JS 報錯實時監控統計分析 | 詳情分析和代碼定位 | 靜態資源加載異常實時監控 | 靜態資源加載異常的統計分析 | 接口請求報錯實時監控 | 接口請求報錯的統計分析 | 用戶 PV/UV 實時統計 | 記錄回放功能(詳細記錄用戶使用的足跡) | 7 日內留存數據分析 | 版本號分析,瀏覽器分布,等信息分析 | 分析頁面加載性能數據

          4. SSRSSR 運行原理 SSR 環境搭建 緩存和 stream 性能優化

          理解 SSR 運行原理及為什么需要使用 SSR | 掌握 SSR 環境搭建 | 掌握使用緩存和 stream 對 SSR 進行優化 | 掌握 Nuxt.js / Next.js 的應用

        • HTML&JS+前端 V版本課程說明

          課程名稱:主要針對:主要使用開發工具:

          課程介紹

        “周”更新日志
        課程大版本更新

        更多>課程更新日志按周更新熱點/前沿技術

        • 新增2022-12-26

          · 小程序端側滑刪除的解決方案

        • 新增2022-12-19

          · 已登錄與未登錄狀態按需渲染的解決方案

        • 新增2022-12-12

          · 小程序端 Pinia 自動持久化存儲的解決方案

        • 新增2022-12-05

          · 基于 Pinia 組合式 Store 存儲用戶信息

        • 新增2022-11-28

          · 基于Vue3+TS+UniApp 定制 VsCode 開發工具

        • 新增2022-11-21

          · UniApp 分包設計與性能優化

        • 新增2022-11-14

          · 拍照、圖片選擇、上傳文件等功能的實現

        • 新增2022-11-07

          · 小程序商品下單 SKU 業務整合方案

        • 新增2022-10-31

          · 上拉加載和下拉刷新,輪播圖組件封裝

        • 新增2022-10-24

          · 基于 TS類型 + Promise 封裝

        • 新增2022-10-17

          · uni-app小兔鮮兒小程序,基于接口文檔生成 TS 類型聲明文件解決方案

        • 新增2022-10-10

          · LBS逆地址解析、LBS路線規劃

        • 新增2022-09-26

          · 小程序路由攔截、JWT用戶鑒權

        • 新增2022-09-19

          · 享+社區小程序項目,小程序分包加載· 自定義組件按需注入短信驗證碼 Hook 封裝

        • 新增2022-09-12

          · 發問診記錄基于 Pinia 流程記錄

        • 新增2022-09-05

          · 發送短信驗證碼 Hook 封裝

        • 新增2022-08-29

          · 基于 socket.io-client 實現醫患聊天

        • 新增2022-08-22

          · 問診室各類消息卡片組件

        • 新增2022-08-15

          · postcss-px-to-viewport適配

        • 新增2022-08-08

          · 項目Eslint規范

        • 新增2022-08-01

          · 項目主題定制 · Vant主題定制

        • 新增2022-07-25

          · glob動態按需組件導入提高代碼復用

        • 新增2022-07-18

          · unplugin-vue-components組件自動導入與類型聲明

        • 新增2022-07-11

          · 封裝 CustomNavBar 通用導航組件

        • 新增2022-07-04

          · Pinia 持久化&組合API寫法實現病情描述流程業務

        • 新增2022-06-27

          · 引入Tailwind CSS 實現非vant組件頁面開發

        • 新增2022-06-20

          · 基于 vite 插件封裝 SvgIcon 組件,開發環境配置手機調試 eruda 插件

        • 新增2022-06-13

          · 在線問診患者端-vue3項目,使用 vue3+ts+vant+pinia 搭建問診H5項目

        • 新增2022-06-06

          · 開藥問診和圖文問診的流程優化及該部分的狀態管理

        • 新增2022-05-30

          · 接入高德地圖api,實現物流詳情頁面的路徑導航功能

        • 新增2022-05-23

          · 接入dva狀態管理庫,封裝了CustomScrollList分頁列表組件

        • 新增2022-05-16

          · 封裝Cust在非tab頁面上添加nav導航,支持返回和其他自定義操作

        • 新增2022-05-09

          · 基于websocket搭建聊天室,在本地臨時搭建node服務作為服務端

        • 新增2022-05-02

          · 封裝CustomTreeSelect自定義級聯組件

        • 新增2022-04-25

          · 使用笛卡爾積生成商品 SKU 表格基于 antd-mobile 封裝  CustomInput  CustomPopup CustomTabs 自定義組件

        • 新增2022-04-18

          · 在線問診項目-患者H5,自定義 hook useCaptcha 驗證碼計時

        • 新增2022-04-11

          · 使用笛卡爾積生成商品 SKU 表格

        • 新增2022-04-04

          · 封裝 eImageSelect 函數,通過函數調用方式彈出圖片選擇組件

        • 新增2022-03-28

          · SaleSelect 組件 · antd 的 Form 表單實現商品銷售屬性選擇等功能

        • 新增2022-03-21

          · 使用 EditableProTable 創建樹形表格,重構后臺類目

        • 新增2022-03-14

          · 使用 ProTable和ProForm 重構前臺類目

        • 新增2022-03-07

          · 使用 ProTable和ProForm 重構屬性管理· 使用 umi antd-mobile dva 搭建問診患者H5項目

        • 新增2022-02-28

          · 探花交友-RN,搭建React Native開發環境 · 證書簽名打包 Android apk

        • 新增2022-02-21

          · 小兔鮮PC后臺-React,使用 umi+antd-pro 重構小兔鮮兒項目

        • 新增2022-02-14

          · sentry前端錯誤監控· 騰訊云serverless操作

        • 新增2022-01-17

          · nodejs中間層開發· vue的服務端渲染· SSR

        • 新增2022-01-10

          · koa2+elementplus全棧開發· egg基本開發模式

        • 新增2022-01-04

          · 服務化基于koa2搭建web應用· Redis或者MongoDB基本使用

        • 新增2021-12-27

          · Git命令 Gitflow· 測試與自動化 cypress端到端測試· Linux Nginx Jenkins

        • 新增2021-12-20

          · 開發自己的CLI腳手架工具· ESLint StyleLint

        • 新增2021-12-13

          · 打包時自動添加css前綴· 為打包文件添加 hash 名

        • 新增2021-12-06

          · 自定義 Loader 和 Plugin· 處理 Vue單文件組件· 繼承vue-router和vuex

        • 新增2021-11-29

          · 工程化 gulp webpack · 通過 Babel 處理 ES6 語法· WebpackDevServer SourceMaps

        • 新增2021-11-22

          · Flutter和網頁的混合開發· wx.requestPayment 實現微信支付

        • 新增2021-11-15

          · 小兔鮮兒新增EventBus應用· 創建云函數 payment 調用云支付接口

        • 新增2021-11-08

          · swiper 組件實現滑動切換 Tab 欄的交互

        • 新增2021-11-01

          · 小兔鮮兒新增ValueListenableBuilder局部刷新

        • 新增2021-10-25

          · EventChannel 實現頁面間的數據通信· 通過 getCurrentPages 動態渲染數據

        • 升級2021-10-18

          · 優化商品 sku 數據的結構· 通過冪集算法拆分 sku 數據單元

        • 新增2021-10-11

          · 小兔鮮兒新增SharedPreferences本地緩存· Timer倒計時· 刷新token

        • 新增2021-09-27

          · 封裝了 unit 組件· 通過 Mobx 實現了 unit 和商品詳情頁面之間的數據共享

        • 新增2021-09-20

          · 小兔鮮兒新增NotificationListener一鍵回到頂部效果· 通過 wx.getStorageSync 檢測用戶登錄狀態· 封裝了 shipment 組件

        • 新增2021-09-13

          · 監聽 WXML 節點相關狀態實現了頁內導航的交互· 小程序animate關建幀動畫實現導航欄的動畫交互

        • 新增2021-09-06

          · 小兔鮮兒新增Animation幀動畫效果· Dio封裝網絡請求單例類· WeUI 實現了側滑菜單的交互效果· Node.js (day 02 講義制作完成)

        • 新增2021-08-30

          · 教學練測平臺(教學練測V0.2版本完成上線)· 小兔鮮兒移動端(Flutter基礎視頻錄制完成)· 多端跨平臺(day 04視頻錄制)· Node.js (day 02 講義制作完成)

        • 新增2021-08-23

          · 教學練測平臺(教學練測平臺0.2版本開發完成100%)· 小兔鮮兒移動端(1.Dart基礎視頻錄制 / 2.Flutter基礎大綱、代碼和講義制作完成)· 多端跨平臺(1.小兔鮮兒講義制作完成 / 2.小兔鮮兒訂單管理功能研發完成· Node.js (day 01 講義制作完成)

        • 新增2021-08-16

          · 教學練測平臺(教學練測平臺0.2版本面授交互項目開發完成60%)· 小兔鮮兒移動端(1.Dart基礎大綱制作完成 / 2.代碼和案例完成 / 3.PPT講義制作完成)

        • 新增2021-08-09

          · 教學練測平臺(初版本上線運營,教案預覽功能完成70%)· React(新版React day01~day04講義制作完成)· koa進階(前端進度100%,后端進度100%)

        • 新增2021-08-03

          · 教學練測平臺(初版本上線)· 教學練測平臺(初版本上線)· React(新版React-極客園App端項目使用 Redux 改造完成)· koa進階(前端進度99%,后端進度100%)

        • 新增2021-07-26

          · 教學練測平臺(初版本上線,研發完成度99%)· 小兔鮮兒移動端(day 01視頻錄制)· React(新版React-極客園App端項目完成100%)· koa進階(前端進度80%,后端進度100%)· koa進階(項目代碼開發和講義編寫完成20%)

        • 新增2021-07-19

          · 新增:教學練測平臺(初版研發完成度90%)· 極客園(項目接口開發完成)· 小兔鮮兒移動端(day 01視頻錄制)/ 多端跨平臺(1.自定義省市縣三級聯動 / 2.實現表單驗證、購物車、立即購買、個人信息的功能)· React(新版React-極客園App端項目80%)· koa進階(項目代碼開發和講義編寫完成20%)

        • 新增2021-07-12

          · 新增:教學練測平臺(題庫聯調95%,雙元教案和 面授教案聯調70%)· 小兔鮮兒移動端(day 01視頻錄制)· 多端跨平臺(1.接口聯調:商品詳情、微信登錄 / 2.小程序物料準備:購買流程、登錄流程)· 極客園( 1.PC端 day03講義代碼制作完成 / 2.移動端 day03講義代碼制作完成 )· React(新版React-極客園PC端項目完成)

        • 新增2021-07-05

          · 新增:教學練測平臺(教學練測單點登錄聯通測試,教學面授頁面部分開發)· 小兔鮮兒移動端(day 01視頻錄制)· 多端跨平臺(day 03視頻錄制完成)· 極客園( 極客園PC端 day 01~02講義、代碼制作完成 )· React(新版React課程大綱制作完成)· 服務化(Koa進階講完成20%)· Ajax (大綱和案例設計完成)

        • 新增2021-06-28

          · 新增:教學練測平臺(教學練測單點登錄聯通測試,教學面授頁面部分開發)· 小兔鮮兒移動端(day 01視頻錄制)· 多端跨平臺(day 02視頻錄制完成)· 極客園( 1.day 01~02講義、代碼制作完成 / 2.接口bug修復 )· Redux-Saga中間件(day 02視頻錄制40%)· 服務化(1.egg中間層講義和示例代碼完成 / 2.Serverless 講義和示例代碼完成 / 3.Koa進階講義和示例代碼完成10%)

        • 新增2021-06-21

          · 教學練測平臺(前端教案及題庫頁面交互開發80%)· 小兔鮮兒移動端(day 01視頻錄制)· 多端跨平臺(day 01視頻錄制完成)· 極客園( 極客園-HarmonyOS應用開發-入門&進階)· Redux-Saga中間件(day 01視頻錄制完成)· 服務化(1.nosql 講義和示例代碼完成 / 2.egg入門講義和示例代碼完成 / 3.ssr 講義和示例代碼完成 / 4.前端監控講義和示例代碼完成 / 5.egg中間層講義和示例代碼完成40% )

        • 新增2021-06-14

          · 教學練測平臺(前端雙元交互頁面開發80%)· 多端跨平臺(1.day 01 視頻錄制 / 2.小兔鮮兒商品詳情接口及SKU處理)· 多端跨平臺(day 01 視頻錄制)· Redux-Saga 中間件(day 01~day 03 PPT制作完成 70%)

          更新

          · Vuex(講義優化)

        • 新增2021-06-07

          · 教學練測平臺(搭建教學練測平臺框架,前端進度50%)· 小兔鮮兒移動端(day 01視頻錄制)· 多端跨平臺(day 01 視頻錄制)· 極客園( day 01講義素材制作完成)

          更新

          · 黑馬頭條本地服務化接口升級

        • 新增2021-05-31

          · 教學練測平臺(搭建教學練測平臺框架,前端進度30%)· 多端跨平臺(day02 視頻錄制)· 極客園( 移動端界面功能升級完成)· 服務化-koa基礎(課程講義制作完成)

        • 新增2021-05-24

          · 教學練測平臺(搭建教學練測平臺框架,前端進度20%)/小兔鮮兒移動端(1.day02 視頻錄制完成 / 2.day03 代碼講義制作)/多端跨平臺(1.day02 視頻錄制 / 2.人氣推薦接口聯調、商品詳情SKU交互處理)

          更新

          · 黑馬頭條本地服務化接口升級

        • 新增2021-05-17

          · 教學練測平臺(搭建教學練測前后端項目,前端15% 后端20%)· 小兔鮮兒移動端(day02-視頻錄制)· 多端跨平臺(1.day01 視頻錄制 / 2.day02 講義制作)· React Hooks 課程(day03 視頻錄制完成)

        • 新增2021-05-10

          · 教學練測平臺(搭建教學練測項目框架 進度10%)· 小兔鮮兒移動端(day02 代碼、講義制作完成))· 多端跨平臺(1.day01 視頻錄制 / 2.day02 講義制作)· React Hooks 課程(1.day01視頻錄制完成 / 2.day02視頻錄制完成)

          更新

          · Ajax(day02 PPT 優化)

        • 新增2021-05-03

          · 黑馬頭條(本地服務開發完成,已推廣部分老師試用,修改問題。)· 小兔鮮兒移動端(day01 視頻錄制完成)· 多端跨平臺(1.day01 視頻 / 2.day01 講義和PPT制作)· React Hooks 課程(三天講義、案例完成)

          更新

          · 移動 Web(day02 視頻修復)· Ajax(day 01 PPT 優化)

        • 新增2021-04-26

          · 新增:移動 Web(day 07 視頻錄制)/ 黑馬頭條(本地服務化接口開發整體進度90%) / 小兔鮮兒移動端(day 01 視頻錄制)/ 多端跨平臺(小兔鮮兒基礎代碼封裝及首頁和商品詳情接口聯調)

          更新

          · 移動 Web(day 01 視頻修復)/  jQuery(day01~03 視頻修復完成)/ Vue原理(黑馬頭條移動端項目講義優化)/ TypeScript(1.day 04 視頻修復。2.React Hooks項目 day01大綱優化)

        • 新增2021-04-19

          · 移動 Web(1. day06 視頻錄制 / 2. day07大綱+PPT制作 / 3.day07視頻錄制)· PMIS(黑馬頭條本地化服務文章,用戶/評論接口,整體進度50%)· 小兔鮮兒移動端(修復小兔鮮兒移動端BUG、小兔鮮兒移動端項目大綱、小兔鮮兒APP代碼和講義)· TypeScript(day 04 視頻)

          更新

          · 小兔鮮兒PC前臺 優化講義· 黑馬頭條 2.0升級界面

        • 新增2021-04-12

          · 移動 Web(1. day05 視頻錄制 / 2. day06大綱+PPT制作 / 3.day06 視頻錄制)· PMIS(黑馬頭條本地化服務文章,頻道接口開發,整體進度30%)· 小兔鮮兒移動端(調試業務主線接口完成、BUG修復和代碼優化)· TypeScript(day 03 視頻)

          更新

          ·  jQuery (day01~day02 修復)· 小兔鮮兒PC前臺優化講義

        • 新增2021-04-05

          · 移動 Web(1. day04 視頻錄制 / 2. day05大綱+PPT制作 / 3.day05視頻錄制)· PMIS(黑馬頭條本地化服務啟動研發,恢復數據腳本,搭建基礎框架,整體進度10%)· JavaScript高階大綱制作· 小兔鮮兒移動端(調試業務主線接口:購物車(商品詳情頁獲取線上購物車數量+修改購物車規格+合并購物車)、訂單和支付(結算訂單+提交訂單+待支付+訂單列表+訂單詳情)、混合開發(地址管理))· TypeScript(day 02 視頻)

        • 新增2021-03-29

          · 移動Web(1.day04大綱 +PPT制作/2.day04視頻錄制)· jQuery(day03)· 小兔鮮兒移動端(調試業務主線接口:獲取短信驗證碼、驗證短信驗證碼、手機驗證碼注冊、用戶賬號登錄(用戶名或手機號)、商品詳情頁及規格、購物車增刪改查、購物車全選和取消全選、購物車批量刪除)· TypeScript(day 01 視頻)

        • 新增2021-03-22

          · 移動Web(1.day03大綱+PPT制作/2.day03視頻錄制)· WebAPI(day03)/jQuery(day03 資料制作)· 小兔鮮兒移動端(再次解決商品詳情頁滾動和title定位不準的BUG(完全修復)、支付寶沙箱支付-安卓端 (支付寶沙箱支付沒有iOS端)、Dart基礎PPT(梳理了Dart基礎需要講解的內容、搭建了大綱結構)、省市區三級聯動(完成度50%)· TypeScript(day 02 講義)

        • 新增2021-03-15

          · 移動Web(1.day02大綱+PPT制作/2.day02視頻錄制)· JavaScript基礎(js基礎第四天增加新收尾案例)· jQuery(day01重錄)· 小兔鮮兒移動端(解決首頁分類商品展示BUG、解決商品詳情頁滾動卡頓和定位不準的問題、解決小兔鮮兒APP流程走查(210308)的問題、使用dio插件封裝網絡請求工具類、解決重復添加購物車的BUG· 多端跨平臺(1.語法進階講義/2.設計教學案例/優化小兔鮮兒代碼)· TypeScript(day 01)

          升級

          · 黑馬頭條移動端(1. 優化文章詳情頁發布評論的功能/2.新增點擊評論圖標平滑滾動到評論區的功能/3.新增文章詳情頁代碼區高亮功能/4.新增項目打包優化相關的技術點/5.小智更名為小思同學、并提供線上 websocket 接口)

        • 新增2021-03-08

          · 基礎班 day05· jQuery day 02· MVVM 講義 + 代碼 + 素材· 小兔鮮兒PC前臺 1.5 天講義· PMIS(設計器支持條件和變量的配置)· 小兔鮮兒移動端(集成bugly完善、解決首頁滾動卡頓問題、解決首頁分類商品展示BUG(80%)· 小兔鮮兒原生小程序(1. 登錄/注冊 2. 熱門推薦 3. Mock方案分析)

          升級

          · JavaScript day03 修復

        • 新增2021-03-01

          · 基礎班 day04· 小兔鮮兒PC前臺 3 天講義· PMIS (Bpm 設計器改用 ANTV,做出簡單的分支、審批人、發送人)· 小兔鮮兒移動端(購物車切換規格和失效商品、商品分類模塊UI調整和優化、登錄或登出時刷新個人信息、解決安卓系統SDK版本沖突問題和ktolin版本過低問題、安卓打包apk、集成bugly)· 小兔鮮兒原生小程序(1. 商品評價管理 2. 商品規格、配送地址 3. 快應用功能優化)

          升級

          · JavaScript day01~day02 修復

        • 新增2021-02-01

          · 基礎班(day03)· jQuery(day01)· Vue 3.0 基礎(day09)· 小兔鮮兒電商后臺(項目接口聯調,商品發布接口調整和編輯商品)

          更新

          · 小兔鮮兒 Flutter 移動端(商品詳情頁規格交互邏輯、商品詳情頁規格和購物車的交互邏輯)

        • 新增2021-01-25

          · 基礎班(day02)· Vue 3.0 基礎(day08)· 小兔鮮兒電商后臺(項目接口聯調,商品管理、庫存、審核、關鍵詞搜索、品牌,發布商品完成)· 小兔鮮兒小程序(商品詳情頁布局及交互)

          更新

          · 小兔鮮兒 Flutter 移動端(重新構建首頁分類商品的分頁效果、商品詳情頁和分類模塊接口調試、商品詳情頁規格接口、優化錯誤提示邏輯、解決購物車刷新BUG)

        • 新增2021-01-18

          · Vue 3.0 基礎視頻(day07)· 小兔鮮兒電商后臺(項目接口聯調,商品管理、庫存、審核、關鍵詞搜索、品牌,發布商品完成)

          更新

          · 小兔鮮兒 Flutter 移動端(重新構建了訂單列表、自定義異常的友情提示)

        • 新增2021-01-11

          · Vue 3.0 基礎視頻(day06)· 小兔鮮兒電商后臺(項目接口聯調,前后臺類目已完成)

          更新

          · 小兔鮮兒 Flutter 移動端(解決BUG、調試接口:爆款推薦+新鮮好物+分類商品+找相似)

        • 新增2021-01-04

          · 基礎班視頻(day01)· Vue 3.0 基礎視頻(day05) · 小兔鮮兒電商前臺(聯調接口+完成忘記密碼功能) · 小兔鮮兒電商后臺(完善項目整體功能,視頻管理、商品編輯完成)- 項目整體功能完成 · 小兔鮮兒 Flutter 移動端(自定義Swiper插件輪播圖指示器、首頁回到頂部、自定義縮放動畫組件:CustomScaleTransition、自定義刷新組件:CustomSmartRefresher)

          更新

          · 小兔鮮兒 Flutter 移動端(重做商品和訂單相關的彈框、調試首頁和登錄注冊的接口、 解決測試中的BUG)

        • 新增2020-12-28

          · Vue 3.0 基礎視頻(day04) · 小兔鮮兒原生小程序(小程序個人中心頁面布局) · 小兔鮮兒電商前臺(產品提出優化點全部完成 + 第五天代碼和講義80%) · 小兔鮮兒電商后臺(完善項目整體功能,素材管理(圖片)、商品管理、商品發布基本完成)

          更新

          · 小兔鮮兒 Flutter 移動端(補充評價時的標簽信息和解決評價時評分的BUG、重做驗證碼登錄頁面、解決商品詳情頁買家備注的鍵盤BUG、補充提交訂單時的選擇項和彈框、補充無內容時的情感提示、解決底部導航切換的BUG)

        • 新增2020-12-21

          · Vue 3.0 基礎視頻(day03) · 小兔鮮兒電商后臺(完善項目整體功能,素材管理(圖片)、商品管理、商品發布基本完成)

        • 新增2020-12-14

          · 小兔鮮兒原生小程序(完成訂單詳情布局及交互) · Vue 3.0 基礎視頻(day02) · 小兔鮮兒電商前臺(繼續完成產品提出的優化法案 + 完成第三方登錄 + 第四天代碼和講義) · 小兔鮮兒電商后臺(完善項目整體功能,后臺類目、前臺類目管理完成) · 小兔鮮兒 Flutter 移動端(下拉刷新和上拉加載更多、登錄頁的睜眼和閉眼動效、購物車頁面的側滑刪除和移入收藏、訂單狀態和訂單列表的上下聯動、首頁分類導航吸頂效果)

        • 新增2020-12-07

          · 小兔鮮兒原生小程序(購物車、訂單布局及交互) · 辦公系統工作流定制(BPM設計器,PMIS業務 20%) · 小兔鮮兒電商后臺(完善項目整體功能,屬性、屬性組管理已完成【針對測試】) · Vue 3.0 基礎視頻 day01

        • 新增2020-11-30

          · 小兔鮮兒原生小程序(首頁、搜索、分類、我的頁面布局及交互) · 小兔鮮兒電商前臺(優化小兔鮮PC+Hybrid頁面優化+小兔鮮pc第三天講義和代碼) · 小兔鮮兒電商后臺(完成通用上傳組件完成,完善整體功能【針對測試】) · 小兔鮮兒 Flutter 移動 App(重新實現了首頁模塊、TestFlight、解決測試的問題、退出登錄)

        • 新增2020-11-23

          · HR 人資項目(視頻修復 100%) · 小兔鮮兒專題模塊 SSR 完成 · 小兔鮮兒 PC 后臺(通用圖片上傳組件 80%) · 小兔鮮兒 Flutter( 混合開發對接Vue實現的新的前端頁面:Flutter 和 JS 的相互通信、重新實現了整個分類模塊的各個頁面和交互)

        • 新增2020-11-16

          · vue 3.0 day02~day04 講義(授課實施) · HR 人資項目(視頻修復 80%:Vuex + 前置內容 + 視頻剪輯90%) · 小兔鮮兒 PC 前臺(mock接口 + 業務 + day01 講義+ 代碼) · 小兔鮮兒 PC 后臺(商品發布更多信息核心功能完成) · 小兔鮮兒 Flutter(訂單商品評價時評價圖片的預覽和圖片的多選、修復購物車頁面和鍵盤相關的BUG)

        • 新增2020-11-09

          · vue 3.0 day03講義 · 小兔鮮兒 PC 前臺(收藏品牌、收藏專題、關注品牌、我的足跡) · 小兔鮮兒 PC 后臺(商品發布) · 小兔鮮兒 Flutter(專題模塊、自定義小組件) · HR 人資項目課程修復 50%

        • 新增2020-11-02

          · vue 3.0 day02講義 · 小兔鮮兒 PC 前臺(sku 算法替換成插件、loading組件與指令、確認框組件與方法) · 小兔鮮兒 PC 后臺(商品發布) · 小兔鮮兒 Flutter(查看物流、我的收藏、查看收藏、側滑刪除收藏) · HR 人資項目課程錄制 100%

        • 新增2020-10-26

          · vue 3.0 day01講義 · 小兔鮮兒 PC 前臺(城市組件、分頁組件、地址管理) · 小兔鮮兒 PC 前臺 V 3.0 升級 · 小兔鮮兒 PC 后臺(后臺類目 + 前臺類目)90% · 小兔鮮兒 Flutter(我的訂單和訂單詳情) · HR 人資項目課程錄制 50%

        • 新增2020-10-19

          · 小兔鮮兒 PC 前臺(本地購物車100%+sku規格操作+購物車商品詳情打通,訂單詳情組件,評價曬單模塊+組件封裝) · 小兔鮮兒后臺管理頁面(屬性管理完成+圖片管理80%) · 小兔鮮兒 App 編輯購物車、購物車商品數量提示、品牌、找相似、爆款推薦、新鮮好物 · vue 3.0 基礎大綱+案例設計

        • 新增2020-10-12

          · 小兔鮮兒 PC 前臺(商品詳情+購物車50%) · 小兔鮮兒后臺管理頁面(屬性管理業務邏輯(50%)+組件狀態或redux狀態) · 小兔鮮兒 App 訂單列表狀態切換、下拉刷新和上拉加載更多,本地存儲購物車(增刪改查)

        • 新增2020-09-28

          · 小兔鮮兒 PC 前臺(一級分類,二級分類,搜索80%) · 小兔鮮兒后臺管理頁面(1 素材 - 圖片管理 2 素材 - 視頻管理) · 小兔鮮兒 App 提交訂單和我的訂單列表、訂單商品評價

        • 新增2020-09-21

          · 移動 Web TodoList · 好客租房業務功能完成 · 小兔鮮兒 App 商品二級分類排序、下拉、抽屜菜單 · 小兔鮮兒 App 登錄注冊和找回密碼

          升級

          · 移動 Web 第 7~8 天調優

        • 新增2020-09-14

          · 小兔鮮兒 PC 前臺頁面完成· 小程序項目 v7.0 day05 雙元視頻 · 好客租房(發布房源頁面以及房源列表頁面組件封裝) · 小兔鮮兒 App 商品二級分類排序、下拉、抽屜菜單 · 小兔鮮兒 App 登錄注冊和找回密碼

        • 新增2020-09-07

          · 小兔鮮兒 PC 前臺頁面(商品詳情,購物車,填寫訂單,確認訂單,支付成功,支付失敗,購物車空)

          升級

          · 小程序項目 v7.0 day05 雙元視頻 · 好客租房(發布房源頁面以及房源列表頁面組件封裝)

        • 新增2020-08-31

          · HRSAAS(人力資源系統) v7.0 講義完成并評審(評審結果:A級)

          升級

          · jQuery 第1天案例及第2天講義 · 小程序項目 v7.0 day05 講義及代碼· 好客租房(房源詳情、房源列表、資訊、我的、我的收藏、登錄、注冊頁面UI更新)· 小兔鮮兒 Flutter 首頁和分類頁 Bug 修復

        • 新增2020-08-24

          · HRSAAS(人力資源系統)v7.0講義90%· 小兔鮮兒 Flutter 首頁和分類頁編寫完成,首頁mock搭建完成

          升級

          · jQuery 第1天講義 · 小程序項目 v7.0 day04 雙元視頻 · 好客租房(首頁、城市選擇、地圖找房頁面 UI 更新)

        • 新增2020-08-17

          · 36Kr 實戰靜態頁· 小兔鮮兒 PC 前臺靜態頁面編寫50%· 小兔鮮兒 Flutter首頁和分類首屏實現50%

          升級

          · jQuery 第1天講義 · Alloy Team 響應式布局 · Web APIs day07 ~ JS高級day01· 小程序項目 v7.0 day04 講義及代碼· 好客租房(項目搭建、基于viewport的移動端適配方案配置、移動端1px高清方案選型)

        • 升級2020-08-10

          · Alloy Team 響應式布局案例 · Web APIs day07 雙元視頻 · 小程序項目 v7.0 day03 雙元視頻、講義、代碼· HRSAAS(人力資源系統) v7.0 主頁、多語言、全屏、主題、打包上線

        • 升級2020-08-03

          · Web APIs day06 雙元視頻 · 小兔鮮開發內容確認 · 小程序項目 v7.0 day02 雙元視頻· HRSAAS(人力資源系統) v7.0 員工模塊、權限設計管理、模塊集成

        • 升級2020-07-27

          · DOM工具庫封裝 · Web APIs 調整 · Web APIs day05 雙元視頻· 小程序項目 v7.0 day02 講義及代碼· Web HRSAAS(人力資源系統) v7.0 組織架構、公司設置

        • 升級2020-07-20

          · 小兔鮮兒網頁布局個人中心 · 小程序項目 v7.0 day01 雙元視頻 · HRSAAS 登錄模塊、主頁模塊、路由頁面的講義代碼

        • 升級2020-07-13

          · 無縫滾動輪播圖 · 小兔鮮兒網頁布局首頁 · Web APIs day03 ~ day04 雙元視頻 · HRSAAS 基礎環境搭建、登錄模塊的講義和代碼

        • 升級2020-07-06

          · dom 工具庫封裝 · Web APIs day02 雙元視頻 · 小程序基礎 v7.0 day05講義、代碼 · Vuex的講義和代碼

        • 升級2020-06-29

          · 微博案例評論功能 · Web APIs 第7、第8天講義 · Web APIs day01 雙元視頻 · webpack + Vue 視頻小樣

        • 升級2020-06-22

          · 優化動畫、Web字體、Flex案例 · 基礎 v7.0 day07 雙元視頻 · Web APIs day01 雙元視頻 · webpack + Vue 視頻小樣

        • 升級2020-06-15

          · 優化轉換、陰影、圓角案例 · webpack + Vue 基礎 v7.0 大綱 · 調薪/動態路由的角色控制/組織模塊及數據調整 · 小程序基礎 v7.0 day02 雙元視頻

        • 升級2020-06-08

          · 優化字體、背景、定位、過渡案例 · 部署禪道系統+Bug管理說明書 · 小程序基礎 v7.0 day02 講義及代碼 · 工資/招聘/考勤/社保/公司設置

        • 更新2020-06-01

          · 正則表達式案例 · 作用域鏈案例 · JavaScript 事件案例 · Web APIs v7.0 5-7 天講義

        • 更新2020-05-25

          · 定時器封裝 · 多場景登錄 · 學生列表 · Web APIs v7.0 1-4 天講義

        • 更新2020-05-18

          · 隨機背景 · 倒計時 · 網頁時鐘 · JavaScript 基礎 v7.0 3-4 天講義

        • 更新2020-05-11

          · bootstrap 案例 · 個人所得稅 · 猜拳游戲 · JavaScript 基礎 v7.0 1-2 天講義

        • 更新2020-05-04

          · 瀏覽器兼容案例 · 瀑布流案例 · Web APIs v7.0 大綱 · 團隊實戰代碼升級

        • 更新2020-04-27

          · 百度圣誕案例 · QQ輪播圖 · 京東輪播圖 · freelayout

        • 更新2020-04-20

          · 跑酷案例 · 無縫滾動案例 · 動態進度條案例 · JavaScript 基礎案例

        • 更新2020-04-13

          · 照片墻案例 · 瀑布流案例 · 新浪微博案例 · 七巧板案例

        • 更新2020-04-06

          · 聊天案例 · 音樂盒案例 · 百度錢包案例 · 全民出游季案例

        • 更新2020-03-30

          · 蝦米播放器案例 · 京東推薦 · 基礎班 v7.0 1~2 天講義 · Node v7.0 day01 雙元視頻

        • 更新2020-03-23

          · 排版案例 · 學生信息案例 · 簡歷案例 · 多媒體案例


        點擊加載更多>>
        2022.07.08 升級版本8.0

        課程名稱

        HTML&JS+前端

        課程推出時間

        2022年7月8日

        課程版本號

        8.0

        主要使用開發工具

        VSCode

        課程介紹

        優勢一:課程升級深度調研市場需求,Vue、React提升和小程序提升,打造多方向發展的前端工程師。
        優勢二:覆蓋Vue2全家桶、Vue3+TypeScript、React+TypeScript、原生小程序,uni-app等實用技術,滿足90+企業對前端工程師的需求。
        優勢三:研究院精心打造超大項目庫,多行業多領域項目課程主流行業全覆蓋,項目課程天數占比60%以上,課程覆蓋主流就業領域,讓學生達到一線大廠的項目經驗要求。
        優勢四:多場景高效學習方式,短時間掌握實用技術。老師教法培訓,課程清晰明了;教和練結合,實操促進吸收;每日作業,夯實學習成果;階段項目實戰,學以致用。

        1

        新增數據看板項目(Bootstrap + Echarts)

        1

        新增面經全端項目(Vue2 + Vuex + ElementUI組件庫 + Vant組件庫)

        1

        新增優醫移動端項目(Vue3 + TypeScript + Pinia + Vant組件庫)

        1

        新增小兔鮮兒電商小程序項目(uni-app + Vue3 + TypeScript)

        1

        優化JavaScript階段課程與案例

        1

        優化Ajax和Node.js階段課程與案例

        1

        優化極客園PC端項目(TypeScript + React + Umi + dva + antd-pro組件庫)

        1

        刪除刪除JQuery課程內容

        1

        友情提示更多學習視頻+資料+源碼,請加QQ:2632311208。


        2021.09.28 升級版本7.6

        課程名稱

        HTML&JS+前端

        課程推出時間

        2021.09.28

        課程版本號

        7.6

        主要使用開發工具

        VSCode

        課程介紹

        課程升級對接企業招聘需求,Vue+React雙重保障,目標不止于就業,而是讓你成為企業高薪招聘的“搶手”人才。
        課程內容覆蓋前端主流技術棧,Vue2全家桶(Vuex、vue-router、element-ui、vue-element-admin)、Vue3新特性、TypeScript實戰、React全家桶(Hooks、Redux、react-router、ant design、antd-mobile),豐富項目庫,提供多行業多領域項目課程,項目課程天數占比為 60%+,讓學生達到一線大廠的項目經驗要求。

        1

        新增TypeScript課程(TypeScript結合主流技術的應用)

        1

        新增極客園PC端項目(React+Hooks+Redux+ant design組件庫)

        1

        新增極客園移動端項目(TypeScript+React+Hooks+Redux+antd-mobile組件庫)

        1

        新增資訊后臺管理項目 (Vue+Vuex+element-ui組件庫)

        1

        新增PC端和移動端網頁布局項目5個+(主流布局技巧+適配方案)

        1

        優化小兔鮮兒電商前臺項目 (Vue3技術棧)

        1

        優化人資中臺項目(Vue+Vuex+element-ui組件庫+vue-element-admin)

        1

        優化立可得項目(Echarts+Ajax)

        1

        刪除黑馬頭條移動端項目(Vue2技術棧)

        1

        刪除大事件項目(Layui)

        2020.07.11 升級版本7.0

        課程名稱

        HTML&JS+前端

        課程推出時間

        2020.07.11

        課程版本號

        7.0

        主要使用開發工具

        VSCode、HBuilder X

        課程介紹

        專為培養和打造高級軟件工程師高含金量課程重磅推出,課程升級顛覆培訓行業。
        行業推出全端跨平臺項目并且業務在全端貫通。
        超大項目庫,多行業多領域項目課程,主流行業全覆蓋,其中項目課程天數占比為 190 天,課程覆蓋 7 大主流就業領域,讓學生達到一線大廠的項目經驗要求。
        專為高級前端工程師定做的 9 天前端工程化課程,包括:模塊化、組件化、性能優化、規范化、自動化,定制腳手架及性能方案,提升團隊開發效率。

        1

        新增小兔鮮兒電商前臺 (Vue.js 技術棧)

        1

        新增辦公管理人資中臺(Vue.js 技術棧)

        1

        新增黑馬頭條 H5 項目 2.0(Vue.js 技術棧)

        1

        新增品優購 2.0(uni-app)

        1

        新增好客租房 H5 項目 2.0(React.js 技術棧)

        1

        新增小兔鮮兒電商后臺 (React.js 技術棧 TypeScript + Hooks)

        1

        新增探花交友 (React Native)

        1

        小兔鮮兒移動App (Flutter 技術棧)

        1

        新增小兔鮮兒小程序 (原生小程序)

        1

        新增Febo 性能監控(核心模塊:React.技術棧 插件:Vue.js技術棧)

        1

        新增小兔鮮兒宣傳頁 (SSR)

        1

        刪除黑馬頭條自媒體管理平臺(Vue.js 技術棧)

        1

        刪除品優購電商 1.0(wepy)

        1

        刪除好客租房后臺管理系統(React.js 技術棧)

        2019.6.1 升級版本6.5

        課程名稱

        HTML&JS+前端

        課程推出時間

        2019.6.1

        課程版本號

        6.5

        主要使用開發工具

        Sublime、WebStorm、VSCode

        課程介紹

        課程在6.0的基礎上,為了適應企業的需求優化基礎知識的講解并大幅度延長Vue的課時?;A階段突出編程的交互性,Vue課程中項目由1變2,增加MVVM框架原理、SSR服務端渲染、混合app開發等,并加強狀態管理vuex的應用。React項目好客租房優化項目功能和界面美化。

        1

        新增 黑馬頭條自媒體管理平臺(Vue.js技術棧)

        1

        新增黑馬頭條移動Web項目(Vue.js技術棧)

        1

        新增好客租房后臺管理系統(React.js 全套技術棧)

        1

        新增 好客租房移動 Web 項目(React.js 全套技術棧)

        1

        新增 網頁應用案例(待辦事項列表、購物車、微博發布等)

        1

        新增網絡編程講法優化和部分案例

        2018.9.10 升級版本 6.0

        課程名稱

        HTML&JS+前端

        課程推出時間

        2018.9.10

        課程版本號

        6.0

        主要使用開發工具

        Sublime、WebStorm、VSCode

        課程介紹

        課程增加了項目課程和應用型技術課程的時長,以培養具備企業真實項目經驗的程序員為目標,從編程基礎階段培養學生企業級編碼規范和業務實現能力,以Node.js為依托培養服務端概念和HTTP通訊協議,讓學員能夠適應前端行業的快速發展。后期以流行框架為主,通過超長的企業級全終端項目實戰培養具有3年工作經驗的前端開發人員。再加以時下火熱的微信小程序和小游戲拓展學生的就業寬度。商業項目團隊協作實戰階段,讓學員無需過渡期直接適應真正的企業開發。

        1

        新增品優購全端電商項目(管理系統、PC端、移動端、小程序)

        1

        新增 好客租房移動 Web 項目(React.js 全套技術棧)

        1

        新增 近百套行業項目解決方案庫

        1

        新增小程序加小游戲就業課

        1

        新增 企業級團隊項目實戰

        2018.2.26 升級版本 5.0

        課程名稱

        HTML&JS+前端就業班課程

        課程推出時間

        2018.2.26

        課程版本號

        5.0

        主要使用開發工具

        Sublime、WebStorm、VSCode

        課程介紹

        以品優購項目平臺為驅動貫穿整個課程,包括品優購PC端項目、品優購移動端項目、品優購后臺管理項目、品優購微信項目。讓學生能夠體會完整的項目開發流程。除課程更新外,還配以助教的實施體系(助教課程體系、強制自習、團隊項目、技術面試)

        1

        新增基礎班新增品優購整套項目的靜態頁面制作

        1

        新增 前端工程化完成品優購移動端項目

        1

        新增JavaScript和DOM階段的課程優化部分案例,培養學生通過代碼完成業務的能力

        1

        新增微信小程序的案例更新為品優購項目

        1

        新增 vue項目更新為品優購的后臺管理系統

        2017.7.12 升級版本 4.0

        課程名稱

        HTML&JS+前端就業班課程

        課程推出時間

        2017.7.12

        課程版本號

        4.0

        主要使用開發工具

        Sublime、WebStorm、VSCode

        課程介紹

        本次課程更新主要增加服務端編程語言PHP加強學生理解客戶端/服務器、動態網站以及網絡通信等后端開發的相關概念。并且能夠熟悉PHP的基礎語法,可以操作MySQL數據庫,能夠開發簡單的動態頁面和后臺接口。培養更懂后端的前端開發人員。

        1

        新增 PHP&MySQL課程,培養更懂后端的前端開發人員

        1

        新增 阿里百秀項目,結合前端渲染和后端渲染

        1

        新增HTML5的宣傳頁面

        1

        新增 移動端電商項目

        1

        新增JavaScript高級課程優化,增加貪吃蛇游戲

        2017.03.01 升級版本 3.0

        課程名稱

        HTML&JS+前端就業班課程

        課程推出時間

        2017.03.01

        課程版本號

        3.0

        主要使用開發工具

        WebStorm、Sublime

        課程介紹

        本次課程更新注重理論到實踐的變化,從就業班開始培養學生把理論到實踐過程的培養,讓學生學習完JavaScript能夠自己動手開發插件,不僅僅停留在使用的層面。增加市面上流行的vue.js框架,并結合項目實戰,從0到1的完成項目,直至打包上線。

        1

        新增 博學谷項目,從無到有開發一個完整項目,從項目構建到上線

        1

        新增canvas課程中新增游戲的案例

        1

        新增 微信小程序開發

        1

        新增webpack1.x升級到webpack2.x,webpack和gulp集成構建項目

        1

        新增 ajax課程更新部分更實用的案例

        2016.6.30 升級版本 1.1

        課程名稱

        HTML&JS+前端

        課程推出時間

        2016.6.30

        課程版本號

        1.1

        主要針對系統

        Windows、Linux

        主要使用開發工具

        webStorm、sublime

        課程介紹

        本次升級對前端課程1.0版本進行優化。重點優化課程體系與教學模式,知識點銜接更緊密,有利于學員更好的吸收掌握;更新框架部分知識點,將框架升級到市場上主流的版本,升級課程更加貼合企業實際需求。

        1

        新增zepto庫在移動web開發的實際應用;

        1

        新增基礎班與就業班的課程體系知識點無縫對接;

        1

        新增 面向對象和框架進階以及js 設計模式;

        1

        新增 在項目中融入企業新技術課程;

        2015.10.06 升級版本 1.0

        課程名稱

        傳智教育HTML&JS+前端精品就業班課程

        課程推出時間

        2015.10.06

        課程版本號

        1.0

        主要針對 iOS 系統

        Xp、Win7/8/10

        主要使用開發工具

        WebStorm、Sublime、Dreamweaver

        課程介紹

        傳智教育推出HTML&JS+前端課程,基于當前流行的技術和未來的發展趨勢、結合業界實際的開發模式,創建了完善的課程體系和教學模式,確定了以深入的基礎理論、豐富的項目實戰、系統的大型案例實踐為主線,以項目實戰來驅動教學的主導思想,并結合實際工作場景,進而強化扎實基礎,增強實用性,提高核心競爭力。

        1

        新增完善的課程體系保證處于移動和前端的技術前沿;

        1

        新增課程安排循序漸進,階梯式的學習模式,菜鳥到大牛的完美蛻變;

        1

        新增 晦澀的理論融入豐富的項目實踐,理解的同時增強實用性;

        1

        新增 PC前端與移動前端技能全覆蓋,拓展足夠開闊的知識面;

        1

        新增前后端結合的開發實踐,保證前后端協作游刃有余;

        1

        新增 項目生命周期系統認知,Nodejs全棧解決方案,奠定架構級別的堅實基礎;

        1

        新增結合實際的工作場景,保證快速融入工作環境。


        對教育懷揣敬畏之心 用愛成就每一位學生

        用心做教育,就是對每一個學生負責

        心系前端未來,一路勇往的傳智人

        — 傳智教育前端講師訪談實錄

        什么樣的課程,才更符合前端大市場的需求,什么樣的項目,才能讓學生更具職場競爭力,傳智前端講師一直在思考,也一直在探索

        每次課程的升級,教學方案的改革,都使前端講師為之振奮;而學生的反饋,更是他們源源不斷的動力。用心打磨優質課程,是學科講師的初心,讓每個學生都能少走彎路,是他們的使命。

        實力雄厚的前端課程研發團隊

        源源不斷引進大廠技術大牛,專業研發課程升級、迭代,與企業需求實時接軌

          授課經驗豐富的前端講師團隊

          教師錄取率<3%,從源頭把控師資,帶你過關斬將掌握每一個知識點

          貫穿學習全程、保障學習效果的AI教輔系統

          用數據驅動教學,貫通教/學/練/測/評,為每一位學員私人定制學習計劃和就業服務

          1. 學前入學多維測評

          2. 學前目標導向式學習

          3. 學中隨堂診斷糾錯

          4. 學中階段效果測評

          5. 學后在線作業試題庫

          6. 學后問答社區查漏補缺

          7. 保障BI報表數據呈現

          8. 就業面試指導就業分析

          更多Tlias就業服務

          就業流程
          全信息化處理

          學員能力
          雷達圖分析

          定制個性化
          就業服務

          技術面試題
          講解

          就業指導課
          面試項目分析

          HR面試攻略

          模擬企業
          真實面試

          專業簡歷指導

          面試復盤輔導

          風險預警
          企業黑名單提醒

          打造學員職業生態圈

          老學員畢業后即可加入傳智匯精英社區,持續助力學員職場發展

          傳智教育旗下IT互聯網精英社區,以匯聚互聯網前沿技術為核心,以傳遞、分享為己任,聯合經緯創投、創新工場、京東人工智能、華為等眾多關注互聯網的知名機構及企業、行業大咖,共同研究中國互聯網深度融合、跨界滲透、整合匯聚、相互促進的信息化資源共享平臺。

          • 行業沙龍

          • 高端人脈

          • 職場資源

          • 技術研習

          學員評價

          • 劉同學

            很幸運,我選擇了黑馬,讓我在此找到了人生的方向,在這里真真切切的感受到老師的負責,想讓我們快速成長,在這六個月特別能夠體諒老班,每天苦口婆心的教育著大家,不厭其煩的給大家分析著利弊,感謝,感恩?。?!

          • 辛同學

            在聽黑馬老師們的課程中讓我受益匪淺,并切實感受到了在實踐中得到成長。這種浸入式的教學我覺得很好,實踐出真知,只有在實踐中才能真正學到東西,發現問題,才能更好地提升自己。

          • 陳同學

            在這里我收獲到了老師同學間的友誼,學習期間跟黑馬老師像朋友一樣的交流,不管是生活上還是學習上的問題,他們都像朋友一樣給予關心和幫助,希望我和班里的同學們都能收獲滿滿,找到一份心儀的工作,給自己的培訓生活畫上一個完美的句號。

          • 易同學

            在這學習的時間中,也讓我明白了,學習的目的不是知識本身,而是學習方法,思維方式,心理素質,獨立解決bug的能力,然后提高自己的不可替代性,降低以后被這個行業淘汰幾率。

          HTML&JS+前端全國就業薪資情況

          查看其他班級

          元/月平均薪資

          元/月最高薪資

          %就業率

          月薪過萬

          • 姓名
          • 性別
          • 就業時間
          • 就職城市
          • 就職企業
          • 薪資
          • 福利待遇
          • 姓名
          • 培訓前崗位
          • 培訓前薪資
          • 培訓后薪資
          • 入職時間
          • 入職公司
          • 就職城市

          *學員就業信息統計數據為數據庫中實時調取的真實相關數據,非廣告宣傳

          HTML&JS+前端全國各校區就業喜報