HTML5+CSS3新手怎么学习

随着移动互联网的发展，web前端逐渐受到企业的重视，前端开发人员的薪资也水涨船高，越来越多的人看好前端行业的发展，想要转行加入。下面，给大家分享一份web前端学习路线图，希望对初学者有所帮助。Web前端行业的发展，让前端人员能完成比以前更多的职责范围，所以未来前端可以宽口径就业，前景非常好。

对于零基础的人而言，要怎么学习web前端呢?

1、 前端页面重构。主要内容为PC端网站布局、Photoshop 工具及切图、H5移动端网页布局、HTML5+CSS3新特性与交互。学习目标是完成PC端网站布局，可实现响应式布局，一套代码适配 PC 端、移动端、平板设备等。

2、 前后端网页交互。主要内容为JavaScript语法全面进阶、ES6 到 ES10 新语法实践、jQuery 应用及插件使用、设计模式及插件编写、封装JS工具库及Web APIS、AJAX+PHP+MySQL前后端交互、前端工程化与模块化应用以及PC 端全栈开发项目等。学习目标是可以掌握前端工程化工具，如 git、gulp、webpack 等，搭建项目及开发项目。

3、 Node.js + 前端框架。主要内容为Node.js 全面进阶、Koa2+MongoDB搭建服务、Vue.js 框架、React.js 框架、小程序云开发与小程序框架、原生APP与混合APP、数据可视化与桌面应用等。学习目标是掌握桌面应用及可视化大数据，实现复杂数据展示类项目，能够独立完成前后台相关功能，胜任HTML5全栈开发工程师职位。很多学习web前端的朋友都希望在学成后能找到一份满意的工作，所以我们在学习过程中一定要注意实战经验的积累，如果你所学的东西对企业没有用，那你所做的一切都是无用功

看过这本书，感觉有很多冗余无用的信息。

其实学前端，主要还是靠实践。

首先，看一些基础的知识，这些内容，w3school就都包含了。

然后，做一些简单的项目，后端可以拿个现成的cms，前端尝试写。

并且，还要多看别人做的好的东西，看到好的网页，就要按f12，看一下源代码。

最后，当你到了中等水平，多上github看看开源程序，并亲身参与其中。对关注大牛博客，并且自己也有一些沉淀！

0基础自学html和css可按以下方法：

1、现在直接学HTML5觉得不太现实，除非有公司打包票只要你学完就要你。

①因为现在HTML4.01仍然是主流，市场要过度到HTML5是需要些许年份的，而且主流浏览器对HTML5与CSS3的支持并不完全。

②你没经过HTML4.01及XHTML1.0的开发时的各种Hack和各种兼容问题，你对浏览器就难以有一个全面的认识，你的经验也缺乏信服力。

③最重要的是学了HTML4.01再去学HTML5和CSS3的新标签和属性，概念上会更容易理解。

2、HTML的标签和css的各种属性样式，至少你要知道他们的存在个大体功能，保证在需要时，能通过查文档后马上能运用。通常每本书都有小实例，学习时，理解就行。

3、学习的书一大堆，但对于0基础的初学者，应该先有模糊的概念，再深入理解。可以先把W3School里的或MSDN里的HTMl和CSS知识都过一遍，实在不懂的就跳过，保存热忱，然后再读更丰富的书加深理论。

4、并不建议报成考，因为成考的很多科目的知识是对你的工作没有实际作用的，只是理论上的东西。学历不重要，实力才是王牌。很多人刚开始就学那么拗口枯燥的理论，结果起初的热情没了，到头来更不值，学习的那份热情很重要。

---