首页 > 专题套餐 > 前端开发 > JavaScript > Web前端开发全套学习(笔记+项目案例)

Web前端开发全套学习(笔记+项目案例)

Web前端开发系列课程,学习全套前端技术, 包含:HTML、CSS、JavaScript、jQuery、Swiper、Bootstrap、Less、MySQL、PHP、AJAX、Vue.js、AngularJS、Git、项目实战等。 教学全程采用笔记+代码案例的形式讲解,由浅入深。

27

门课程

1842873

人学习

271小时17分钟

课程总时长

讲师评分:5.0

长久观看
 
系统化学习
 
24小时内答疑
  资料一键下载
专题套餐价 ¥881.40
立省561.60元

支持蚂蚁花呗分期

简单5步马上享受花呗分期:

1. 点击立即购买
2. 订单确认页, 点击 ”去支付“
3. 支付中心, 使用【支付宝】付款
4. 使用【支付宝】APP扫描付款二维码
5. 付款方式选择 花呗分期~ 搞定~

查看详情>>
总价 ¥1443.00

第一阶段:  Web前端-基础入门

10门课程 129小时45分钟

Web前端开发的基础入门课程,包含的课程:HTML、CSS、JavaScript、jQuery、Swiper等

  • HTML零基础入门视频课程(适合初学者的教程)

    32节 10小时13分钟
    课程目标:
    本课程从零开始,以通俗易懂的方式讲解HTML技术,手把手教你学习每一个知识点。课程中使用的所有英文单词都会逐一查询并记录,真正做到零基础入门学习,适合初学者的教程,让你少走弯路!课程内容包括:1.HTML简介2.HTML文档结构、Sublime的使用3.常用标签4.超链接5.表格6.表单7.内嵌框架iframe8.HTML5简介、新特性9.HTML5新增内容教学全程采用笔记+代码案例的形式讲解,通俗易懂!!!讲师介绍

    课程大纲

    免费试看

  • CSS零基础入门视频课程(适合初学者的教程)

    29节 8小时46分钟
    课程目标:
    本课程从零开始,以通俗易懂的方式讲解CSS技术,手把手教你学习每一个知识点。课程中使用的所有英文单词都会逐一查询并记录,真正做到零基础入门学习,适合初学者的教程,让你少走弯路!课程内容包括:1.CSS简介2.CSS基本用法3.选择器(基础选择器、复杂选择器、选择器优先级)4.常用CSS属性(字体属性、文本属性、背景属性、列表属性、表格属性)5.盒子模型6.定位方式7.其他CSS属性(浮动和清除、元素显示隐藏、轮廓属性、其他属性)8.页面布局(表格布局、div布局、圣杯布局、双飞翼布局)教学全程采用笔记+代码案例的形式讲解,通俗易懂!!!讲师介绍

    课程大纲

    免费试看

  • JavaScript零基础入门课程(适合初学者的教程)

    76节 39小时12分钟
    课程目标:
    本课程以通俗易懂的方式多面讲解JavaScript核心技术,面向零基础学员,适合初学者的教程,让你少走弯路!快速学习JavaScript技术,课程内容包括:1.JavaScript基础和核心语法2.数组、循环、函数3.DOM操作4.面向对象、JSON5.常用内置对象、表单校验6.客户端存储Cookie和WebStorage教学全程以代码案例的形式讲解,通俗易懂!!!提示:本课程目前存在音视频不同步的现象,近期正在进行重新录制,请购买本课程的学员注意!

    课程大纲

    免费试看

  • JavaScript零基础入门(精品课)【2020新版】

    140节 38小时38分钟
    课程目标:
    本课程为 2020年 新版录制,非常适合初学者的JavaScript视频课程,全面讲解JavaScript技术,让你少走弯路,直达技术前沿!以通俗易懂的方式全面讲解JavaScript技术,以知识讲解+实战案例的方式帮您入门!课程内容包括:1.JavaScript简介2.JavaScript基本用法3.变量和数据类型4.运算符5.数据类型转换6.选择结构、循环结构7.数组、函数8.Debug调试9.DOM操作10.事件处理11.BOM操作12.自定义对象13.原型prototype14.内置对象15.客户端存储Cookie、WebStorage教学全程采用笔记+代码案例的形式讲解,每个知识点都有详细的讲解,通俗易懂!!!好评如潮,专业更值得信赖......讲师介绍

    课程大纲

    免费试看

  • jQuery零基础入门课程(适合初学者的教程)

    27节 8小时44分钟
    课程目标:
    本课程以通俗易懂的方式多面讲解jQuery核心技术,面向零基础学员,适合初学者的教程,让你少走弯路!快速学习jQuery技术,课程内容包括:1.jQuery简介和基本用法2.jQuery选择器(基本选择器、层次选择器、基本过滤选择器、属性过滤选择器、子元素过滤选择器、可见性过滤选择器、表单选择器等)3.jQuery中的事件4.jQuery中的DOM操作5.动画效果6.筛选过滤操作7.jQuery插件教学全程以代码案例的形式讲解,通俗易懂!!!

    课程大纲

    免费试看

  • 基于jQuery的2048游戏(适配PC端和移动端)实战视频

    19节 4小时56分钟
    课程目标:
    本课程基于jQuery技术,使用Sublime开发工具。手把手带大家实现一个基于jQuery的2048游戏,并且能够自动适配PC端和移动端。主要锻炼JavaScript、jQuery的运用,通过项目实战,加强对JavaScript技术的理解和灵活运用,如果你是Web前端的初学者,这套视频课程最适合你!!本课程以通俗易懂的方式,手把手的一行一行带你敲代码,只讲干货,相信你看完后一定会收获很多!游戏效果(可以通过https://tangyang8942.github.io/ 查看演示)自动适配PC端和移动端

    课程大纲

    免费试看

  • Swiper移动端滑动插件视频课程(通俗易懂)

    19节 5小时20分钟
    课程目标:
    Swiper是开源、免费、强大的移动端触摸滑动插件,能够实现触屏焦点图、触屏Tab切换、触屏多图切换等常用效果,通过本课程可以快速学习Swiper插件的使用,并通过综合案例讲解在实际工作中的应用。通过多个案例逐一讲解Swiper的用法,通俗易懂,最适合初学者的教程!案例:新浪首页移动端切换效果 案例:元宵节微场景动画效果 

    课程大纲

    免费试看

  • 前端实战案例之王者荣耀皮肤抽奖(零基础入门)

    13节 2小时59分钟
    课程目标:
    本课程是针对零基础的前端入门实战案例课,通过讲解王者荣耀皮肤抽奖案例,帮助初学者入门学习前端开发,在案例中讲解HTML+CSS+JavaScript,零基础入门,如果你是前端开发的初学者,这套视频课程非常适合您!以通俗易懂的方式讲解  王者荣耀皮肤抽奖  实战案例,真实、有趣、好玩!!本案例的所有代码全程手敲,一行一行带你写,只讲干货,相信你看完后一定会收获很多!

    课程大纲

    免费试看

  • CSS3零基础入门视频【2020新版】

    35节 8小时57分钟
    课程目标:
    本课程是 2020年 新录制,非常适合初学者的CSS3入门教学视频,多面讲解CSS3新特性,让你少走弯路,直达技术前沿!以通俗易懂的方式多面讲解CSS3新特性,以知识讲解+实战案例的方式帮您入门!课程内容包括:1.CSS3简介、CSS3新特性2.新增选择器:结构性伪类、元素状态伪类、属性选择器等3.新增样式:文本效果、圆角边框、box-sizing、渐变背景、盒子阴影等4.新增效果:变形transform、过渡transition、动画animation5.弹性布局flex详解6.网格布局grid详解7.多列布局column详解8.字体、阿里矢量图标库9.媒体查询、移动设备响应式10.视口单位:vw、vh、vmin、vmax11.CSS3原生变量var教学全程采用笔记+代码案例的形式讲解,每个知识点都有详细的讲解,通俗易懂!!!全网500万学员的选择,好评如潮,专业更值得信赖......讲师介绍

    课程大纲

    免费试看

  • 前端实战案例之石头剪刀布游戏(零基础入门)

    14节 1小时56分钟
    课程目标:
    本课程是针对零基础的前端入门实战案例课,通过讲解 石头剪刀布游戏 案例,帮助初学者入门学习前端开发,在案例中讲解HTML+CSS+JavaScript,零基础入门,如果你是前端开发的初学者,这套视频课程非常适合您!以通俗易懂的方式讲解  石头剪刀布  游戏案例,真实、有趣、好玩!!本案例的所有代码全程手敲,一行一行带你写,只讲干货,相信你看完后一定会收获很多!

    课程大纲

    免费试看

查看更多课程

第二阶段:  Web前端-进阶提升

8门课程 62小时47分钟

Web前端开发的进阶提升课程, 包括: Bootstrap、Less、MySQL、PHP、AJAX、TypeScript

  • 通俗易懂的Bootstrap视频课程(最适合初学者的教程)

    17节 9小时54分钟
    课程目标:
    基于Bootstrap v3.3.7版本,以通俗易懂的方式讲解Bootstrap框架技术,最适合初学者的教程,让你少走弯路!1. Bootstrap简介、起步、栅格系统、全局CSS样式、组件、插件等2. 采用笔记+代码案例的形式讲解,通俗易懂

    课程大纲

    免费试看

  • Less快速入门视频课程

    10节 3小时13分钟
    课程目标:
    本课程以通俗易懂的方式讲解Less技术,课程内容包括:1.Less简介、基本用法2.变量、混合Mixin、导引表达式3.运算、函数4.嵌套5.继承6.导入import通过多个案例逐一讲解Less的用法,通俗易懂,最适合初学者的教程!

    课程大纲

    免费试看

  • MySQL零基础入门课程(适合初学者的教程)

    33节 12小时24分钟
    课程目标:
    本课程从零开始,以通俗易懂的方式讲解MySQL技术,手把手教你学习每一个知识点。课程中使用的所有英文单词都会逐一查询并记录,真正做到零基础入门学习,适合初学者的教程,让你少走弯路!课程内容包括:1.MySQL简介、安装MySQL2.基本操作(连接MySQL、查看数据库和表)3.查询操作(简单查询、限定查询、排序)4.多表查询、SQL99标准(内连接、外连接)5.聚合函数和分组统计6.子查询、分页查询7.更新操作(insert、delete、update)8.表和库的管理9.约束(约束分类、添加约束、删除约束)10.用户和权限管理11.事务处理教学全程采用笔记+代码案例的形式讲解,通俗易懂!!!讲师介绍

    课程大纲

    免费试看

  • PHP零基础入门课程(通俗易懂)

    35节 10小时1分钟
    课程目标:
    本课程从零开始,以通俗易懂的方式讲解PHP技术,教你学习每一个知识点。课程内容包括:1.PHP简介2.安装PHP环境3.PHP程序4.PHP核心语法(变量、数据类型、运算符、选择结构、循环结构、数组、函数等)5.访问MySQL6.状态管理(Cookie、Session)7.表单处理8.文件上传9.项目案例教学全程采用笔记+代码案例的形式讲解,通俗易懂!!!讲师介绍

    课程大纲

    免费试看

  • Ajax零基础入门课程(通俗易懂)

    29节 12小时31分钟
    课程目标:
    本课程以通俗易懂的方式多面讲解Ajax核心技术,适合初学者的教程,让你少走弯路!课程内容包括:1.Ajax简介和原理2.Ajax基本用法3.使用jQuery实现Ajax4.JSON数据的处理5.Ajax跨域问题6.JSONP原理和用法7.artTemplate模板引擎8.访问聚合平台9.综合案例 教学全程以代码案例的形式讲解,通俗易懂!!!讲师介绍

    课程大纲

    免费试看

  • Node.js快速入门视频课程(通俗易懂)【2020版】

    19节 4小时37分钟
    课程目标:
    Node.js 是一个可以让JavaScript在服务器端运行的系统环境,即运行JavaScript不再依赖于浏览器Node.js 是一个基于Chrome的JS引擎(V8)所开发的软件程序,可以执行ECMAScriptNode 提供大量API工具库,使JavaScript可以完成更多功能,如IO操作、数据库操作、获取系统资源等。本课程以通俗易懂的方式讲解 Node.js 技术,帮您快速入门!课程内容包括:1.Node.js简介2.Node.js环境搭建3.模块化简介4.模块化的导出和导入5.npm简介6.npm常用命令和使用7.全局模块nrm8.第三方模块的安装和使用教学全程采用笔记+代码案例的形式讲解,每个知识点都有详细的讲解,通俗易懂!!! 讲师介绍

    课程大纲

    免费试看

  • 【实战】ECharts数据可视化之疫情实时监控展示(热销)

    18节 3小时33分钟
    课程目标:
    ECharts是一个开源的数据可视化工具,纯 Javascript 的图表库,提供许多图表,涵盖各行业图表应用,满足各种数据可视化的需求。本课程从零开始带大家学习Echarts技术,通过讲解疫情实时监控大屏展示实战案例,帮助初学者入门,让大家都可以轻松自如的使用这款流行图表框架。如果你是一名前端开发者,ECharts是你需要学习的技术,这套视频课程将非常适合您!课程以通俗易懂的方式讲解 《 疫情实时监控》  实战案例,真实、有趣、好玩!!本案例的所有代码全程手敲,一行一行带你写,只讲干货,相信你看完后一定会收获很多!课程内容包括:1.ECharts简介2.ECharts快速上手3.配置项讲解4.常用图表:柱状图、折线图、饼图、地图等5.疫情实时监控效果展示6.页面布局7.实时显示时间8.获取疫情数据并分析9.疫情汇总数据的展示10.全国疫情地图的实现11.确诊省份TOP10的实现12.境外输入TOP5的实现13.全国累计和新增趋势的实现14.使用Ajax轮询自动获取数据15.部署上线项目效果展示:讲师介绍

    课程大纲

    免费试看

  • TypeScript入门(通俗易懂)【2020新版】

    24节 6小时31分钟
    课程目标:
    本课程基于新版TypeScript录制,非常适合初学者的入门教学视频,多面的讲解TypeScript语法,让你少走弯路,直达技术前沿!以通俗易懂的方式讲解 TypeScript 语法,帮您快速入门,将TypeScript应用到项目中!课程内容包括:1.TypeScript简介2.安装TypeScript环境3.TypeScript项目4.TypeScript语法之变量、数据类型5.TypeScript语法之函数6.TypeScript语法之类、接口7.TypeScript语法之泛型8.TypeScript语法之模块9.TypeScript语法之命名空间10.TypeScript语法之装饰器教学全程采用笔记+代码案例的形式讲解,每个知识点都有详细的讲解,通俗易懂!!!讲师介绍

    课程大纲

    免费试看

第三阶段:  Web前端-框架技术

9门课程 78小时45分钟

Web前端开发的框架技术课程, 包括: Vue.js、Vue3.0、Vue电商后台管理系统、微信小程序、豆瓣电影项目实战、AngularJS、Git

  • Vue.js 2.0之全家桶系列视频课程(vue、vue-router、axios、vuex)

    39节 18小时40分钟
    课程目标:
    基于Vue.js 2.3版本, 目前最全的Vue.js教学视频,让你少走弯路,直达技术前沿!多面讲解Vue.js全家桶(vue.js、vue-router、axios、vuex、vue-cli、webpack、ElementUI等)课程内容包含:1. 数据绑定、模板、指令、过滤器、vue生命周期及实例的属性和方法2. 组件及组件间的通信、发送HTTP请求3. vue-router及vue-cli和单文件组件4. Element UI及Vuex的使用5. 项目结构的搭建与开发教学全程采用笔记+代码案例的形式讲解,通俗易懂!!!讲师介绍

    课程大纲

    免费试看

  • Vue 3.0 新特性多面解析(走在技术前沿)

    15节 2小时57分钟
    课程目标:
    走在技术前沿之 Vue3.0 新特性多面解析。 全网抢先看,做首批 Vue 3.0 课程内容包含:1.Vue 3.0之版本大更新2.新特性重点关注3.composition-api(组合式API)4.初始化Vue 3.0项目5.setup函数6.响应式系统API(reactive、ref、computed、watch等)7.响应式系统工具集(unref、toRef、toRefs、isRef、isProxy等)8.生命周期钩子函数的变化9.依赖注入10.模板refs教学全程采用笔记+代码案例的形式讲解,通俗易懂!!!补充:想学习 Vue 2.x 的同学请移步以下地址https://edu.51cto.com/course/10543.html (Vue.js 2.0之全家桶系列视频课程) 讲师介绍

    课程大纲

    免费试看

  • 【精品课】Vue.js实现电商后台管理系统(企业项目实战)

    78节 15小时41分钟
    课程目标:
    本课程是Vue.js的实战项目课,通过讲解电商后台管理系统,加强对Vue.js技术的理解和综合运用,如果你是Vue.js的初学者,这套视频课程非常适合您!以通俗易懂的方式讲解 电商后台管理系统  实战开发,帮您快速提升,上手企业真实项目!本项目的所有代码全程手敲,一行一行的带你写,只讲干货,相信你看完后一定会收获很多!课程提供全套资料:1. 项目源码2. 项目素材3. API接口文档4. 线上永久免费的后台API接口等项目运行效果,预览访问地址:  项目截图:1)登陆页2)欢迎页3)用户管理4)权限管理5)商品管理6)订单管理

    课程大纲

    免费试看

  • 微信小程序快速入门(通俗易懂)【2020新版】

    41节 11小时29分钟
    课程目标:
    本课程基于 2020年新版 微信小程序API录制,非常适合初学者的入门教学视频,多面的讲解微信小程序开发技术,让你少走弯路,直达技术前沿!以通俗易懂的方式讲解 微信小程序 技术,帮您快速入门!课程内容包括:1.微信小程序简介2.微信小程序构成3.小程序配置(app.json、page.json、sitemap.json)4.框架接口 (app.js、page.js)5.常用组件及组件样式6.WXML语法(数据绑定、条件/列表渲染、模板)7.WXS语法8.自定义组件(用法、生命周期、组件通信等)9.API(路由、网络、界面、数据缓存、开放接口等)10.模块化教学全程采用笔记+代码案例的形式讲解,每个知识点都有详细的讲解,通俗易懂!!!讲师介绍

    课程大纲

    免费试看

  • 微信小程序之豆瓣电影项目实战【实战视频】(全程手敲)

    24节 6小时43分钟
    课程目标:
    本课程是微信小程序的实战项目课,通过讲解豆瓣电影小程序项目,加强对小程序技术的理解和综合运用,如果你是微信小程序的初学者,这套视频课程非常适合您!以通俗易懂的方式讲豆瓣电影小程序项目实战开发,帮您快速提升,上手真实项目!本项目的所有代码全程手敲,手把手的一行一行带你写,只讲干货,相信你看完后一定会收获很多!项目截图:1)首页2)分类页3)详情页4)关于讲师介绍

    课程大纲

    免费试看

  • Git入门视频课程【精品课】

    10节 2小时25分钟
    课程目标:
    本课程从零开始,以通俗易懂的方式讲解Git技术,教你学习每一个知识点。课程内容包括:1.版本控制系统2.Git简介3.Git使用、常用命令4.远程仓库5.分支Branch6.静态页面托guan7.在IDEA中使用Git教学全程采用笔记+代码案例的形式讲解,通俗易懂!!!讲师介绍

    课程大纲

    免费试看

  • AngularJS基础入门视频课程

    43节 14小时23分钟
    课程目标:
    本课程讲解的是 AngularJS 1.5版本本课程以通俗易懂的方式讲解AngularJS技术,课程内容包括:1. AngularJS简介2. AngularJS组成3. 模块4. 控制器5. 表达式6. 过滤器7. 指令8. 服务9.路由教学全程采用笔记+代码案例的形式讲解,通俗易懂!!!讲师介绍

    课程大纲

    免费试看

  • 微信小程序之颜值测试项目(测颜值)【项目实战】

    15节 1小时36分钟
    课程目标:
    本课程是微信小程序的实战项目课,通过讲解《颜值看看》微信小程序项目,加强对小程序技术的理解和综合运用,如果你是微信小程序的初学者,这套视频课程非常适合您!以通俗易懂的方式讲 颜值看看 微信小程序,可以在线测颜值哦,真实的项目实战开发,既有趣、又好玩!!本项目的所有代码全程手敲,一行一行带你写,只讲干货,相信你看完后一定会收获很多!课程提供全套资料:1. 项目源码2. 项目素材3. 课件资料项目已发布上线,请扫码预览效果:  项目效果截图:  

    课程大纲

    免费试看

  • 【精品课】基于 Vue 3.0 开发万年历项目(实战)

    31节 4小时47分钟
    课程目标:
    本课程是基于 Vue 3.0 的实战项目课,使用 Vue 3.0 中新增的 Composition API 来实现,通过讲解万年历项目,加强对 Vue 3.0新特性 的理解和运用。以通俗易懂的方式讲解 万年历项目  实战开发,帮您快速提升,上手真实项目!本项目的所有代码全程手敲,一行一行的带你写,只讲干货,相信你看完后一定会收获很多!课程提供全套资料:1. 项目源码2. 项目素材3. API接口使用项目截图:

    课程大纲

    免费试看

查看更多课程

Web前端开发全套学习(笔记+项目案例)资料下载

课程名称 操作
HTML零基础入门视频课程(适合初学者的教程) 付费用户专享
CSS零基础入门视频课程(适合初学者的教程) 付费用户专享
JavaScript零基础入门课程(适合初学者的教程) 付费用户专享
JavaScript零基础入门(精品课)【2020新版】 付费用户专享
jQuery零基础入门课程(适合初学者的教程) 付费用户专享
基于jQuery的2048游戏(适配PC端和移动端)实战视频 付费用户专享
Swiper移动端滑动插件视频课程(通俗易懂) 付费用户专享
前端实战案例之王者荣耀皮肤抽奖(零基础入门) 付费用户专享
CSS3零基础入门视频【2020新版】 付费用户专享
前端实战案例之石头剪刀布游戏(零基础入门) 付费用户专享
通俗易懂的Bootstrap视频课程(最适合初学者的教程) 付费用户专享
Less快速入门视频课程 付费用户专享
MySQL零基础入门课程(适合初学者的教程) 付费用户专享
PHP零基础入门课程(通俗易懂) 付费用户专享
Ajax零基础入门课程(通俗易懂) 付费用户专享
Node.js快速入门视频课程(通俗易懂)【2020版】 付费用户专享
【实战】ECharts数据可视化之疫情实时监控展示(热销) 付费用户专享
TypeScript入门(通俗易懂)【2020新版】 付费用户专享
Vue.js 2.0之全家桶系列视频课程(vue、vue-router、axios、vuex) 付费用户专享
Vue 3.0 新特性多面解析(走在技术前沿) 付费用户专享
【精品课】Vue.js实现电商后台管理系统(企业项目实战) 付费用户专享
微信小程序快速入门(通俗易懂)【2020新版】 付费用户专享
微信小程序之豆瓣电影项目实战【实战视频】(全程手敲) 付费用户专享
Git入门视频课程【精品课】 付费用户专享
AngularJS基础入门视频课程 付费用户专享
微信小程序之颜值测试项目(测颜值)【项目实战】 付费用户专享
【精品课】基于 Vue 3.0 开发万年历项目(实战) 付费用户专享

Web前端开发全套学习(笔记+项目案例)

¥1443.00 ¥881.40
在线
客服
APP
下载

下载Android客户端

下载iphone 客户端

官方
微信

关注官方微信

返回
顶部