目录

  • 1 模块一:JavaScript
    • 1.1 课程介绍
      • 1.1.1 为何要学习前端开发
      • 1.1.2 学习指南
      • 1.1.3 课程标准
      • 1.1.4 课程评价标准
      • 1.1.5 课程教案
      • 1.1.6 课程教学日历
      • 1.1.7 主题讨论
    • 1.2 JavaScript概述
      • 1.2.1 本节导学
      • 1.2.2 任务1.1 认识JavaScript
      • 1.2.3 开发工具的安装
      • 1.2.4 任务1.2 在页面显示个人信息
      • 1.2.5 任务1.3 测试综合案例在主流浏览器上的兼容性
      • 1.2.6 主题讨论
    • 1.3 JavaScript基础
      • 1.3.1 本节导学
      • 1.3.2 任务2.1 显示变量数据类型
      • 1.3.3 任务2.2 根据成绩给出学生考评
      • 1.3.4 任务2.3 实现猜数游戏
      • 1.3.5 任务2.4 制作简易计算器
      • 1.3.6 主题讨论
    • 1.4 JavaScript对象编程
      • 1.4.1 本节导学
      • 1.4.2 任务3.1 在页面动态显示系统时间
      • 1.4.3 任务3.2 制作随机选号器
      • 1.4.4 任务3.3 制作简单的焦点图效果
      • 1.4.5 任务3.4 使用JSON方式显示图书信息
      • 1.4.6 任务3.5 验证注册页面信息
      • 1.4.7 任务3.6 使用正则表达式验证注册页面信息
      • 1.4.8 主题讨论
    • 1.5 BOM编程
      • 1.5.1 本节导学
      • 1.5.2 任务4.1 制作弹窗效果
      • 1.5.3 任务4.2 制作网页标题交替显示效果
      • 1.5.4 任务4.3 制作复选框全选效果
      • 1.5.5 主题讨论
    • 1.6 DOM编程
      • 1.6.1 本节导学
      • 1.6.2 任务5.1  Core DOM方式动态添加表格 Core DOM方式动态添加表格
      • 1.6.3 任务5.2 使用HTML DOM方式动态添加表格
      • 1.6.4 主题讨论
    • 1.7 JavaScript与CSS交互
      • 1.7.1 本节导学
      • 1.7.2 任务6.1 JavaScript动态改变导航菜单样式
      • 1.7.3 任务6.2 制作图片轮显效果
      • 1.7.4 任务6.3 制作随鼠标滚动的广告图片
      • 1.7.5 主题讨论
  • 2 模块二:jQuery
    • 2.1 jQuery基础
      • 2.1.1 线上学习引导文
      • 2.1.2 本节导学
      • 2.1.3 任务7.1 JQuery基础
      • 2.1.4 任务7.2 列表的显示与收起
      • 2.1.5 主题讨论
    • 2.2 jQuery中的DOM操作
      • 2.2.1 线上学习引导文
      • 2.2.2 本节导学
      • 2.2.3 任务8.1  制作图片展示效果
      • 2.2.4 任务8.2 制作留言板前端局部更新效果
      • 2.2.5 任务8.3 制作电子邮件删除效果
      • 2.2.6 主题讨论
    • 2.3 jQuery中的事件
      • 2.3.1 线上学习引导文
      • 2.3.2 本节导学
      • 2.3.3 任务9.1 微博字数统计
      • 2.3.4 任务9.2 制作图片提示效果
      • 2.3.5 任务9.3 制作横向导航菜单
      • 2.3.6 主题讨论
    • 2.4 jQuery制作动画
      • 2.4.1 线上学习引导文
      • 2.4.2 本节导学
      • 2.4.3 任务10.1 FAQ答案的显示和隐藏
      • 2.4.4 任务10.2 制作图片横向移动效果
        • 2.4.4.1 主题讨论
    • 2.5 jQuery插件应用
      • 2.5.1 线上学习引导文
      • 2.5.2 本节导学
      • 2.5.3 任务11.1 使用ss-Menu固定侧边栏插件
      • 2.5.4 任务11.2 Pinterest Grid实现响应式网格瀑布流布局
      • 2.5.5 任务11.3 编写表格隔行变色插件
      • 2.5.6 主题讨论
  • 3 模块三:Vue
    • 3.1 Vue.js基础入门
      • 3.1.1 任务12.1 Vue.js概述
      • 3.1.2 任务12.2 模板语法
    • 3.2 Vue开发基础
      • 3.2.1 任务13.1 Vue指令
      • 3.2.2 任务13.2 Vue组件
      • 3.2.3 任务 13.3 Vue过渡与动画
    • 3.3 实现智能垃圾分类App
      • 3.3.1 任务1:项目设计与初始化
      • 3.3.2 任务2完成首页Vue组件
        • 3.3.2.1 任务2-1:完成顶部栏与底部栏Vue组件
        • 3.3.2.2 任务2-2:完成首页Vue组件
        • 3.3.2.3 任务2-3:完成搜索功能Vue组件
        • 3.3.2.4 任务2-4:完成智能识别Vue组件
      • 3.3.3 任务3:完成新闻页Vue组件
      • 3.3.4 任务4:完成百科页Vue组件
      • 3.3.5 任务5:完成个人中心Vue组件
        • 3.3.5.1 任务5-1:实现个人中心页
        • 3.3.5.2 任务5-2:实现数据统计页
  • 4 拓展:Bootstrap(网络资源)
    • 4.1 第1集 BootStrap安装和栅格系统
    • 4.2 第2集 BootStrap排版样式
    • 4.3 第3集 BootStrap代码、表格和表单样式
    • 4.4 第4集 BootStrap表单样式
    • 4.5 第5集 BootStrap按钮、图片、工具和响应式工具
    • 4.6 第6集 BootStrap Glyphicons图标、下拉菜单、按钮组和按钮式下拉菜单
    • 4.7 第7集 BootStrap输入框组和导航
    • 4.8 第8集 BootStrap导航条
    • 4.9 第9集 BootStrap面包屑导航、分页、标签、徽章、大屏幕显示、页面标题和缩略图
  • 5 1+X Web前端开发考证
    • 5.1 Web前端开发1+X职业技术等级证书的学习目标和学习线路图
第8集 BootStrap导航条