在线ps图/衡阳网站优化公司
学习前端是个很庞杂的工程。一定要学会分析，每个阶段怎样去学习不能一股脑的看别人是怎么样你就怎么样。
把前端学习分为三部分来学习：
一、HTML和CSS 注重学习的是布局方式，锻炼基本思维。
1. HTML基础，CSS基础，CSS核心属性
2. CSS样式层叠，继承，盒模型
3. 容器，溢出及元素类型
4. 浏览器兼容与宽高自适应
5. 定位，锚点与透明
6. 图片整合
7. 表格，CSS属性与滤镜
8. HTML5新增的元素与属性
9. 表单域增强元素
10. CSS3选择器
11. 文字字体相关样式
12. CSS3位移与变形处理
13. CSS3 2D转换与过度动画
14. CSS3 3D转换与关键帧动画
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这块多看看。
2022版前端最新最全学习路线图
2022年web前端开发学习路线图
web 入门
Html5+css：最新前端开发入门教程，web前端零基础html5 +css3+前端项目视频教程
web 进阶：web前端进阶教程，前端html5+css3+移动端项目实战（含华为新闻，b站移动端等）
技术进阶
JavaScript：JavaScript全套教程，Web前端必学的JS入门教程，零基础JavaScript入门
DOM BOM：JavaScript核心教程，前端基础教程，JS必会的DOM BOM操作
jQuery：前端基础必备教程|jQuery网页开发案例精讲
Ajax：AJAX零基础到精通_整合Git核心内容全套教程
Vue 开发
Node.js: Node.js全套入门教程，nodejs最新教程含es6模块化+npm+express+webpack+promise等_Nodejs实战案例详解
Vue2+Vue3全套：Vue全套视频教程，从vue2.0到vue3.0一套全覆盖，前端必会的框架教程
React &小程序开发
React：前端React视频教程，react零基础入门原理详解到好客租房项目实战
零基础玩转微信小程序：前端微信小程序开发教程，微信小程序从基础到发布全流程_企业级商城实战(含uni-app项目多端部署)