专题 > Web开发 > Html/CSS > 从零基础到受人欢迎的前端开发攻城狮系列套餐

从零基础到受人欢迎的前端开发攻城狮系列套餐

1,从最简单的HTML+DIV+CSS, 学完之后,完成一个静态网站排版 2,学习javascript+jquery,让网页具备动态效果   数组,定时器,DOM,事件对象,正则表达式,匀速&缓冲运动,面向对象等常见应用,学完基本可以完成常见的网页特效&数据验证等 3,jQuery大量网站实例实战 案例非常丰富,大多数都是选择大型游戏网站上的酷炫特效 4,深度学习面向对象的javascript,深入浅出一步步从零开始,实现一个类似jquery的小框架.

7

门课程

1432

人学习

 

课程总时长:58小时23分钟

授课讲师:吴华

打包优惠
 
大牛讲解
 
一键下载
 
讲师24h答疑
专题价 ¥382
立省135元
总价 ¥517

第一阶段:  基础理论部分

4门课程 20小时39分钟
  • HTML+DIV+CSS零基础快速入门到制作企业站视频课程

    24节 7小时18分钟
    课程目标:
    本套html,div&css课程完全零基础, 通过学习DIV+CSS, 了解分清HTML,DIV,CSS三者关联&作用,通过一个企业站首页排版掌握html,div+css
    • 课时1:html标题-段落-图片-链接
    • 课时2:html列表的用法
    • 课时3:表格标签
    • 课时4:简单表格应用
    • 课时5:表单框架
    • 课时6:qq注册作业
    • 课时7:华为手机列表页
    • 课时8:css 3种样式引用方法
    • 课时9:css多种样式优先级
    • 课时10:css颜色样式
    • 课时11:css字体样式
    • 课时12:css边框
    • 课时13:css列表&文本样式
    • 课时14:css行&块元素
    • 课时15:css背景属性
    • 课时16:css 盒模型[padding]
    • 课时17:css盒模型[margin计算]
    • 课时18:盒模型[浮动计算]
    • 课时19:css盒模型[定位&层级]
    • 课时20:css样式作业
    • 课时21:css定位作业
    • 课时22:实战:div+css企业站-头部
    • 课时23:实战:div+css企业站-中部
    • 课时24:实战: div+css企业站-尾部
    查看更多
  • Web开发之 - 运指如飞【Sublime Vim插件&Emmet插件速成】

    8节 1小时17分钟
    课程目标:
    课程VIP交流QQ群【新】(290629621),凭购买ID入群本套课程主要讲解sublime的两款神级插件:vim和emmet的使用,熟练掌握vim和emmet,可以让你的编码速度提高数倍
    • 课时1:vim插件编码方式抢先看
    • 课时2:sublime的安装&开发环境配置
    • 课时3:vim的3种模式转换
    • 课时4:vim的移动快捷键
    • 课时5:vim的删除快捷键
    • 课时6:vim的复制快捷键
    • 课时7:emmet插件用法
    • 课时8:vim速成的秘诀
    查看更多
  • jQuery在网站中的应用-零基础实战

    40节 5小时10分钟
    课程目标:
    课程VIP交流QQ群【新】(290629621),凭购买ID入群本套jQuery从零基础完全讲解,主要包括以下内容:1,jQuery选择器2,jQuery事件3,jQuery Dom操作4,jQuery动画5,实例实战
    • 课时1:jquery简介
    • 课时2:jquery的文档加载&js的区别
    • 课时3:jquery css&addClass&removeClass方法
    • 课时4:jquery后代&子代选择器
    • 课时5:显示&隐藏_jquery对象&js对象转换
    • 课时6:全选_不选_反选
    • 课时7:高亮选中某个div,sibling,hover事件合成
    • 课时8:选项卡
    • 课时9:隔行变色
    • 课时10:关键词显示&隐藏
    • 课时11:fade_slide等组合方法
    • 课时12:同时,顺序,综合动画
    • 课时13:stop_侧边栏
    • 课时14:stop_淡入淡出
    • 课时15:stop参数用法
    • 课时16:手风琴
    • 课时17:排错思路
    • 课时18:显示&隐藏轮播
    • 课时19:滑动轮播
    • 课时20:基本&层次选择器
    • 课时21:基本过滤选择器
    • 课时22:内容&属性过滤选择器
    • 课时23:子元素过滤选择器
    • 课时24:表单对象选择器
    • 课时25:表单选择器
    • 课时26:添加元素
    • 课时27:删除元素
    • 课时28:替换&包裹方法
    • 课时29:属性和class方法
    • 课时30:轮播1修正版
    • 课时31:精灵应用
    • 课时32:鼠标滚轮整屏滑动
    • 课时33:弹窗
    • 课时34:div跟着鼠标
    • 课时35:表格操作
    • 课时36:事件冒泡
    • 课时37:事件属性
    • 课时38:表单&a标签的默认行为
    • 课时39:trigger&triggerHandler的区别&事件绑定
    • 课时40:bind事件合并弹窗代码
    查看更多
  • ghostWu Bootstrap快速入门视频课程

    23节 6小时52分钟
    课程目标:
    Bootstrap是目前最为流行的前端开发框架之一
    • 课时1:bootstrap基本标签样式
    • 课时2:bootstrap表格
    • 课时3:bootstrap栅格系统
    • 课时4:bootstrap图片_按钮
    • 课时5:bootstrap图标,警示框
    • 课时6:bootstrap缩略图
    • 课时7:bootstrap表单控件
    • 课时8:bootstrap表单
    • 课时9:bootstrap下拉菜单
    • 课时10:bootstrap按钮组
    • 课时11:bootstrap导航菜单
    • 课时12:bootstrap导航条
    • 课时13:bootstrap分页,徽章,标签
    • 课时14:面板&列表
    • 课时15:插件-模态框
    • 课时16:插件-滚动监听
    • 课时17:插件-工具框&弹出框
    • 课时18:插件-选项卡&按钮实现
    • 课时19:插件-手风琴
    • 课时20:进度条
    • 课时21:媒体对象
    • 课时22:轮播
    • 课时23:附加导航
    查看更多

第二阶段:  实战部分

3门课程 37小时43分钟
  • [Js高手之路第一部]JavaScript上百例实战【新版】

    103节 19小时50分钟
    课程目标:
    本套JavaScript从零基础开始,课程采用大量案例讲解js在网站中的应用.视频短小精悍,案例主要有大量的常见网站特效,轮播,选项卡,键盘控制物体运动,图片透明度,运动框架,事件委托,拖放操作,定时器动画应用,DOM应用,正则应用,面向对象&闭包的应用等等
    • 课时1:js代码三种书写方式
    • 课时2:javascript变量命名&使用规则
    • 课时3:javascript变量的类型
    • 课时4:javascript多个变量的定义方式
    • 课时5:javascript算数,复合,自增与自减运算符
    • 课时6:javascript比较,逻辑运算&条件判断语句
    • 课时7:javascript循环控制语句
    • 课时8:javascript二重循环,break与continue语句
    • 课时9:javascript二重循环乘法表与n行n列的表格
    • 课时10:javascript输出一个对角线形状的div
    • 课时11:判断素数与素数一段范围内的素数
    • 课时12:switch与while和do while循环
    • 课时13:while循环修改素数与斜角div
    • 课时14:函数的定义与使用
    • 课时15:变量与函数作用域
    • 课时16:函数封装&应用
    • 课时17:函数封装&应用2
    • 课时18:函数封装&应用3
    • 课时19:修改样式
    • 课时20:读取样式与className和屏蔽空的锚
    • 课时21:设置常见的属性值
    • 课时22:变量交换与属性修改
    • 课时23:innerHTML与图片切换效果
    • 课时24:提取行间事件
    • 课时25:非行间事件修改之前的实例
    • 课时26:数组与json基本用法
    • 课时27:全选,不选,反选
    • 课时28:arguments用法&背景切换
    • 课时29:根据class获取元素函数封装
    • 课时30:图片切换功能
    • 课时31:实现qq好友分组折叠
    • 课时32:封装css方法
    • 课时33:隔行变色与this与三元运算符的用法
    • 课时34:实现分页功能.
    • 课时35:定时器用法
    • 课时36:定时器控制数字自增
    • 课时37:定时器制作时钟
    • 课时38:定时器随机抽奖
    • 课时39:定时器生成v形图案
    • 课时40:换皮肤,车标,显示与隐藏输入法与...
    • 课时41:定时器制作时钟的第二种解法
    • 课时42:定时器文字拷贝
    • 课时43:数组去重复
    • 课时44:定时器随机发出10张扑克牌
    • 课时45:选项卡
    • 课时46:变量类型转换(parseInt,parseFloat,isNaN)
    • 课时47:选项卡应用-日历备忘
    • 课时48:选项卡应用-幻灯片(图片切换)
    • 课时49:选项卡应用-自动切换的幻灯片
    • 课时50:选项卡应用-自动切换淡入淡出的幻...
    • 课时51:定时器应用-红绿灯切换
    • 课时52:定时器应用-红绿灯等待时间
    • 课时53:多组图片切换
    • 课时54:DOM子节点与父节点相关操作
    • 课时55:DOM添加,创建,删除节点相关操作
    • 课时56:DOM节点应用_文章收藏功能
    • 课时57:购物车(单价,数量,小计,总价,最贵...
    • 课时58:匀速运动原理(offsetLeft详解)
    • 课时59:匀速运动实例_侧边栏
    • 课时60:匀速运动实例_淡入淡出
    • 课时61:合并匀速运动函数_解决共用一个定...
    • 课时62:合并匀速运动函数_解决多个不同的...
    • 课时63:合并匀速运动函数_顺序运动
    • 课时64:合并运动函数_缓冲运动
    • 课时65:运动应用(缓冲侧边栏,左右&上下幻...
    • 课时66:正则表达式: test函数
    • 课时67:正则表达式: 转义字符
    • 课时68:正则表达式: match函数
    • 课时69:正则表达式: replace函数
    • 课时70:正则表达式: 敏感词过滤
    • 课时71:正则表达式: 分组,替换日期格式
    • 课时72:正则表达式: 中括号
    • 课时73:正则表达式: html标签过滤
    • 课时74:正则表达式: 边界
    • 课时75:正则表达式: 任意字符
    • 课时76:作业,修复getEleByCName的bug
    • 课时77:正则表达式: 量词
    • 课时78:正则表达式: 子组引用
    • 课时79:正则修复根据className获取元素的bug
    • 课时80:去除左右空格
    • 课时81:qq_email正则
    • 课时82:找出字符出现次数最多的那个
    • 课时83:表单验证
    • 课时84:对象的概念
    • 课时85:对象的2种定义方式
    • 课时86:工厂模式
    • 课时87:原型
    • 课时88:面向对象选项卡
    • 课时89:对象冒充&数组引用
    • 课时90:闭包_原型继承
    • 课时91:面向对象封装常用js
    • 课时92:事件对象(获取鼠标坐标)兼容
    • 课时93:事件冒泡
    • 课时94:事件对象属性keycode,键盘控制div移动
    • 课时95:水平方向与垂直方向滚动距离兼容函数
    • 课时96:事件绑定函数的兼容写法
    • 课时97:事件委托
    • 课时98:函数声明&表达式
    • 课时99:闭包与计数器
    • 课时100:闭包实现选项卡
    • 课时101:用闭包发射10个随机的小球
    • 课时102:拖放div操作
    • 课时103:拖放div边界越界判断
    查看更多
  • jQuery实战[上百个网站实例&插件开发及其使用(持续更新中)]

    51节 12小时44分钟
    课程目标:
    课程VIP交流QQ群【新】(290629621),凭购买ID入群本套jQuery教程针对有一定JS或者jquery基础的人员,偏实战!! jQuery发展至今,已经成为web开发人员必须掌握的一门技术,本套课程,希望通过大量案例,使大家快速掌握jquery核心功能:选择器,DOM,事件,动画,插件开发,插件使用.
    • 课时1:仿仙剑官网_人物角色切换特效
    • 课时2:仿天涯明月刀官网首页_门派角色切...
    • 课时3:仿淘宝商品属性过滤筛选
    • 课时4:如何使用jQuery
    • 课时5:添加&删除样式与json用法
    • 课时6:js对象&jquery对象互转
    • 课时7:元素,后代,子代选择器
    • 课时8:全选,不选,反选与隔行变色
    • 课时9:基本选择器&层次选择器的用法
    • 课时10:内容选择器&过滤选择器
    • 课时11:匿名函数&函数表达式
    • 课时12:闭包原理&经典应用
    • 课时13:选项卡的三种实现方式
    • 课时14:图片轮播切换实现方式一
    • 课时15:图片轮播切换实现方式另外两种思路
    • 课时16:仿2345网站首页的换皮肤功能(上)
    • 课时17:仿2345网站首页的换皮肤功能(下)
    • 课时18:仿京东首页 "换一批" 产品功能
    • 课时19:精灵在游戏网站中的运用
    • 课时20:表格行上移下移置顶特效
    • 课时21:表格行上移下移置顶特效-第二种解法
    • 课时22:下拉列表的双向选择
    • 课时23:仿37点com【决战武林】的门派职业...
    • 课时24:图片淡入淡出效果
    • 课时25:居中DIV弹窗&遮罩
    • 课时26:显示&隐藏div的多种做法
    • 课时27:自定义动画animate详解
    • 课时28:动画停止函数stop的用法
    • 课时29:jquery制作水平方向的图片手风琴
    • 课时30:jQuery动画插件: jquery easing插件的用法
    • 课时31:仿百度新闻首页菜单的缓冲碰撞运...
    • 课时32:图片左右滑动轮播
    • 课时33:侧边栏(分享到)特效
    • 课时34:仿盛大地城之光切牌效果(上)
    • 课时35:仿盛大地城之光切牌效果(下)
    • 课时36:jQuery常用DOM操作
    • 课时37:jQuery事件对象
    • 课时38:正则表达式一
    • 课时39:正则表达式二
    • 课时40:京东首页左侧楼层实现原理
    • 课时41:跟着鼠标保持固定距离移动的元素
    • 课时42:仿九阴真经门派介绍
    • 课时43:表单验证
    • 课时44:表单验证错误修复
    • 课时45:Ajax原理: get方式提交数据
    • 课时46:Ajax原理: post方式提交数据
    • 课时47:原生态Ajax实战: 省市县三级联动...
    • 课时48:原生态Ajax实战: 省市县三级联动...
    • 课时49:get,post方法三级联动
    • 课时50:ajax方法三级联动
    • 课时51:鼠标键盘控制左右移动方块
    查看更多
  • [Js高手之路第二部]Javascript面向对象特效&框架封装实战

    41节 5小时9分钟
    课程目标:
    课程VIP交流QQ群【新】(290629621),凭购买ID入群 本套Javascript面向对象课程 主要包括以下四大块内容,通过以下内容安排帮助大家 掌握用面向对象的方式来写程序, 如果你没有JS基础: http://edu.51cto.com/course/course_id-7233.html同样的需要掌握jQuery:http://edu.51cto.com/course/course_id-6594.html1,掌握面向对象的基本语法     封装     原型与原型链     this     等等 2,使用面向对象封装一些特效     素数     输出表格     四则运算     选项卡     隔行变色     全选,不选,反选     隔行变色     时钟     抽奖     产品&购物车     等等 3,使用面向对象实现一个类似于jQuery的小型框架    jquery加载    事件绑定    hover    show    hide    addClass    removeClass    hasClass    toggleClass    parent    html    val    index    each    css    eq    attr    toggle    find    index    链式操作    等等 4,用框架来做特效
    • 课时1:框架封装-实现jQuery中的4个class...
    • 课时2:选项卡-隔行变色组合实例(面向对...
    • 课时3:自定义对象的两种方式
    • 课时4:字面量定义对象的常见写法
    • 课时5:字面量封装四则运算
    • 课时6:字面量封装素数
    • 课时7:字面量封装素数-计算长度
    • 课时8:字面量封装简单Dom&css方法
    • 课时9:字面量方式封装表格
    • 课时10:new Object创建对象的演变方式
    • 课时11:第二种面向对象方式修改四则运算
    • 课时12:第二种面向对象方式修改素数
    • 课时13:第二种面向对象方式封装数组排序
    • 课时14:第二种面向对象方式封装选项卡
    • 课时15:字面量方式封装选项卡
    • 课时16:第二种面向对象方式封装全选,不...
    • 课时17:第二种面向对象方式封装隔行变色
    • 课时18:第二种面向对象方式封装时钟
    • 课时19:原型构造方式
    • 课时20:this是谁
    • 课时21:原型构造方式封装抽奖
    • 课时22:原型构造方式封装购物车-产品对象
    • 课时23:原型构造方式封装购物车-购物车对象
    • 课时24:原型构造方式封装购物车-界面整合
    • 课时25:原型构造方式封装图片切换功能
    • 课时26:用原型扩充数组去重复的方法(2种)
    • 课时27:用原型扩充数组的排序方法
    • 课时28:框架封装-实现jQuery中的onload加载
    • 课时29:框架封装-实现jQuery中的基本选择...
    • 课时30:框架封装-实现jQuery中的show&hide方法
    • 课时31:框架封装-实现jQuery中的css方法
    • 课时32:框架封装-实现jQuery中的hover方法
    • 课时33:框架封装-实现jQuery中的each方法
    • 课时34:框架封装-实现jQuery中的eq,html,val方法
    • 课时35:框架封装-实现jQuery中的index,parent方法
    • 课时36:框架封装-实现jQuery中的attr方法
    • 课时37:框架封装-实现jQuery中的children方法
    • 课时38:框架封装-实现jQuery中的siblings方法
    • 课时39:框架封装-利用现有框架封装的方法...
    • 课时40:选项卡-隔行变色组合实例(面向过...
    • 课时41:选项卡-隔行变色组合实例(面向过...
    查看更多

从零基础到受人欢迎的前端开发攻城狮系列套餐

¥517 ¥382

可以开发票么?

可以的,购买课程或者充值余额后都是可以开具发票的,具体详情点击:我要开发票

购买的课程可以下载么?

目前PC端暂不支持下载课程视频,请手机或者平板电脑下载“51CTO学院”APP后再下载视频哦!

优惠券如何使用?

非折扣课程(不包含1元课程/套餐)可使用,一个订单(可包含多个课程)只可使用一张;优惠券一经使用,不再返还;若被冻结请在PC端删除订单即可返还。

更多问题查询点击 帮助中心

欢迎您提供宝贵意见,对于您的意见我们都会认真、慎重的讨论,每一个意见都是我们更好为您服务的鞭策和激励,感谢您帮助学院成长,我要反馈意见