同样是web前端工程师，我们通常会发现他们的薪资待遇截然不同，web更注重的在于技术。
通过web培训出来的工程师，通常是中高级。自学的web工程师也有可能达到这样的水平，但是前提是必须系统化进行学习。那么初级web前端应该懂什么呢?
首先，Web工程师要入门必须要了解前端、后端、后台的基本概念，同时要了解基本的html、css和javascript语法，最后根据设计师的设计图在不考虑兼容性的情况下把页面做出来。
需要注意的是，入门阶段最关键的就是对所学内容形成一套概念,知其然知其所以然，不要管好那么多细节。
其次，你可以把html、css和javascript分成三个阶段进行学习。
第一阶段：HTML的学习
Html是超文本标记语言，英文全称为HyperText Mark-up Language，这是一个网页的骨架。静态网页还是动态网页，最终返回到浏览器端的都是HTML代码，浏览器将HTML代码解释渲染后呈现给用户。
当然，学习html过程是比较枯燥乏味的，所以你需要更有效的学习策略。依小编看来，你可以借助Dreamweaver的“拆分”视图辅助学习。在“设计”视图中看效果，在“代码”视图中学本质，将各种视图的优势发挥到极致，想必会比单纯记忆HTML标签和属性有趣、有用的多吧?
我自己是一名从事了多年的web前端开发程序员，新朋友在学习web前端开发过程有不懂的可以秋秋裙搜索群名称：小凯前端学习之家，裙里有不错的前端学习教程，开发工具等资料分享，专业的老师答疑 ！从最基础到企业项目实战。
虽然说前端开发发展前景好，但易学难精。由于入门容易这也导致了市场上人员泛滥、人才稀缺的局面产生。但是在互联网越来越强烈的竞争下，这样的人也最终会被市场淘汰。
第二阶段：CSS的学习
CSS是英文Cascading Style Sheets的缩写，叫做层叠样式表，是能够真正做到网页表现与内容分离的一种样式设计语言。
学习css建议可以看相关的一些书籍，如《CSS权威指南》(很详细、很经典!)、《CSS揭秘》 《精通CSS：高级Web标准解决方案》，博客和专栏等也可以浏览。
第三阶段：JavaScript的学习
JavaScript是一种在客户端广泛使用的脚步语言，在JavaScript当中为我们提供了一些内置函数、对象和DOM操作，进而实现客户端的特效、验证、交互等。
建议可以看《javascript语言精粹》，js是一门很混乱的语言，这本书能够帮助你区分哪些是语言的精华，哪些是糟粕。如果是精华部分，我们在后续进阶部分可以深入研究，而如果是糟粕部分，那么只要大概看懂别人写的渣代码就可以，自己还是不要尝试为妙。
通过这三个阶段的学习，我们就可以往更高级的web前端工程师进阶了!
附Web前端工程师学习图:
来源：https://blog.csdn.net/qq_45503249/article/details/101145508