为了团队新人的技术培养,本人整理了一份前端开发教程

教程来源均来自慕课网(拿来主义了一把,感谢慕课网提供了这么多精彩的视频教程)。

我按照从易到难的学习路径进行了一个整理,相对的,或许通过视频教程学习可能要比看理论书籍来的要更有效果些。

前端新人教程

声明

这里所整理的视频教程均来自于http://www.imooc.com/course/list?c=fe,各位有兴趣可前往就自己感兴趣的内容进行更多的学习。

前端开发工具

快乐的sublime编辑器

http://www.imooc.com/view/333

 

前端开发工具技巧介绍—Sublime篇

http://www.imooc.com/view/40

 

WEB调试工具—Firebug

http://www.imooc.com/view/137

HTML、CSS基础

HTML+CSS基础课程

http://www.imooc.com/view/9

 

网页布局基础

http://www.imooc.com/view/95

 

如何用CSS进行网页布局

http://www.imooc.com/view/57

 

网页简单布局之结构与表现原则

http://www.imooc.com/view/20

CSS进阶

CSS深入理解之overflow

http://www.imooc.com/view/256

 

CSS深入理解之absolute

http://www.imooc.com/view/192

 

CSS深入理解之float浮动

http://www.imooc.com/view/121

 

表单美化

http://www.imooc.com/view/42

CSS3基础

十天精通CSS3

http://www.imooc.com/view/33

响应式布局基础

响应式布局

http://www.imooc.com/view/41

JS基础

JS入门篇

http://www.imooc.com/view/36

 

Javascript深入浅出

http://www.imooc.com/view/277

 

JS进阶

JS进阶篇

http://www.imooc.com/view/10

 

jQuery基础教程

http://www.imooc.com/view/11

 

DOM事件探秘

http://www.imooc.com/view/138

JS高级

Ajax全接触

http://www.imooc.com/view/250

 

JS动画效果

http://www.imooc.com/view/167

 

鼠标拖拽效果

http://www.imooc.com/view/60

 

可调大小面板实现(Resizeable Panel)

http://www.imooc.com/view/193

 

jQuery源码解析(架构与依赖模块)

http://www.imooc.com/view/172

前端性能优化

Yahoo军规

http://www.imooc.com/view/50

实战参考

企业网站综合布局实战

http://www.imooc.com/view/147

 

导航条菜单的制作

http://www.imooc.com/view/6

 

回到顶部效果

http://www.imooc.com/view/65

 

商城分类导航效果

http://www.imooc.com/view/174

 

在imooc中实战的视频教程还有很多,请各位自行选择观看。