美文网首页HTML5收藏
前端学习路线

前端学习路线

作者: 风吹燕尾 | 来源:发表于2017-03-03 22:30 被阅读39次

前期(集体学习内容)
Html5+css3:
学习内容:
Html5
1:基础标签的使用
2:新增标签和属性
css3
1:CSS语法和样式
2:选择器
3:盒子模型
4:CSS定位
5:CSS3新增属性
6 动画效果
其他:
1:兼容性
2.代码调试
总时间:14天(考核实例:制作一个静态网站)
JavaScript学习:
学习内容:
1:js基础语法
2:内置对象常用方法
3:DOM操作
4:ECMAscript
5:JS动画
6:DOM、BOM、
7:定时器和焦点图
总时间:10天(考核实例:编写一个完整小游戏)
Jquery+Bootstrap学习:
学习内容:
1:Jquery基础语法
2:常用的选择器和事件
3:常用的DOM操作和效果方法
4:方法链
3:拖拽、变形
3:JqueryUI组件
4:Ajax
5.bootstrap基本的排版布局及样式的使用(重点学习栅栏和布局的技巧)
总时间:(考核实例:用个人编写的简单插件和现有插件结合Bootstrap做一个动态的网页)
后期(前端方向学习内容)
Html5+css3高级
学习内容:
Html5

  1. Canvas绘图
  2. web本地存储
  3. Geolocation API
  4. Web Workers、Web WebSocket API
    css3
  5. CSS新特性
  6. CSS3动画
  7. 特殊图形绘制
  8. 雪碧图、滑动门
  9. 媒体查询
  10. 响应式设计
  11. 自适应布局
    总时间:(实战:PC端门户网站或移动端电商网站)
    JavaScript高级:
    学习内容:
  12. 正则表达式
  13. 闭包
  14. 排序、递归算法
  15. DOM实现原理和深入
  16. 原型
  17. 函数节流
  18. 作用域链
  19. 面向对象
  20. 封装
  21. 常见特效:tab、导航、整页滚动、轮播图、JS制作幻灯片、弹出层、手风琴菜单、瀑布流布局、滚动事件、滚差视图。
    总时间:(实战:插件封装)
    进阶
    学习内容:
  22. 熟悉Web开发工作流和MVC/MVVM/MVW框架,学习常用库:Vue.js
  23. 了解WeUI
  24. Gulp、webpack等前端构建、打包工具
  25. 设计模式
  26. 前端开发优化
  27. 了解ES6
  28. Node.js全栈开发
    总时间:(要求:做笔记、写博客,用Vue.js开发单页应用,分享自己的学习成果和作品)

相关文章

  • 学习图谱

    前端整体 基础学习路线 进阶学习路线 整体学习路线 「前端进阶」2018/2019 史上最全的前端学习路线 How...

  • 大前端完整学习路线

    大前端完整学习路线(详解) 转载 2016年09月20日 16:19:20 40855 大前端完整学习路线(详解)...

  • 2019-05-06

    ## 大前端学习路线图

  • 前端学习计划

    一、前端学习路线图

  • 无标题文章

    #Web前端 - web前端是什么 - 定义 - 职责 - web前端基础知识和学习路线 - web前端学习的...

  • 2020 前端学习路线总结,哎呦,不错哦!

    2020 前端学习路线总结 在 GitHub 看到一个很不错的前端学习路线图[https://link.zhihu...

  • web开发学习路线图

    各类程序员学习路线图 web前端开发学习路径图 2016/2017 Web 开发者路线图 怎么学习前端开发?求推荐...

  • Web前端

    Web前端 web前端是什么- 定义 职责 web前端基础知识和学习路线 web前端学习的资源 1.Web前端是...

  • 前端学习路线

    我的进度: html

  • 前端学习路线

    先附上一张网上广为流传的前端知识体系图:前端知识体系 (推荐的课程) 从大图中我们总结出: 优秀的Web前端开发工...

网友评论

    本文标题:前端学习路线

    本文链接:https://www.haomeiwen.com/subject/ultdgttx.html