imooc

imooc慕课网学习demo

【持续更新】这个仓库整理了慕课网相关课程的源码、Live Demo、主要知识点等。
欢迎各位大佬 star、fork、issue、PR。 由于能力有限,代码中有不当之处在所难免,敬请各位看官批评指正。

# 课程名称 Demo 参考源码 备注
1 CSS3实现“图片阴影”效果 点击查看 点击查看 box-shadow、transform、 :after & :before
2 css3实现网页平滑过渡效果 点击查看 点击查看 @font-face、 transform、transition、 animaition、keyframes
3 CSS3实现漂亮ToolTips效果 点击查看 点击查看 transform 、transition、 :after & :before
4 幽灵按钮 点击查看 点击查看 transform 、transition
5 CSS3绚丽照片墙 点击查看 点击查看 transform
6 HTML5和CSS3 扁平化风格博客 文章页及常用组件 点击查看 点击查看 扁平化风格布局、CSS3和jQuery动画效果
7 网页简单布局之结构与表现原则 点击查看 点击查看 分解结构和表现
8 CSS3+JS 实现超炫的散列画廊特效 点击查看 点击查看 VCD 分解法、平面旋转、JS+HTML实现模板功能、DOM选择器实现、JS随机数、集合的遍历、 样式兼容
9 商城分类导航效果 点击查看 点击查看 JavaScipt和CSS制作导航,CSS的兼容性
10 Tab选项卡切换效果 点击查看 点击查看 settimeout、setinterval
11 DOM事件探秘 点击查看 点击查看 DOM事件、事件冒泡、兼容性
12 企业网站综合布局实战 点击查看 点击查看 多列布局、轮播、导航菜单
13 网页定位导航特效 jquery版 js版 点击查看 HTML、CSS、JavaScript、jQuery综合应用
14 信息滚动效果制作 点击查看 点击查看 marquee标签、无缝滚动原理、js定时器
15 JS动画效果 js版 jquery版 CSS3版 点击查看 js定时器、封装库
16 瀑布流布局 点击查看 点击查看 瀑布流布局、div定位、多栏布局
17 炫丽的倒计时效果 Canvas绘图与动画基础 点击查看 点击查看 Canvas
18 Javascript实现二叉树算法 点击查看 点击查看 二叉树的定义,创建以及js编码实现、二叉树遍历,节点查找的算法原理及js编码实现
19 DatePicker组件开发 点击查看 点击查看 前端组件的基本构成和编写模式、事件绑定、Date对象
20 阿当大话西游之WEB组件 点击查看 点击查看 模块化、自定义事件、定制皮肤、面向对象编程、抽象类、参数设计语法封装
21 JS插件开发之-Tab选项卡 点击查看 点击查看 JS OOP思想、组件化开发过程、设计组件、组件参数分析,配置,扩展 、优化,扩展,渐近增强的开发过程
22 搜索框制作 仿Bing 仿淘宝css版 仿淘宝JS版 点击查看 jQuery、 Ajax
23 jQM Web App –列车时刻表 点击查看 点击查看 jQuery Mobile、Ajax
24 移动web开发适配秘籍Rem 点击查看 点击查看 rem、响应式布局
25 进击Node.js基础(一)、(二) 点击查看 点击查看 Node.js API、HTTP、爬虫
26 Vue+Webpack打造todo应用 点击查看 点击查看 webpack、Vue
27 快速入门Web阅读器开发 点击查看 点击查看 阅读器引擎epub.js、Vue.js应用和过渡动画、阅读器 翻页换肤目录进度等功能
28 node+mongodb 建站攻略(一、二期) 点击查看 点击查看 node、express、jade、mongodb、bootstrap、jQuery、session、cookie
29 Vue2.5开发去哪儿网App 从零基础入门到实战项目 点击查看 点击查看 Vue、Vuex Vue-router、Vue-cli

更新日志

2019-02-11

About

这个仓库最开始是记录我自己跟着慕课网课程写的代码的地方。最近浏览量增长的很快,就整理了一下这个仓库,方便大家查看。
早期跟着课程视频写的代码,绝大部分都已经实现了课程中的效果,但不完全是按照老师的代码写。在保证项目效果的前提下,部分代码稍作修改或增加了自己的思考,用其他方式实现
部分视频课程中代码由于框架升级、依赖更新等原因可能无法正常运行,如果您遇到类似情况请及时反馈给我,我会尽力找到解决办法,持续维护。

博客主页

github