web前端学习教程流程有什么？
web前端作为下一代网站开发技术，无论你是一个Web开发人员或者想探索新的平台的游戏开发者，都值得去研究。借助尖端功能，技术和API，web前端允许你创建响应性、创新性、互动性以及令人惊叹的漂亮网站。更进一步，你也可以使用web前端创建原来只能用于桌面平台上的复杂应用程序。
挑选了10个适合初学者的web前端入门教程，带你踏上web前端之旅。
1. HTML5教程4 U
对于初学者，HTML5 Doctor网站是开始学习的很好的地方，你可以编辑代码，查看输出结果。
2. 使用HTML5和CSS3创建一个下拉导航菜单
了解如何使用新的HTML5标签和CSS3创建一个简单又时尚的下拉菜单。
3. 使用HTML5和CSS3光滑的登录表单
使用CSS3和HTML5创建漂亮的登录表单，不需要任何JavaScript代码。
4.使用HTML5，CSS3和jQuery创建下拉式登录框
这是一个简单的教程，可以帮助你使用CSS3，HTML5和几行jQuery代码创建一个漂亮的下拉登录表单。
5. 使用HTML5, CSS3 and jQuery创建可爱的弹出栏
按照这个简单的教程中的步骤来建立一个弹出页面顶部的信息栏，你可以用它来显示从新闻、最新的博客文章等。
6. 如何创建一个很酷和实用的CSS3搜索框
了解如何使用HTML5的占位符属性来创建一个很酷和实用的CSS3搜索框。
7. 使用HTML5创建一个有吸引力的在线演示文稿
本教程将教你如何使用HTML5的标签，nav, menu, section, aside和header制作漂亮的演示文稿。
8. HTML5灰度图像和悬停效果
你可能已经在其他网站上看到过这样的效果。按照本教程中的步骤学习如何使用HTML5和jQuery来动态地把彩色图像转化为灰度模式。
9. HTML5幻灯片 – 使用Canvas and jQuery
了解如何创建一个优雅的幻灯片过渡效果。
10. 学习如何制作好看的HTML5表单
Learn how to style a nice looking HTML5 form using some CSS3 techniques.
了解如何使用一些CSS3技术制作一个好看的HTML5表单。
以上就是为大家分享的适合web前端技术的入门教程，希望本篇文章对准备学习web前端的小伙伴有所帮助，想了解更多web前端相关知识记得关注千锋武汉官网。
作为一个正在经历培训的入坑者给你点建议
1、html+css h5+c3
2、javascript （分初级+webAPI+高级）
3、jquery
4、ajax（蛮重要）
5.、Node.js （重要）
6、Vue（或者Anglar、React，前端三大框架至少需要会一个，推荐Vue，毕竟国人开发的，文档是中文的）
其他的像微信小程序有兴趣也可以去学，我也是刚入门，还有些知识点可能不清楚，这些只是个大概的线路
谢谢邀请！
Web前端开发现在越来越重要，一改前些年重后台轻前台的情况，前端的待遇也得到了明显的提升，所以学习前端也是个不错的选择。
前端虽然好上手，但是内容也比较多，合理的规划能节省不少时间，也能有更合理的知识结构。
第一步应该从HTML开始，现在的html5从手机端到pad再到pc端都有广泛的应用，这部分内容结构清晰，实验也比较好做，有个文本编辑器就能进行代码编写，而且html语法结构没有严格的要求，即使写错了也能运行，所以比较适合初学者。这部分内容学习结束后，可以自己搭建一个个人网站，练习的同时也能提高自己的自信心。
第二步应该学习CSS，这部分内容可以规范化和模块化html的代码，通过css可以在不修改html代码的情况下改变它的显示风格，所以css就像是html的样式设计者。这部分内容并不复杂，但是需要做大量的实验。有一些命令需要记忆，但是并不复杂。
第三步应该学习Javascript，这部分内容颇为复杂，涉及到的内容也比较多，当然它的功能也更为复杂，可以写逻辑代码，能够完成大量的控制功能。学习js是整个前端的重点和难点，建议多做实验。
第三步是学习各种前端框架，这部分内容就比较多了，现在流行的框架也比较多，比如Bootstrap，Foundation等，这部分内容建议一边工作一边使用，而且变化较快。
剩下的就是经常到前端社区多跟大家多多交流，把握最新的开发趋势。
希望我的回答能给你帮助。