偶身边的同学，从C语言到JAVA到前端开发，学了有将近3年的时间。毕竟大家的专业不是软件过程，只能自学或者在外面报班。偶当时也在外面报班了，偶学了有1年半的时间，花了有4千元左右。最后偶没有学，主要是对编程真的不来电，发现对互联网产品和运营更感兴趣。
当然，不止学习了这3个方面的知识，还有C++,数据结构，操作系统，JSP+Servlet+JavaBean，Struts+Hibernate+Spring，Ajax。这些都是前期的课程，具体确定你的工作方向后，还要学习你方向的知识。大家不要认为学前面的没有用。学习编程，建立一套编程思想是最重要的，用程序员的思考方式去思考问题。后面的各种编程语言其实都是建立在前面的基础之上，所以掌握编程的核心，万变不离其宗。即使后面有新的编程语言，学习起来也不是太困难。
你要做的有以下几步：
了解前端
网站的开发和开发分为前端和后端两个部分。前端主要负责实现可视化和交互效果，并与服务器通信完成业务逻辑。其核心价值在于追求用户体验。
知道前端的工作流程：
基础学习【急于求成的，可以略过】
在这里，偶只介绍入门级别的web前端，至于进阶过程，等你工作了，领导和生活会逼着你学习。
偶看过一些培训机构，他们大多数都是直接教前端编程需要的H5、CSS3、Javascript、等等，不会教编程的基本基础。宣传基本上都是3个月掌握前端之类的。要知道，这就是为什么企业宁愿招生本科是计算机相关专业的学生的原因？大学4年，除去大四，一般大学的课程都是先打基础，再上专业基础课，再上专业课，再上专业选修课。这样上的好处就是专业基础很好。而那些3个月就出师的培训机构，是直接就教你编程，在最后几周，给你教一个项目，一些面试技巧，然后你凭着这个去找工作。工作找到了，老板让你负责项目里的一小块，这个时候，会出现很多问题。大家不要觉得荒唐，偶一个高中同学就是这样的，最后在公司里呆了一周，主动辞职，又开始自学了。
偶说这个的原因是，如果你打算以后靠这个工作，而且有一颗上进的心。偶建议你：
学习C语言。别问偶为什么，偶就是觉得一个程序员应该要学过C语言，牛逼不牛逼是另外一会事儿，况且很多书都是用的C语言描述。别光学语法，弄清编译是什么，链接是什么，指针是又怎么一会事儿。
学习数据结构和简单的算法。你看，你学完C语言就能学数据结构和算法了，偶难以想象用 php 来描述数据结构和算法会有多么地奇怪。如果你觉得学了之后还是不知道数据结构究竟是什么，有什么用，那证明你还没有真的学到。
学习一门面向对象的静态编程语言。推荐 Java。学得有多好，就看你花了多少时间了。请务必仔细阅读各类相关书籍，深刻领会面向对象的重要编程思想（不过，切忌迷信面向对象编程）。
学习操作系统和计算机网络。至少一些基本的概念需要弄清楚，具体的细节，没有必要过于纠结。
进入前端学习
基础：推荐一个学习网站：
它是一个专门为0基础学习者准备的网站，从0开始学习WEB。课程设置很平滑，先是一些理论，然后是一些小实践，像打游戏一样，要一关一关的打通关。还有团队合作，你可以和你的小伙伴一起做一些任务，小项目。关键是，你完成课程后，会给你颁发证书，就像对你学习过程的记录。
偶觉得这个很适合，自制力不太高的学习者。前端总共学习400个小时，还有其他编程系统课。如果你想提升自己，也可以学习。
用 HTML + CSS 模仿几个漂亮的静态页面。
当你看到现在大部分的网页都觉得能大概猜到怎样做，并且花时间真的能做出来的时候，即可进入下一步。注意，这个时候请你不要管浏览器兼容性或者太过注意代码的优雅结构，因为没必要。做到能兼容现代浏览器，内容和样式基本完全分离即可。这大概需要半个月到一个月的学习时间。
用 HTML + CSS + JS 写几个有交互的页面。
例如，你可以写一个漂亮的注册页面，它能够验证各种输入是否符合条件并且有一个用原生 JS 实现的日期选择器（Date Picker）。或者，写一个漂亮的，有动画的相册。注意，这个阶段请使用原生 JavaScript。同样的，兼容现代浏览器即可。这大概需要半个月的学习时间。
入门一门后端语言。
以前的工程师必须知道至少一种后端语言，但如果爱好也可以深入研究，那么较低的难度应该是PHP。这一部分可以分为基于两个框架的页面。大型项目基于框架开发。建议了解至少一种MVC框架，如PHP的CI，Yii，YAF，等，和框架的设计思想非常相似。现在NodeJs已经被广泛的应用于大企业，并建议人们使用表达框架节点做一些后端服务。
入门一个关系数据库。
比如说 MySQL。DDL 和 CRUD ，请一定要熟练。恩，这个阶段不要谈什么优化，那是扯淡。现在，你大概可以做一个多用户的博客程序了。这大概需要半个月的时间。
交互设计
最前面已经介绍了，前端的工作主要是实现界面美化和交互体验。什么是交互？交互的对象就是用户，给用户好的体验。给你推荐几本偶看过的书：
《用户体验要素》
《About Face 3 交互设计精髓》
《简约至上》
偶相信有很多人和偶一样，下了一个APP，发现：什么界面吗？好难看？想找一个东西不好找。功能块的区分不明显等等，这些都是交互的事。
以上就是前端工程师的入门阶段。如果对你有用，请点个赞吧！如果你有不同的想法，可以留言，偶会回复的。
使用vue或者react的前端开发流程一般分为下面5步（仅供参考）：
1.评需求 2.美工出图，前端架构，mock,写出基础组件 3.搭出整体框架 4.业务代码 5.样式走查
1.找个差不多的页面拷过来
2.按实际业务调整
3.调试看看效果
4.出错或效果不好，改正确
5.重复3，直到所有人满意
偶是搞winform开发的，前端开发应该也是这么回事吧。大家前端都是自己搞定的，客户喜欢就好，管它好不好看。
如果觉得《前端网站开发流程图 web前端学习教程流程有什么 – 前端技术 – 前端》对你有帮助，请点赞、收藏，并留下你的观点哦！
