前端工程师“0”基础实训班

从“看不懂网页”到“能写出骨架”的跨越

很多初学者在接触前端时，最大的障碍不是代码难，而是缺乏对网页本质的理解。明明背下了几十个 HTML 标签，打开浏览器却是一片空白，或者布局乱七八糟。这门课程针对的正是这类“眼高手低”的问题，它不谈高深的框架，而是回归原点，解决“如何从零构建一个标准网页”的基础能力缺口。对于没有任何编程经验、甚至分不清文件夹和代码文件区别的学习者来说，这是一个极其友好的入门起点。

课程并没有一上来就扔给你一堆标签语法，而是先用两节内容带你“走进前端工程师的世界”。这部分非常关键，它帮你理清前端工程师在日常工作中到底在做什么，以及浏览器是如何将代码渲染成可视页面的。只有理解了背后的逻辑，后面学习 HTML5 细节时才不会觉得枯燥。随后的 HTML5 基础系列，从最基础的文档结构讲起，逐步深入到语义化标签、表单、多媒体等核心内容。这种由浅入深的安排，特别适合那些之前自学过但一知半解、急需查漏补缺的学习者。

学习路径与实战产出建议

建议的学习顺序是：先完整观看前两节的前端职业导论，建立宏观认知；然后进入 HTML5 基础模块，每看一节视频，必须暂停并在本地编辑器中手动敲一遍代码。切忌只看不练，编程是技能而非知识，手不写永远学不会。特别是那节长达 33 分钟的视频，通常涵盖了较为综合的结构案例，务必跟着老师一步步复现，遇到报错不要慌，这正是发现盲区的好机会。

学完这套内容后，你应该能够独立完成一个结构规范、语义清晰的静态网页搭建。具体来说，你能准确使用 header、nav、main、footer 等语义标签划分页面区域，能熟练处理表单元素和超链接，并能解释清楚为什么这样写更利于维护和 SEO。这是前端开发最坚实的基石，后续的 CSS 样式美化与 JavaScript 交互实现，都必须挂在这套正确的 HTML 骨架上才能发挥作用。

• 门槛要求：无需任何前置知识，只要会操作电脑即可。
• 资料配合：利用课程提供的案例素材，对照视频反复调试，直到页面效果完全一致。
• 检测标准：能否在不参考教程的情况下，凭空写出一个包含导航栏、内容区和底部的标准页面结构。