云图智联前端课程当当网项目——YTQ01
  1. 当当网项目简介

    1. 录播
      1-当当网项目简介
      10分钟
  2. 2-主页面功能介绍上

    1. 录播
      2-主页面功能介绍上
      54分钟
  3. 3-主页面功能介绍下

    1. 录播
      3-主页面功能介绍下
      43分钟
  4. 4-购物车功能

    1. 录播
      4-购物车功能
      67分钟
  5. 5-商品展示页面

    1. 录播
      5-商品展示页面
      56分钟
  6. 6-注册登录非空验证

    1. 录播
      6-注册登录非空验证
      50分钟

对课程感兴趣?

点击报名,听课时长可兑换余额哦~

云图智联前端课程当当网项目——YTQ01免费

最近在学 3 累计报名 105 好评度 -
咨询老师
用手机看

扫一扫继续用手机看

  • 微信扫码

  • QQ扫码

下载手机APP

课程概述

目录

往期学员作业()

评论

老师介绍

  • 庞老师@云图智联

    庞老师@云图智联

    云图智联是一家互联网科教企业,创始团队拥有二十年互联网行业实践经验,情系科教事业,致力产教融合、科教赋能,帮助在信息革命中的学习者、创业者从0-1科教赋能,汇聚国内资深教学、研发团队、以研发、IT人才培养、技术VC模式为B端科技赋能,以B端的商业项目为案例设计优质课程为C端赋能,已成功培养上万名优秀的毕业生.
  • 陆老师@云图智联

    陆老师@云图智联

    云图智联是一家互联网科教企业,创始团队拥有二十年互联网行业实践经验,情系科教事业,致力产教融合、科教赋能,帮助在信息革命中的学习者、创业者从0-1科教赋能,汇聚国内资深教学、研发团队、以研发、IT人才培养、技术VC模式为B端科技赋能,以B端的商业项目为案例设计优质课程为C端赋能,已成功培养上万名优秀的毕业生.
简  介 云图智联web前端课程第一阶段教学视频,当当网的项目案例。

如果觉得不错,就来跟着我们学吧
学习讨论请加: 云图智联web前端学习群 235184385
群二维码


加助教松宝老师QQ: 2885625941 获取资料及源码
编辑器介绍:
视频教程中所用编辑器为Webstorm


最终呈现的效果:



 

适合人群: 中级
        1需要有html  搭建静态网页的基础,
        2需要知道一点javaScript和jQuery的一点基础,
    
用到技术:javaScript 与jQuery

设计项目: 当当网页面设计
              
课程概述: 
   
         本次项目案例巩固知识点总结: 
   
        1使用jQuery的sildeDown与sildeUp完成:树形菜单

        2使用jQuery的scrllo滚动事件与scrlloTop完成:随滚动条移动的广告图片

        3使用javaScript的setInterval:循环显示的广告图片

        4使用window的open方法完成:弹出窗口

        5使用鼠标悬浮移出方法hover()完成:TAB切换特效

        6:使用javaScript的setInterval与jQueryanimate动画效果完成
        循环垂直向上滚动的内容

        7使用鼠标悬浮:展示图书内容

        8使用jQuery的show和hide显示隐藏方法实现:商品列表的显示和隐藏

        9使用jQuery获取Dom元素完成:计算商品金额等

        10使用jQuery的change事件:改变商品数量

        11使用jQuery的Remove完成:删除商品

        12使用正则表达式:验证表单

        13 使用For循环完成:

        二级级联下拉列表

        14使用jQuery的,val方法和完成:

        用户登录网上书店网站设计,

实现功能如下:
        1用户注册(jQuery验证功能)

        2用户登录(jQuery验证加正则表达式)

        3首页(网站内容的综合展示与jQuery动态效果)

        4购物车页面(jQuery获取元素计算功能)

        5商品展示页面(jQuery动态效果功能);    

网上书店网站设计共有以下几个页面:
        创建模板页:hrader.html(网页头部)

        用户注册页:register.html

        用户登录页:login.html

        网站首页:index.html

        商品展示页:product.html

        广告页面:open.html

        我的当当(购买结算页面):shopping.html

技术难点分析:
         1首页的图片循环播放与点击列表切换效果

        2首页的右侧图书信息向上滚动并且益处部门添加到下面

        3首页跟随滚动条移动效果

        4商品展示页面切换大图与列表图书显示效果

        5购物的计算金额


想要获取更多课程  请关注云图智联首页   http://yuntu.ke.qq.com

* 课程提供者:云图智联