Web前端培训：前端学习3步，值得收藏

因为经常被问到类似的问题，今天我就详细告诉大家学习前端开发必须掌握哪些内容？

第一阶段

学习HTML

未转义的HTML 和CSS。无论您使用什么框架，HTML 和CSS 几乎总是存在。所以不要试图绕过他们。您应该已经学习了如何创建HTML 页面，现在学习如何将页面划分为多个部分。专注于正确的结构，暂时不要担心美观的部分。

学习CSS

CSS 或级联样式表为HTML 页面增添美感。如果你想要一个列表，那么学习CSS 网格布局、Flexbox、媒体查询和响应式CSS。至少学习一个CSS 框架。如果您不确定该选择什么，我建议选择Bootstrap。它将帮助您使用更少的CSS 和一些良好的设计模式构建专业的Web 应用程序。

学习基本的JavaScript

考虑到一旦开始使用框架，您就不会编写简单的旧式JavaScript，但是，学习基础知识将对您以后有很大帮助。此时，您可能会遇到一个叫做jQuery 的东西。

jQuery（一个简化DOM 操作的库）曾经统治过JavaScript 世界。然而，现在它在新项目中使用得不多，并且可能不会给您的时间增加太多价值。在Web前端培训中，会有很多框架学习和应用课程，可以帮助你快速掌握前端技能。

第二阶段

学习包管理器

现代JavaScript 框架至少需要一些包管理器的知识。包管理器只是管理应用程序将使用的各种依赖项的一种方法。包管理器帮助我们利用所有这些代码，这样我们就不必编写已经存在的东西。

选择哪个JavaScript 框架？

有很多，但主要的是三个：React、Angular 和Vue。

React 可用于创建交互式UI。 React 是当今开发人员中最受欢迎的，因为React 非常容易学习。如果您有一个非常动态的DOM 并且需要大量基于用户交互的操作，React 会很棒。

Angular 可用于构建Web 应用程序。如果将Angular 与React 进行比较，您可以说Angular 是一只1000 磅重的大猩猩。 Angular 中的表单处理非常出色，对于在填写内容时需要大量用户交互的企业应用程序非常有用。

Vue 是另一个流行的框架，它显然试图在React 和Angular 之间找到一条中间线。除非您有只能通过Vue 解决的非常具体的需求，否则我建议使用Angular 或React。

如果有时间，不妨尝试学习一下这三种方法。它将打开你的视野，让你成为更好的前端开发人员。如果你没有很多时间，可以考虑参加Web前端培训。您可以在短时间内学习这三个框架并掌握其使用技巧。

第三阶段

现代JavaScript 发展非常迅速，甚至这些框架也在快速发展。生态系统正在迅速扩张，还有其他框架不断涌现，如果你想保持领先地位，你应该不断学习。您可以研究的内容包括：

渐进式Web 应用程序，使Web 应用程序像本机移动应用程序一样工作。

Webpack、Babel 等工具框架。

ES6、ES7 语法

各种测试框架，例如Jest、Karma 和Mocha。

如果您有兴趣使用JavaScript 构建移动应用程序，请查看React-Native、Flatter 等。

使用SPA框架的服务器端渲染。