web前端需要学什么？
分享一份前端的学习路线图，可以参考下
不知前端学什么，做什么的朋友，走过路过，千万不要错过，新鲜出炉的讲解视频，来了。
借用一段话来开头：古代小说里，高手如云，人们为了生存，要掌握一套保命武功。其中，我最喜欢的是轻功，毕竟三十六计走为上策（狡诈的一笑）。说到底，武功和技术一样，都是为了生存。问题是，现实一点来说，一个武者，很难掌握所有的武功秘籍，因为臣妾做不到啊；所以如果有一种武功，能够远攻和近攻，能逃跑能单挑，那就极好了。技术也是一样，通过一套技术，每天用这套技术开发，不断磨练，好过啥都学，啥都不深入，因为之所以深入，是因为你不断去用，很多时候，一个技术名出来，就买书学，其实很傻很天真，因为技术是手段，目的是解决开发问题，如果用不上，就毫无意义。明白了学习技术的意义，我们来扯扯怎么系统的来学习前端。
学习前端是个很庞杂的工程。一定要学会分析，每个阶段怎样去学习不能一股脑的看别人是怎么样你就怎么样。
把前端学习分为三部分来学习：
一、HTML和CSS 注重学习的是布局方式，锻炼基本思维。
1. HTML基础，CSS基础，CSS核心属性
2. CSS样式层叠，继承，盒模型
3.容器，溢出及元素类型
4.浏览器兼容与宽高自适应
5.定位，锚点与透明
6.图片整合
7.表格，CSS属性与滤镜
8. HTML5新增的元素与属性
9.表单域增强元素
10. CSS3选择器
11.文字字体相关样式
12. CSS3位移与变形处理
13. CSS32D转换与过度动画
14. CSS33D转换与关键帧动画
15.弹性盒模型
16.媒体查询
17.响应式设计
开始对于有些人来说，可能有点儿困难，但随着不断的重复性的练习，和对常用布局结构的熟悉和常用CSS属性的熟悉，慢慢就好了。这部分知识贵在坚持。
二、JavaScript的学习，主要锻炼的是逻辑能力，和对基础知识的掌握程度。千万不要想当然觉得自己会了，结果过几天就什么都忘记。写一个效果，要看之前代码好几遍。
1.基本语法、循环语句、函数与数组
2. String与Date、BOM与DOM、事件、cookie存储
3.正则表达式、Ajax、面向对象基础、运动与游戏开发、Promise/A+
4.设计模式（观察者模式等）、原型链、构造函数、执行上下文栈与执行上下文、变量对象与活动对象
5.作用域链、闭包、this、ES5、ES6、ajax大概先列举这么多吧！这个里面重点学习的是面向对象和设计模式。最后找个例子来练习，比如微信打飞机等等。
三、工具类的学习和常用框架的学习。
1. Gulp
2. Webpack
3. NPM
4. Git/SVN
这些东西，是工作中必不可少的，所以必须要学习。
Vue.js的学习里面重点学习以下知识点：
1) Vue.js基础、模块化、单文件组件
2)路由、服务器通信、状态管理
3)单元测试与生产发布、服务端渲染SSR与Nuxt.js、Mint UI, Element UI
其实还有很多，不一一列举了，框架的学习只要认真掌握一个，其他的上手非常快。最后，还有就是微信小程序、node.js这块多看看。
基础知识:
1.
html
+
css。这部分建议在网上学习,边学边练,每章后还有小测试。之后可以模仿一些网站做些页面。本站提供的个人博客模板都是比较简单的单页,可以下载下来模仿自己做一个。理解css每个元素的属性,样式的实现不一定只有一种写法,多想一想还有没有什么需要改进的地方。
2、JavaScript。不是所有的网页都必须有js,但是要想实现一些超酷的功能和界面的时候,就需要涉及到js。如果没有其他编程语言的基础的话,学起来可能要费些力,还是建议先网上学习。之后建议马上看《javascript语言精粹》
3、Photoshop、flash。熟悉会一点儿就行了,没必要全部都学得精通,当然如果你在学习的过程中,发现你ps或者flash比较感兴趣的话,也可以尝试做美工这一行。
4、html5和css3。可以先了解一下,然后再入手。毕竟IE的浏览器大多还不支持。
5、浏览器兼容。懂web标准,熟练手写xhtml
css3并符合
符合w3c标准。代码能兼容主流浏览器Firfox,Chrome、Safari、IE、Opera。虽然IE6很多都不兼容,但现在还使用的人还是有的。通过验证指定URI的CSS内容,可以帮我们检查一下有没有错误。
6、熟悉一门后台编程语言asp、php、jsp等
|
广告 您可能关注的内容 |
