前端其实入门非常简单,装一个chrome浏览器,随便打开一个网页,鼠标右键->检查 就能调出浏览器调试工具,你选择console 面板,对着书就能敲代码直接运行了,切到elements面板还能看html和css,前端三驾马车轻而易举的就能给你完个遍了,是不是很简单。
偶当你是零基础开始来给你几个步骤吧
1、看书,学习基础知识,如上面说的,书中的代码断都可以在chrome开发工具中运行,这个不难吧,建议先看 javascript高级程序设计,一定要看懂,搞明白几个关键点:作用域链、原型链、事件、DOM,掌握了这几点你应该能写一个简单的html,里面放几个简单的元素,再加点点击事件了吧。
2、学习一个目前流行的框架,建议从Vue入手,上手快,文档全,在学习这块知识的时候,边写demo的时候别忘记了练习css和es6,这是个很好的切入点。
3、偶觉得上面步骤完成了,你可以进入前端开发了,如果不行你就重复上面的1、2步骤,直到有人愿意让你进项目,进入项目后需要学习的就多了,各种脚手架,技术栈、工程化、性能调优、代码质量等等够你学习了,随着你学习的深入和知识面的扩展你就成为大牛了。
好了附图是JavaScript圣经 ,有时间可以都看看,还有多逛逛论坛和github上比较流程的前端框架或者脚手架,学习他们的思路和方向。