初学JS的亲们有福了:VIP会员新手福利到!!!

经历了之前一轮VIP会员福利,许多JS新手们表示非常郁闷啊,
公开课以及视频中讲的那些什么 “移动开发实例、canvas小游戏、react实践、react信息筛选、什么ES6……”
你们让我们这一批刚刚开始学习JS基础的学员们情何以堪啊?
那些知识点虽好但我基础差听不懂啊??
我们课后练习都做的异常费劲啊???
就不能讲讲JS基础部分的课后练习吗????


 

嘿,亲们甭担心,在学习前端的路上,妙味课堂始终是你们夏天的冰淇淋、冬天的小棉袄……^_^

你想要JS课后练习讲解?咱说来就来!!

诸位JS初学者们,本次公开课,讲师从JS基础阶段的课后练习中,

精选出10个有代表性的小案例,带领大家一同扫清JS基础阶段的学习障碍:

 
案例一:模拟短信发送
        需求:
                1、点击页面中头像,可以进行头像的切换
                2、点击发送按钮,将文本框中的内容发送至页面中间的主体
                3、实现模拟两个人对话的效果

        知识点:
                1、属性操作 src innerHTML
                2、if判断
                3、字符串拼接

 
案例二:播放模式功能的图片切换
        需求:
                1、点击下一张和上一张分别实现图片上一张和下一张的切换
                2、实现点击循环切换和顺序切换的模式转换
                3、当图片变换的时候,对应的文字介绍会变化,并且显示当前张是第几张

        知识点:
                1、属性操作 src 
                2、if判断
                3、开关变量
                4、数组

 
案例三:旋转的V字形
        需求:
                1、点击按钮,实现生成页面中添加五个div,呈现V字形排列,开口向上
                2、再次点击按钮,页面中的五个div呈现不同方向的V字变换(依次为上右下左)
                
        知识点:
                1、for循环
                2、if判断
                3、%运算符

 
案例四:多组图片的切换

        需求:

                1、页面中有两组图片,分别显示当前是第几张以及本组图片一共多少张
                2、当点击上一组按钮时,两组图片同时显示本组的下一张
                3、当某一组图片出现超出时,默认回到本组图片显示的第一张
                *4、扩展:当点击每组图片的左半边和右半边的时候分别切换本组图片的上一张和下一张(效果参见百度图片展示页)

        知识点:
                1、属性操作 src innerHTML
                2、if判断
                3、多个变量的灵活运用

 
案例五:擦除图片
        需求:
                1、当鼠标移入页面中时,可以显示整块图片的一部分
                2、当鼠标在图片每块区域都移动过后,显示整张图片

        知识点:
                1、for循环
                2、if 判断
                3、鼠标移入事件
                4、属性操作 style


 
案例六:QQ列表收缩展开
        需求:
                1、鼠标点击页面中分组,显示当前分组中的内容
                2、点击已经展开的分组,隐藏当前分组的内容,使其他展开的分组全部合上
                3、鼠标移入分组内的内容时,当前项目的内容颜色变化,移除后颜色变回原来

        知识点:
                1、自定义属性、开关变量
                2、if判断
                3、属性操作 style
                4、for循环

 
案例七:计算商品总价
        需求:
                1、鼠标点击每一行的"+"、"-",改变当前行的件数值,改变当前行的小计价格
                2、每次点击后需要改变页面下方的商品合计数值、一共多少元
                3、每次点击,计算已买商品中(件数不为0)单价最贵的,显示出其单价

        知识点:
                1、for循环
                2、属性操作 innerHTML
                3、函数传参
                4、数值比较

 
案例八:打字机版文字搬运
        需求:
                1、点击搬运按钮,左边区域的内容从头部开始逐字移动至右边区域,并且实时改变左右边内容的长度显示
                2、搬运完成后,显示搬运已经完成

        知识点:
                1、定时器管理
                2、字符串截取 
                3、属性操作 innerHTML

 
案例九:动画版文字搬运
        需求
                1、点击"↓"按钮,文字逐个从上往下开始掉落
                2、点击"↑"按钮,文字逐个从下往上移动

        知识点:
                1、for循环
                2、offsetLeft、 offsetTop
                3、定时器管理
                4、transition

 
案例十:卡片式时钟
        需求:根据当前系统时间的变化,改变对应位置的图片切换,达成视觉上的图片向上滚动的视觉效果  
        知识点:
                1、for循环
                2、日期对象
                3、数组
                4、字符串操作
                5、运动函数的使用



——以上所有演示案例讲师们都会从以下几个步骤为大家详细讲解:

  1. 1、分析该案例的编程思路
  2. 2、编程
  3. 3、分析其中遇到的问题
  4. 4、如何运用知识点解决问题
  5. 5、总结该实例的整个制作流程
复制代码


OK,JS初学者们,在看过以上介绍过后,你是否有信心跟着讲师一起学习、搞定学习路上那些障碍呢?
敬请留意以下公开课信息:

公开课时间:

        第一次:2016年5月27日 周五晚上 19:30-21:30
        第二次:2016年6月01日 周三晚上 19:30-21:30

公开课形式:YY远程方式,房间号:47628163 


公开课费用:免费!!!

当天我们会在VIP群里通知大家几遍,不在VIP群里的亲们,请准时上YY进房间、静静等待上课即可~~

针对人群:了解HTML+CSS布局,初学JS的VIP会员们

妙味VIP服务:
如妙味VIP会员临时有事未能参加本次公开课,妙味官方会把现场视频整理好、发送至VIP群邮箱中,供大家下载!^_^


以上公开课内容,来自妙味javascript资深全栈进阶第一阶段 “JavaScript入门基础 中的节选。

查看全部21章课程内容,请

>>点击访问《妙味javascript资深全栈进阶》

另:妙味VIP的亲们,随后我们单独为本次远程课录制高清视频,免费扔到VIP视频库中,大家稍后可去下载!



还不是VIP会员?想参加更多妙味VIP公开课?

>>点击加入妙味VIP会员

——享受正版妙味VIP用户超值回报!

课程咨询QQ:3049266712、3023710192
VIP会员咨询:2379848569、3349734318、3400849041
咨询电话:010-57269690


妙味网友
请登录后留言,请登录注册