3.?JavaScript正則表達式：本課程詳細講解了javascript正則表達式的使用（創(chuàng)建、方法、元字符、表單驗證等等），并帶著大家寫了一個一個小案——例歌詞滾動。

4.?JavaScript全套：本教程，集合了圖文、視頻、代碼、項目所有內(nèi)容， 讓你全方位立體式的進行JavaScript的學(xué)習(xí)。

5.?jQuery入門：極大地簡化了JavaScript 編程，很容易學(xué)習(xí)，有需要的小伙伴可以了解下。

6. Gulp入門：使用 gulp 打包構(gòu)建工具進行項目的開發(fā)環(huán)境和生產(chǎn)環(huán)境的打包， 進行代碼的壓縮和轉(zhuǎn)碼。

7.?Express4實戰(zhàn)：一個基于 node 的后端開發(fā)框架 express， 進行基礎(chǔ)服務(wù)， 路由， 中間件，接口編寫， 及后端常用插件的使用（jsonwebtoken / express-jwt / ...） 的使用。

8.?Bootstrap入門：主要介紹，Boostrap的柵格布局原理和使用，表單，表格的常見效果，按鈕樣式如何設(shè)置，常見的組件，javascript插件的使用。

9.?邏輯思維訓(xùn)練：本套課程主要針對編程小白，通過對邏輯學(xué)的基本分析，讓小白了解到邏輯思考的方法 ，然后，再通過系統(tǒng)的訓(xùn)練，對邏輯思維進行提高。 再結(jié)合編程訓(xùn)練題目，有效的幫助學(xué)生提高編程能力。

三、前端高端視頻

1. React技術(shù)全家桶：本視頻將從React項目中帶領(lǐng)著大家從0開始，創(chuàng)建一個完整的web項目。 讓大家從基礎(chǔ)到精通的了解react的企業(yè)級別開發(fā)流程。 完整的webApp項目：知識點包含react基礎(chǔ)、高級的知識以及狀態(tài)管理和路由（react全家桶）等等。

2.?常用的4種設(shè)計模式：本教程講解了4個設(shè)計模式：單例模式、觀察者模式、發(fā)布訂閱模式、策略模式。

3.?Web支付開發(fā)：講解了最常用的兩鐘支付：支付寶支付和微信支付；課程內(nèi)容：1、前期準備，賬號申請 2、服務(wù)器配置 3、微信API對接 4、支付寶API對接。 學(xué)完本課程可以學(xué)會微信支付、和支付寶支付開發(fā)。

4.?移動端網(wǎng)站布局：學(xué)習(xí)完本節(jié)課可以讓大家領(lǐng)略到如何開發(fā)一個專屬于您自己的“手機APP”。

5.?微信小程序設(shè)計：介紹了微信小程序設(shè)計的基本知識和實戰(zhàn)案例。為微信小程序快速入門，包括認識微信小程序、微信小程序框架分析、用微信小程序組件構(gòu)建UI界面、微信小程序API、微信小程序設(shè)計及問答；結(jié)合綜合案例應(yīng)用，包括改智行火車票12306微信小程序、改糗事百科微信小程序、改中國婚博會微信小程序3個綜合實戰(zhàn)案例。

6.?Node.JS經(jīng)典版教程：本教程旨在引導(dǎo)前端開發(fā)工程師，以及Node.js初學(xué)者走進這個活潑而有富有生命力的新世界。

7.?MongoDB數(shù)據(jù)庫全套：本套課程由淺入深給大家介紹MongoDB數(shù)據(jù)庫安裝&CURD及接口API開發(fā)原理，循序漸近，適合新手進階。

8.?VUE全套教程：本課程以項目實戰(zhàn)為驅(qū)動，以輕松幽默的評書演義，幫你打開通往Vue.js的任督二脈，并幫助你迅速從vue2過渡到vue3, 讓你迅速成為一個優(yōu)秀的Vue.js開發(fā)人員。

9.?React入門到大神：本視頻將從React項目中帶領(lǐng)著大家從0開始，創(chuàng)建一個完整的web項目。 讓大家從基礎(chǔ)到精通的了解react的企業(yè)級別開發(fā)流程。

10.?微信小程序：微信小程序課程，全面講解小程序最新特性，通過學(xué)習(xí)本課程全面掌握小程序開發(fā)。

11.?微信公眾號開發(fā)：本次微信公眾號開發(fā)課程，對整個微信公眾號體系做一些介紹，并使用編輯模式來完成一個最基本的公眾號搭建；也對公眾號的開發(fā)模式做介紹，并講解一下開發(fā)模式所需要的服務(wù)端等相關(guān)知識，包括Express、MongoDB、Robo3T、mongoose、云服務(wù)器等；將會對微信JS-SDK鑒權(quán)的整個流程進行梳理與開發(fā)；使用vue技術(shù)棧結(jié)合vant組件庫，構(gòu)建web應(yīng)用并集成到微信公眾平臺中。

12.?uniApp視頻全套：主要用來開發(fā)小程序，一套代碼多端應(yīng)用，從基礎(chǔ)使用，到項目練習(xí)，到發(fā)布流程，全過程學(xué)習(xí)。

13.?Nuxt框架：深入淺出的講解nuxt框架的使用、SSR（服務(wù)器端渲染）。

14.?Webpack4.0教程：掌握webpack4.X的使用。包含webpack4介紹、安裝與基本命令、配置文件、加載器和插件等；零基礎(chǔ)很好的入門教程。

15.?Flutter全套視頻：Flutter是谷歌的移動UI框架，可以快速在iOS和Android上構(gòu)建高質(zhì)量的原生用戶界面。 在開發(fā)時可以提供毫秒級熱重載，擁有富有表現(xiàn)力，漂亮的用戶界面，接近原生的性能。同時也可以非常方便的與原生代碼集成，是移動端app開發(fā)的不二選擇。

16.?GraphQL入門到精通：GraphQL 既是一種用于 API 的查詢語言也是一個滿足你數(shù)據(jù)查詢的運行時。 GraphQL 對你的 API 中的數(shù)據(jù)提供了一套易于理解的完整描述，使得客戶端能夠準確地獲得它需要的數(shù)據(jù)，而且沒有任何冗余，也讓 API 更容易地隨著時間推移而演進，還能用于構(gòu)建強大的開發(fā)者工具。

17.?angular入門精講：本課程主要講解angular的學(xué)習(xí)，從基礎(chǔ)應(yīng)用到實戰(zhàn)的學(xué)習(xí)。

四、前端前沿技術(shù)視頻

1.?ES2020 新特性：本節(jié)課程要帶大家學(xué)習(xí)ES2020 的新特性。 1.ECMAScript 各個版本的區(qū)別和由來。 2.版本更新的特性 3.es2020每個更新的重要特性。

2.?Dart Flutter開發(fā)教程：本課程全面講解dart2.0新特性，以及使用dart開發(fā)angular,flutter,本基礎(chǔ)從入門到精通，為后續(xù)項目開發(fā)做好準備。

3.?kbone教程：了解什么是Kbone，kbone和其他的多端解決方案有什么本質(zhì)區(qū)別，Kbone的實現(xiàn)原理是什么，什么時候選擇Kbone。學(xué)會如何從 0 起步，如何應(yīng)用 Kbone開發(fā)項目。同時學(xué)習(xí)如何應(yīng)用kbone改造已有項目。這個課程還會介紹kbone的高級應(yīng)用，以及 kbone 官網(wǎng)給出的代碼優(yōu)化方案與開發(fā)建議。

4. Ajax入門全套：Ajax 即“Asynchronous Javascript And XML”（異步 JavaScript 和 XML），是指一種創(chuàng)建交互式、快速動態(tài)網(wǎng)頁應(yīng)用的網(wǎng)頁開發(fā)技術(shù)，無需重新加載整個網(wǎng)頁的情況下，能夠更新部分網(wǎng)頁的技術(shù)。

5.?Mpvue入門教程：本課程以項目實戰(zhàn)為驅(qū)動，深入對比mpvue與vue的區(qū)別，幫你迅速打通從vue到多端小程序的任督二脈，讓你站在巨人的肩膀上，“一次開發(fā)，到處運行”。輸入的是vue代碼，輸出的是微信小程序，百度小程序，支付寶小程序，頭條小程序。

6.?DvaJS視頻精講：dva 首先是一個基于 redux 和 redux-saga 的數(shù)據(jù)流方案，然后為了簡化開發(fā)體驗，dva 還額外內(nèi)置了 react-router 和 fetch，所以也可以理解為一個輕量級的應(yīng)用框架。

7.?Electron-HTML+CSS+JS桌面應(yīng)用程序：Electron是由Github開發(fā)，用HTML，CSS和JavaScript來構(gòu)建跨平臺桌面應(yīng)用程序的一個開源庫。 Electron通過將Chromium和Node.js合并到同一個運行時環(huán)境中，并將其打包為Mac，Windows和Linux系統(tǒng)下的應(yīng)用來實現(xiàn)這一目的。可以極大的提高桌面應(yīng)用的開發(fā)調(diào)率。

8.?TypeScript全套視頻：本視頻介紹了TypeScript的基本技能點，以及最后整合到Taro上進行應(yīng)用。 包含了原始類型-任意類型-類型推論；TypeScript對象類型和數(shù)組類型；TypeScript函數(shù)類型-類型斷言；TypeScript枚舉-類修飾符-泛型。

9.?Taro開發(fā)框架：掌握Taro多端框架 快速上手小程序/H5高效開發(fā),各大廠商和各大公司都在積極布局小程序應(yīng)用，都在爭奪流量的入口。 對前端開發(fā)者而言，眾多的技術(shù)棧中需要逐個學(xué)習(xí)，逐個開發(fā)。Taro的推出適應(yīng)了潮流及趨勢：一套代碼運行在多種小程序/H5/React Native上，React式的代碼風格便于學(xué)習(xí)，詳實的項目開發(fā)過程帶你了解Taro開發(fā)。一套代碼，通過Taro編譯工具運行在各個客戶端，即便出現(xiàn)新興框架，仍然可以在Taro上適配。

五、前端項目視頻

1. 貪吃蛇小游戲：JS 前端模塊化的發(fā)展歷史， 優(yōu)缺點及應(yīng)用（IIFE， AMD， CMD， ES6）， 包含一個模塊化案例貪吃蛇。

2.?仿小米電商網(wǎng)站：本項目是基于原生JavaScript等前端技術(shù)實現(xiàn)的仿小米電商網(wǎng)站。本項目前端代碼設(shè)計技術(shù)棧有（JQuery、scss、Gulp、模塊化開發(fā)），后臺構(gòu)造技術(shù)包括（PHP、MySQL）等后臺編程知識。（建議先去學(xué)習(xí)這些知識點以后，再去入口本項目）。

3.?React美食網(wǎng)：React 的目標群體歷來是喜歡嘗試新事物的開發(fā)者和前端專家.本視頻從企業(yè)級實戰(zhàn)開發(fā)的角度進階全方位的給大家展示react開發(fā)的流程。 讓大家從項目中了解到各個知識點的使用。

4.?職位管理系統(tǒng)：簡單易懂，讓大家從項目中了解到各個知識點的使用。

5.?資產(chǎn)管理平臺：畢業(yè)設(shè)計論文輔導(dǎo)，附全套筆記資料。

6.?NodeJS+Express+MongoDB實戰(zhàn)項目：本套“NodeJS+Express+MongoDB”實戰(zhàn)項目課程，以文章管理系統(tǒng)為例，實現(xiàn)了兩大模塊的功能開發(fā)，分別是登錄注冊模塊和文章管理模塊，可以充分幫助大家了解Node.js。

7.?React項目教程：React 的目標群體歷來是喜歡嘗試新事物的開發(fā)者和前端專家.本視頻從企業(yè)級實戰(zhàn)開發(fā)的角度進階全方位的給大家展示react開發(fā)的流程。 讓大家從項目中了解到各個知識點的使用。

8.?React管理后臺：本項目是一個使用react+antd開發(fā)的商城系統(tǒng)的管理后臺，里面包含一個管理后臺的基礎(chǔ)功能，如：登錄判斷，接口調(diào)用，數(shù)據(jù)展示和編輯，文件上傳等功能。 通過此項目，可以學(xué)習(xí)到react的一些常見用法和antd中常用組件的使用方法。學(xué)習(xí)到如何通過react快速的進行項目開發(fā)，學(xué)會使用redux對數(shù)據(jù)進行集中式管理。

9.?uni-app項目實戰(zhàn)：uni-app 是一個使用 Vue.js 開發(fā)所有前端應(yīng)用的框架，開發(fā)者編寫一套代碼，可發(fā)布到iOS、Android、H5、以及各種小程序（微信/支付寶/百度/頭條/QQ/釘釘）等多個平臺。 掌握知識 uni-app 開發(fā),跨平臺,條件編譯,瀏覽器跨域配置,多平臺編譯,uniapp基本使用,項目構(gòu)建,全套課程。

10.?ReactNative項目之美食App：本套課程講解了最新版本React Native的基礎(chǔ)知識，借助Expo開發(fā)平臺，實現(xiàn)了精美的美食App。課程中涵蓋了RN中絕大多數(shù)API和組件的講解，另外講解了Expo開發(fā)平臺提供的額外SDK API以及如何借助Exp工具實現(xiàn)React Native項目的遠程打包。

11.?實戰(zhàn)項目之拉勾網(wǎng)：本課程講的是HTML+css pc端項目實戰(zhàn)，通過講解拉勾網(wǎng)得首頁、登錄頁等。 學(xué)完掌握 讓你深入了解HTML+CSS，掌握頁面布局和標簽、屬性等的使用。

12.?實戰(zhàn)項目之頭條：本課程通過講解移動端今日頭條的靜態(tài)頁面；我們學(xué)到了移動端布局的一些方法；同學(xué)們可以嘗試寫一個自己喜歡的移動端頁面了。

13.?實戰(zhàn)項目之幸福西餅：通過講解這個pc端幸福西餅屋項目；加深對HTML和CSS的了解。 學(xué)會怎么樣對pc端靜態(tài)頁面的布局。

14.?實戰(zhàn)項目之網(wǎng)易云：本課程通過講解移動端網(wǎng)易云首頁-靜態(tài)頁面；學(xué)到移動端布局的一些方法。 通過學(xué)習(xí)本課程，可以嘗試寫一個自己喜歡的移動端頁面了。

15. 1+X技能認證：根據(jù)國家發(fā)布的針對大學(xué)生的1+X技能認證的標準及要求，本套視頻依托工信部的詳細考核要求，提供了初級、中級、高級三種技能認證的考試培訓(xùn)，希望能助當代大學(xué)生一臂之力。

六、前端面試題視頻

1.?企業(yè)面試題精講①-node.js及項目工程化：本套視頻包括頁面布局及設(shè)備適配、原生JS、jQuery.js、Vue.js、React.js、Node.js、前后端協(xié)作及綜合問題、項目工程化等主流的企業(yè)面試題講解。

2.?企業(yè)面試題精講②-reactJS常見問題講解：本套視頻包括頁面布局及設(shè)備適配、原生JS、jQuery.js、Vue.js、React.js、Node.js、前后端協(xié)作及綜合問題、項目工程化等主流的企業(yè)面試題講解。

3.?企業(yè)面試題精講③-Vue.js常見問題講解：本套視頻包括頁面布局及設(shè)備適配、原生JS、jQuery.js、Vue.js、React.js、Node.js、前后端協(xié)作及綜合問題、項目工程化等主流的企業(yè)面試題講解。

4.?企業(yè)面試題精講④-頁面布局及設(shè)備適配：本套視頻包括頁面布局及設(shè)備適配、原生JS、jQuery.js、Vue.js、React.js、Node.js、前后端協(xié)作及綜合問題、項目工程化等主流的企業(yè)面試題講解。

5.?企業(yè)面試題精講⑤-前后端協(xié)作及綜合問題講解：本套視頻包括頁面布局及設(shè)備適配、原生JS、jQuery.js、Vue.js、React.js、Node.js、前后端協(xié)作及綜合問題、項目工程化等主流的企業(yè)面試題講解。

6.?企業(yè)面試題精講⑥-原生JS、jQuery常見問題講解：本套視頻包括頁面布局及設(shè)備適配、原生JS、jQuery.js、Vue.js、React.js、Node.js、前后端協(xié)作及綜合問題、項目工程化等主流的企業(yè)面試題講解。

七、前端公開課視頻

1.?HTML5大前端正則表達式從入門到精通

2.?前端程序員如何祝福圣誕節(jié)快樂

結(jié)語：

關(guān)注小編不迷路，UP主帶你上高速！看到這里，up主想信您一定有很大的收獲。

所謂富貴險中求，大家都是B站素質(zhì)人，小編要個點贊、評論、投幣、轉(zhuǎn)發(fā)、關(guān)注一條龍，不過分吧。

2021一大波兒千鋒前端新版視頻正在飛速錄制中，敬請期待！

PS：關(guān)注+三連，為新視頻助力！