总结：
第一步，必须掌握基本的web前端开发技术，其中最常用也是必须掌握的为：HTML、CSS、JavaScript，，在掌握这些技术的同时，还要清楚地了解他们在不同的浏览器上的兼容情况、渲染原理和存在的bug。
第二步，在掌握基本的知识结构中，网站性能优化，SEO和服务器端的基础知识也是必须掌握的。
第三步，必须学会运用各种工具进行辅助开发。
第四步，除了要掌握技术层面的知识，还要掌握理论层面的知识，包括代码的可维护性、组件的易用性、分层语义模板和浏览器分级支持。
关于学习web的自制roadmap
原文地址：https://www.cnblogs.com/duxingrui-99/p/9612703.html