网站前端开发技术路线,转行Web前端工程师怎样学习web前端基础：HTML 语义化
CSS3 基本语法规范
CSS常见布局技巧大全
网页开发规范以及流程
CSS企业级网页开发
CSS初始化技术选择
CSS3基本变换特效
HTML、css是前端学习最基本的知识，你要学习前端，首先要把这些基础知识学好才可以！
第二阶段：核心知识点
• CSS3 2D、3D 变换
• CSS3 animation 动画
• H5C3 炫酷页面开发
• Flex伸缩布局
• 移动端主流适配方案
• 常见移动端样式兼容方案
• 预处理器Less
第三阶段：核心知识点
• JavaScript 语言基础
• BOM操作大全
• DOM操作大全
• 封装动画函数
• JavaScript高级
• 正则表达式
• ECMAScript 2015（ES6）新语法
• jQuery 快速开发
• jQuery 插件开发
第四阶段：核心知识点
• 能够建立客户端服务器交互模型，熟悉网络通信相关概念
• 能够使用 Node.js 进行 Web 服务端开发
• 基于Node.js开发Web应用
• Express
• RESTFul API
• 原声AJAX、jQuery的AJAX相关API使用
• 跨域请求及解决方案
• 前端模板引擎
第五阶段：核心知识点
• 大数据可视化
D3.js
•
Vue.js/Vue Router/Vuex/axios/Element-UI
• Vue CLI脚手架工具
• 使用Git、Github管理项目源代码
• webpack
• React.js / React Router / Redux / axios / Ant Design
• create‑react‑app 脚手架工具
• 项目打包及优化
• 项目部署与开发
第六阶段：核心知识点
• 人工智能
• 小程序开发
• 小程序应用及页面的生命周期
• 小程序运行机制
• WePY小程序开发框架
• 小游戏开发
以上就是前端的学习路线图，不知道为什么这个图放上来就不清楚了，如果想要清楚的，或者是配套的学习资源，可以后台回复“前端”即可。
偶目前在深圳的平安科技担任高级前端开发工程师,偶来回答一下吧,偶也是自学而来的.
偶在此之前的工作是淘宝美工,但是做的久了工资一直上不去,就觉得前端还不错,好像也不难,就开始自学.
接下来讲一下偶是怎么学习的,希望可以帮到你们:
1.首先语言基础学习前端就只有三门语言要学习,html,css,和JavaScript.
html是超文本标记语言,这个学起来好简单,包含的内容如下图,学习方法就是去菜鸟教程网站
https://www.runoob.com/
上学习,每一个知识点都有示例.学起来很快.css是样式语言,这个更简单,包含的内容如下图,也是去菜鸟教程上学习
JavaScript的内容要相对难一点,菜鸟教程上也有,JavaScript的基础用法包括很多函数,需要全部掌握,在工作的时候才会得心应手.
2.框架学习现在主流的框架有三大,react,vue,angular,国内现在用的最多的是react和vue,react是Facebook出的,vue是偶国的一个著名程序员尤雨溪开发的,react和vue在国际上地位不相上下,在国内小公司主要以vue用的最多,react主要以大公司用的最多,比如阿里,平安.其实也要看项目的,一般小项目用vue更加轻量快速,react相对较重.
这两个框架随便选一个就行了.偶个人的建议是学vue,因为偶学的react,发现国内都是大公司在用,去中小公司找工作vue还是居多,所以建议学习vue,而且vue最容易上手,通过vue的官方网站就可以学习了
https://cn.vuejs.org/.
3.性能安全这个是面试中常会遇到的,也是工作中会遇到的内容.
4.运用前端主要用来开发网站,开发app,微信小游戏,微信小程序等等.
总结以上是偶个人的学习总结,图片都是截取自偶自己的百度脑图,展开内容非常丰富,都是偶多年总结出来的,如果需要的,可以联系偶,免费发给你们,希望给从事前端开发的你们有帮助,少走弯路.
分享个开源项目快速开发框架，采用spring cloud alibaba +nacos +vue的 技术栈，实现了大部分
钉钉宜搭的快速开发功能，很值得借鉴下。这是在git上开源的快速开发项目，项目采用微服务为基础的脚手架，包括流程、表单、列表、图表、应用等多个界面化的配置引擎。项目介绍：**JVS的核心目标：**让中小型开发团队过得轻松一点，优化开发团队人力成本高、交付效率低、质量不可控、周期不确定、基础技术投入不足、高端技术支持不够等JVS是面向软件开发团队可以快速实现应用的基础开发框架，采用微服务分布式框架，提供丰富的基础功能，集成众多业务引擎，它灵活性强，界面化配置对开发者友好，底层容器化构建，集合持续化构建。项目标签低代码、微服务、支持SaaS、私有化部署、DevOps、开源项目地址框架前端地址：https://gitee.com/software-minister/jvs-ui框架后端地址：https://gitee.com/software-minister/jvs快速安装地址：JVS/jvs-docker-compose体验地址：http://frame.bctools.cn/#/login登陆可以通过微信扫码登陆，对于配置数据，请各位技术同学手下留情。部署文档https://gitee.com/software-minister/jvs-docker-compose/blob/master/readme.md**物理拓扑：技术文档地址（微信登陆可查看）：技术栈说明：系统部分截图：登陆页面配置化首页系统基础信息设置框架基础功能应用创建列表配置流程配置表单配置图表配置逻辑配置demo环境：http://frame.bctools.cn/#/login开源地址：https://gitee.com/software-minister/jvs如果还有其他的疑问，可以私信