HTML&JS+前端

學(xué)習(xí)路線圖

  • 視頻教程
  • 技術(shù)解析
  • 配套源碼
  • 學(xué)習(xí)筆記
  • 學(xué)習(xí)工具
  • 學(xué)習(xí)交流

返回頂部

一鍵下載
  • QQ掃碼一鍵下載

    加QQ好友獲取全套資料:435946716
    聯(lián)系小助手領(lǐng)取全套視頻
一鍵下載
以下課程
  • QQ掃碼一鍵下載

    加QQ好友獲取全套資料:435946716
    聯(lián)系小助手領(lǐng)取全套視頻
學(xué)習(xí)路線圖
點(diǎn)擊查看
一張圖搞定
前端開(kāi)發(fā)

01基礎(chǔ)入門

為零基礎(chǔ)學(xué)員量身定制,教你搭建PC端和移動(dòng)端靜態(tài)頁(yè)面,讓你從小白升級(jí)成網(wǎng)頁(yè)“化妝師”,輕松掌握 HTML5 和 CSS3 相關(guān)知識(shí)。

  • HTML+CSS

    Web前端零基礎(chǔ)入門HTML5+CSS3+前端項(xiàng)目2022.01.13更新

    課程中和課程尾配備兩個(gè)實(shí)戰(zhàn)項(xiàng)目,項(xiàng)目一類型是企業(yè)站,可以讓同學(xué)們快速的將基礎(chǔ)知識(shí)點(diǎn)進(jìn)行反復(fù)練習(xí);項(xiàng)目二類型是電商站,可以讓同學(xué)們掌握更復(fù)雜的網(wǎng)頁(yè)效果的開(kāi)發(fā)流程和布局標(biāo)準(zhǔn)。本教程嚴(yán)格按照專業(yè)的開(kāi)發(fā)流程:專業(yè)的測(cè)量工具,做到100%還原設(shè)計(jì)稿。

    23790人已學(xué) 開(kāi)始學(xué)習(xí)
    收起
  • 移動(dòng)web布局

    移動(dòng)web開(kāi)發(fā)實(shí)戰(zhàn)2022.01.13更新

    本課程采用2+5模式, 前兩天承接HTML+CSS, 使用字體圖標(biāo)、平面轉(zhuǎn)換、動(dòng)畫(huà)等,豐富網(wǎng)頁(yè)效果和呈現(xiàn)方式;后5天完成移動(dòng)端和多端適配效果。課程采用閉環(huán)方式設(shè)計(jì),每天課程都有完整的案例或項(xiàng)目, 讓學(xué)生學(xué)以致用。

    4338人已學(xué) 開(kāi)始學(xué)習(xí)
    收起

02技術(shù)進(jìn)階

讓網(wǎng)頁(yè)“動(dòng)”起來(lái),帶你學(xué)會(huì)前端工程師核心語(yǔ)言——JavaScript,實(shí)現(xiàn)網(wǎng)頁(yè)數(shù)據(jù)交互與動(dòng)畫(huà)效果,并實(shí)現(xiàn)與后端數(shù)據(jù)的聯(lián)通。

  • JavaScript

    JavaScript深入淺出_語(yǔ)法解析+項(xiàng)目實(shí)戰(zhàn)2022.01.13更新

    本課程主要講解JavaScript基本語(yǔ)法, 包含最新ES6語(yǔ)法,比如let、模板字符串。主要講解變量、數(shù)據(jù)類型、數(shù)組、函數(shù)和對(duì)象等等。讓你一邊學(xué)習(xí)一邊練習(xí),重點(diǎn)知識(shí)及時(shí)實(shí)踐,加深記憶,鞏固學(xué)習(xí)成果。

    7674人已學(xué) 開(kāi)始學(xué)習(xí)
    收起
  • Web APIs

    JavaScript核心之Web APIs實(shí)用案例2022.01.13更新

    1. pink老師主講
    2. 本課程主要講解DOM、BOM操作、網(wǎng)頁(yè)特效、正則表達(dá)式、本地存儲(chǔ)等。拒絕冷偏知識(shí)點(diǎn),突出實(shí)用。
    3. 課程采用閉環(huán)方式設(shè)計(jì),每天課程都有完整的實(shí)用案例或項(xiàng)目,把當(dāng)天所有重點(diǎn)內(nèi)容進(jìn)行綜合強(qiáng)化練習(xí), 讓學(xué)生學(xué)以致用。
    4. 課堂案例在實(shí)際開(kāi)發(fā)中都有運(yùn)用場(chǎng)景。

    10293人已學(xué) 開(kāi)始學(xué)習(xí)
    收起
  • 數(shù)據(jù)交互&異步編程

    前端進(jìn)階Ajax零基礎(chǔ)入門2021.12.31更新

    1. 案例豐富:知識(shí)點(diǎn)配套的案例豐富多樣,滿足學(xué)生學(xué)習(xí)的興趣
    2. 深入原理:會(huì)深入講解如何封裝自己的模板引擎和 Ajax 函數(shù)
    3. 涵蓋廣泛:涵蓋了 Ajax、跨域、JSONP、模板引擎、節(jié)流防抖、XHR Level2 等常用技術(shù)點(diǎn)
    4. 由淺入深講解了 Git 中的核心概念、常用指令、分支操作、遠(yuǎn)程倉(cāng)庫(kù)的使用、SSH 公鑰的配置等

    3873人已學(xué) 開(kāi)始學(xué)習(xí)
    收起

03Vue 開(kāi)發(fā)

掌握多行業(yè)解決方案,項(xiàng)目開(kāi)發(fā)拿來(lái)即用,幫你搞定前端工程師必備熱門框架Vue.js。

  • 框架前置課 Node.js

    前端高級(jí)Node.js零基礎(chǔ)入門教程2021-12-31更新

    1. 培養(yǎng)開(kāi)源能力:獨(dú)立開(kāi)發(fā)并發(fā)布自己的 npm 包
    2. 深入原理:CORS 跨域方案的原理、express 自定義中間件的開(kāi)發(fā)
    3. 拓展后端知識(shí)面:MySQL 數(shù)據(jù)庫(kù)常用操作、JWT 認(rèn)證方案
    4. 面向全棧:基于 Node.js 開(kāi)發(fā) API 接口項(xiàng)目

    7628人已學(xué) 開(kāi)始學(xué)習(xí)
    收起
  • Vue2+Vue3

    前端框架Vue2+Vue3全套視頻2021.12.31更新

    1. 工程化開(kāi)發(fā),現(xiàn)在市場(chǎng)還是直接引入 vue.js 到 html 頁(yè)面, 開(kāi)發(fā)中不用這個(gè)方式,我們是直接按照工程化的方式進(jìn)行講解。
    2. 案例驅(qū)動(dòng)教學(xué),精心設(shè)計(jì)的 4 大案例,保證每一位學(xué)生聽(tīng)得懂、寫(xiě)得出、能實(shí)踐。
    3. 深入淺出地講解 Vue2 / Vue3 中的指令、組件、偵聽(tīng)器與計(jì)算屬性,以及生命周期、數(shù)據(jù)共享、動(dòng)態(tài)組件、插槽、路由等核心技術(shù)點(diǎn)。
    4. 同時(shí),涵蓋了 axios 在 Vue 項(xiàng)目中的最佳實(shí)踐方案;以及 Vant 組件庫(kù)的主題自定制方案。
    5. 最后一天的 Vue 基礎(chǔ)收尾案例,助力學(xué)生更加輕松的過(guò)渡到 Vue 項(xiàng)目課的學(xué)習(xí)!

    16520人已學(xué) 開(kāi)始學(xué)習(xí)
    收起

04React&小程序開(kāi)發(fā)

React幫你解鎖中高級(jí)前端工程師能力地圖,多端項(xiàng)目讓你滿足90%+企業(yè)需求。

  • React核心技術(shù)

    前端React精品教程2022.02.17更新

    React 是時(shí)下最流行的前端框架之一,是很多大廠的首選前端開(kāi)發(fā)框架!歷經(jīng)數(shù)月精心研發(fā),內(nèi)容包括:React 腳手架、JSX、函數(shù)組件、類組件、受控組件、組件通訊、Context、組件生命周期、高階組件、render-props、組件性能優(yōu)化、虛擬DOM和Diff算法等等。讓您零基礎(chǔ)入門到理解原理,從容學(xué)習(xí) React,達(dá)到企業(yè)級(jí)使用 React 標(biāo)準(zhǔn)。

    9714人已學(xué) 開(kāi)始學(xué)習(xí)
    收起
  • TypeScript開(kāi)發(fā)

    前端TypeScript零基礎(chǔ)入門到實(shí)戰(zhàn)開(kāi)發(fā)2021.12.31更新

    本套教程從零開(kāi)始學(xué)習(xí) TypeScript,上手時(shí)不需要工程化配置,完全沒(méi)有任何學(xué)習(xí)負(fù)擔(dān)。課程知識(shí)點(diǎn)全面,從 TypeScript 基礎(chǔ)類型,到高級(jí)類型,到 TypeScript 的類型聲明文件,再到配合 React 的使用,一應(yīng)俱全。除了純粹的類型外,還包括 TypeScript 類型兼容性、結(jié)構(gòu)化類型等 TypeScript 原理內(nèi)容。課程最后,通過(guò)一個(gè)經(jīng)典案例,來(lái)驗(yàn)證 TypeScript 的學(xué)習(xí)成果。

    838人已學(xué) 開(kāi)始學(xué)習(xí)
    收起
  • 小程序

    手把手快速帶你開(kāi)發(fā)微信小程序2021.12.31更新

    本課程從小程序賬號(hào)注冊(cè)、開(kāi)發(fā)環(huán)境搭建、基礎(chǔ)語(yǔ)法、路由導(dǎo)航、數(shù)據(jù)請(qǐng)求、分包、組件化等方面詳細(xì)闡述了小程序開(kāi)發(fā)必備的基礎(chǔ)知識(shí)。
    學(xué)完小程序基礎(chǔ)之后,利用 uni-app 技術(shù)實(shí)現(xiàn)微信小程序的開(kāi)發(fā),可以做到一次開(kāi)發(fā)多端部署。
    項(xiàng)目擁有首頁(yè)、搜索頁(yè)、商品列表頁(yè)、商品詳情頁(yè)、購(gòu)物車、登錄支付等主要功能。涵蓋了分包、vuex、組件化開(kāi)發(fā)等核心技術(shù)點(diǎn)的使用。

    4941人已學(xué) 開(kāi)始學(xué)習(xí)
    收起
前端知識(shí)點(diǎn)學(xué)習(xí)匯總
  • 可以根據(jù)自己的學(xué)習(xí)進(jìn)度學(xué)習(xí)相應(yīng)知識(shí)點(diǎn)教程。 HTML+CSS移動(dòng)webJavaScript基礎(chǔ)Web APIs數(shù)據(jù)交互&異步編程Node.jsVue2+Vue3React核心技術(shù)TypeScript開(kāi)發(fā)微信小程序

    Web前端零基礎(chǔ)入門HTML5+CSS3+前端項(xiàng)目2022-01-13更新

    課程中和課程尾配備兩個(gè)實(shí)戰(zhàn)項(xiàng)目,項(xiàng)目一類型是企業(yè)站,可以讓同學(xué)們快速的將基礎(chǔ)知識(shí)點(diǎn)進(jìn)行反復(fù)練習(xí);項(xiàng)目二類型是電商站,可以讓同學(xué)們掌握更復(fù)雜的網(wǎng)頁(yè)效果的開(kāi)發(fā)流程和布局標(biāo)準(zhǔn)。本教程嚴(yán)格按照專業(yè)的開(kāi)發(fā)流程:專業(yè)的測(cè)量工具,做到100%還原設(shè)計(jì)稿。

    23790人已學(xué) 開(kāi)始學(xué)習(xí)
    收起

    移動(dòng)web開(kāi)發(fā)實(shí)戰(zhàn)2022-01-13更新

    本課程采用2+5模式, 前兩天承接HTML+CSS, 使用字體圖標(biāo)、平面轉(zhuǎn)換、動(dòng)畫(huà)等,豐富網(wǎng)頁(yè)效果和呈現(xiàn)方式;后5天完成移動(dòng)端和多端適配效果。課程采用閉環(huán)方式設(shè)計(jì),每天課程都有完整的案例或項(xiàng)目, 讓學(xué)生學(xué)以致用。

    4338人已學(xué) 開(kāi)始學(xué)習(xí)
    收起

    JavaScript深入淺出_語(yǔ)法解析+項(xiàng)目實(shí)戰(zhàn)2022-01-13更新

    本課程主要講解JavaScript基本語(yǔ)法, 包含最新ES6語(yǔ)法,比如let、模板字符串。主要講解變量、數(shù)據(jù)類型、數(shù)組、函數(shù)和對(duì)象等等。讓你一邊學(xué)習(xí)一邊練習(xí),重點(diǎn)知識(shí)及時(shí)實(shí)踐,加深記憶,鞏固學(xué)習(xí)成果。

    7674人已學(xué) 開(kāi)始學(xué)習(xí)
    收起

    JavaScript核心之Web APIs實(shí)用案例2022-01-13更新

    1. pink老師主講
    2. 本課程主要講解DOM、BOM操作、網(wǎng)頁(yè)特效、正則表達(dá)式、本地存儲(chǔ)等。拒絕冷偏知識(shí)點(diǎn),突出實(shí)用。
    3. 課程采用閉環(huán)方式設(shè)計(jì),每天課程都有完整的實(shí)用案例或項(xiàng)目,把當(dāng)天所有重點(diǎn)內(nèi)容進(jìn)行綜合強(qiáng)化練習(xí), 讓學(xué)生學(xué)以致用。
    4. 課堂案例在實(shí)際開(kāi)發(fā)中都有運(yùn)用場(chǎng)景。

    10293人已學(xué) 開(kāi)始學(xué)習(xí)
    收起

    前端進(jìn)階Ajax零基礎(chǔ)入門2021-12-31更新

    1. 案例豐富:知識(shí)點(diǎn)配套的案例豐富多樣,滿足學(xué)生學(xué)習(xí)的興趣
    2. 深入原理:會(huì)深入講解如何封裝自己的模板引擎和 Ajax 函數(shù)
    3. 涵蓋廣泛:涵蓋了 Ajax、跨域、JSONP、模板引擎、節(jié)流防抖、XHR Level2 等常用技術(shù)點(diǎn)
    4. 由淺入深講解了 Git 中的核心概念、常用指令、分支操作、遠(yuǎn)程倉(cāng)庫(kù)的使用、SSH 公鑰的配置等

    3873人已學(xué) 開(kāi)始學(xué)習(xí)
    收起

    前端高級(jí)Node.js零基礎(chǔ)入門教程2021-12-31更新

    1. 培養(yǎng)開(kāi)源能力:獨(dú)立開(kāi)發(fā)并發(fā)布自己的 npm 包
    2. 深入原理:CORS 跨域方案的原理、express 自定義中間件的開(kāi)發(fā)
    3. 拓展后端知識(shí)面:MySQL 數(shù)據(jù)庫(kù)常用操作、JWT 認(rèn)證方案
    4. 面向全棧:基于 Node.js 開(kāi)發(fā) API 接口項(xiàng)目

    7628人已學(xué) 開(kāi)始學(xué)習(xí)
    收起

    前端框架Vue2+Vue3全套視頻2021-12-31更新

    1. 工程化開(kāi)發(fā),現(xiàn)在市場(chǎng)還是直接引入 vue.js 到 html 頁(yè)面, 開(kāi)發(fā)中不用這個(gè)方式,我們是直接按照工程化的方式進(jìn)行講解。
    2. 案例驅(qū)動(dòng)教學(xué),精心設(shè)計(jì)的 4 大案例,保證每一位學(xué)生聽(tīng)得懂、寫(xiě)得出、能實(shí)踐。
    3. 深入淺出地講解 Vue2 / Vue3 中的指令、組件、偵聽(tīng)器與計(jì)算屬性,以及生命周期、數(shù)據(jù)共享、動(dòng)態(tài)組件、插槽、路由等核心技術(shù)點(diǎn)。
    4. 同時(shí),涵蓋了 axios 在 Vue 項(xiàng)目中的最佳實(shí)踐方案;以及 Vant 組件庫(kù)的主題自定制方案。
    5. 最后一天的 Vue 基礎(chǔ)收尾案例,助力學(xué)生更加輕松的過(guò)渡到 Vue 項(xiàng)目課的學(xué)習(xí)!

    16520人已學(xué) 開(kāi)始學(xué)習(xí)
    收起

    前端React精品教程2022-02-17更新

    React 是時(shí)下最流行的前端框架之一,是很多大廠的首選前端開(kāi)發(fā)框架!歷經(jīng)數(shù)月精心研發(fā),內(nèi)容包括:React 腳手架、JSX、函數(shù)組件、類組件、受控組件、組件通訊、Context、組件生命周期、高階組件、render-props、組件性能優(yōu)化、虛擬DOM和Diff算法等等。讓您零基礎(chǔ)入門到理解原理,從容學(xué)習(xí) React,達(dá)到企業(yè)級(jí)使用 React 標(biāo)準(zhǔn)。

    9714人已學(xué) 開(kāi)始學(xué)習(xí)
    收起

    前端TypeScript零基礎(chǔ)入門到實(shí)戰(zhàn)開(kāi)發(fā)2021-12-31更新

    本套教程從零開(kāi)始學(xué)習(xí) TypeScript,上手時(shí)不需要工程化配置,完全沒(méi)有任何學(xué)習(xí)負(fù)擔(dān)。課程知識(shí)點(diǎn)全面,從 TypeScript 基礎(chǔ)類型,到高級(jí)類型,到 TypeScript 的類型聲明文件,再到配合 React 的使用,一應(yīng)俱全。除了純粹的類型外,還包括 TypeScript 類型兼容性、結(jié)構(gòu)化類型等 TypeScript 原理內(nèi)容。課程最后,通過(guò)一個(gè)經(jīng)典案例,來(lái)驗(yàn)證 TypeScript 的學(xué)習(xí)成果。

    838人已學(xué) 開(kāi)始學(xué)習(xí)
    收起

    手把手快速帶你開(kāi)發(fā)微信小程序2021-12-31更新

    本課程從小程序賬號(hào)注冊(cè)、開(kāi)發(fā)環(huán)境搭建、基礎(chǔ)語(yǔ)法、路由導(dǎo)航、數(shù)據(jù)請(qǐng)求、分包、組件化等方面詳細(xì)闡述了小程序開(kāi)發(fā)必備的基礎(chǔ)知識(shí)。
    學(xué)完小程序基礎(chǔ)之后,利用 uni-app 技術(shù)實(shí)現(xiàn)微信小程序的開(kāi)發(fā),可以做到一次開(kāi)發(fā)多端部署。
    項(xiàng)目擁有首頁(yè)、搜索頁(yè)、商品列表頁(yè)、商品詳情頁(yè)、購(gòu)物車、登錄支付等主要功能。涵蓋了分包、vuex、組件化開(kāi)發(fā)等核心技術(shù)點(diǎn)的使用。

    4941人已學(xué) 開(kāi)始學(xué)習(xí)
    收起