javascript语言精髓与编程实战
想学web前端，零基础可以学么？
想学web前端，零基础可以学么？
系统学习前端路线
环境要求
浏览器，一个文本编辑器，再简单点国内有runjs网站可以在线编辑
环境准备好之后，就是基础学习了
web分为三块
第一块html要学会标签的用法，语义化标签等内容
第二块css样式，可以说html是页面的骨架, css是页面的衣服。
第三块JavaScript语言基础，dom.操作，bom操作等
学习网站推荐 菜鸟教程，mdn文档
书籍推荐
JavaScript高级程序设计
html和css看菜鸟教程的就行
进阶
学会了基础之后，可以写简单的静态页面了，然后当下企业开发多为node端开发，打包编译成网页页面。所以需要掌握一门前端开发框架
vue react二者选一个就可以，这两个都有自己的代码模板生成器，所以再进阶才需要涉及到打包编译的知识点，需要了解一种打包的工具，当前市面上使用的是webpack这个工具，需要了解一下它的知识点。
当下最流行的了JavaScript语法是es6规范下的js语法
推荐 阮一峰写的es6方面的书籍
这个时候会接触到babel库，也是配置配置就好。
最后在github上找一个开源的后台管理页面，动手重头到尾敲一遍，OK你已经可以上手开发企业中的一些应用了。
后期还有更多需要学的，就不介绍了，前面这些入门是没有问题的。
关于前端书籍和视频我的公众号中有分享。
可以关注回复，领取资源自己看看关于前端的书。
微信订阅号 苏鑫的博客
web前端学习教程流程有什么？
谢邀。
好大的问题呀，而且题主又说要系统地学，又说学着玩，本身就有点矛盾。
我不是真正意义上的前端，不知道能不能帮上忙。
Web前端这些年发展太快速了，五花八门的各路框架，各种解决方案，看得都眼晕。甚至还出现了需要编译才能执行的前端框架，这对我们这种老头子来说简直是毁三观的事情。
我们那会儿根本不分前端还是后端的，而且前端工作主要也都是原生js/ajax和dom的编程。
现在的前端把原生封装得很好，但是我觉得对于开发人员来说，虽然提高了开发效率，但是不见得是好事。前端框架不同于后端，哪怕再五花八门，实际上都可以看作是各种大号的小号的花式的语法糖。
就像最近有消息说Node的创始人和伙伴们开始嫌弃Node了，要捣鼓新东西了。这对于部分基础不扎实的开发人员来说简直就是灾难新闻吧。
万变不离其宗，在出现颠覆性的东西之前，Web前端说到底也摆脱不了那些原生的东西。
所以我觉得，如果有心学好的话，了解一下原生的东西其实还是有必要的。
至于现在的各种框架，我自己也不精通，就不瞎说了吧。