只有后端开发经验，我如何进入前端开发(js，html，css)？

Question

目前，我在一家公司实习，作为一个“完整的”开发人员(职务上的应用程序开发人员)，我意识到我在处理眼前的任务时遇到了困难。尤其是当我负责实现一个新的前端特性时，我可以看到自己很难掌握前端开发哲学和结构的诀窍(在这里，我觉得HTML和javascript是如何协同工作的，并且添加Angular.js使它变得更加奇怪)，与后端相比(拥有静态类型化语言(Java、C#)，能够找到方法来查看如何定义所有内容，并且能够轻松地遍历代码)。

注*我将后端定义为休息幕之后的所有内容，服务器执行的代码和休息幕之前的所有代码，用于web浏览器的代码。

在过去，我所有的工作和实习都是使用后端代码、服务器、数据库和文件。对于黑客，我专门做后端架构，而我的队友做前端编码。

话虽如此，在只有后端经验的情况下，进入前端开发的最佳方法是什么呢？特定于语言的，了解javascript和angularjs如何使用HTML的最佳方法是什么?我如何遍历这些语言来找到所有东西是如何连接的？

这个问题背后的理由是寻找方法开始理解Javascript、HTML和CSS及其衍生工具是如何工作的，这样我就可以更好地理解它是如何工作的，以及如何遍历/编程它。我了解基本的JS语法，通过网络课程，但它是如何集成在网页设计。

Answer 1

你是如何开始成为后端开发人员的？当时一定感觉很相似。但你成功了。我相信你也会这么做的。

以下是我建议你学习的方法：

1. 首先了解html。这应该是非常容易和迅速的。
2. 学习CSS。而不是掌握它。熟悉它的大多数属性(如果您不掌握flexbox，只要您知道它的存在就没有问题)和所有CSS3选择器类型(您应该确切地知道它们是如何工作的)
3. 玩一点#1和#2
4. 了解DOM并了解javascript如何工作和与其交互
5. 学习jQuery和异步通信- Ajax
6. 深入学习Javascript，比如原型中的OOP。
7. 学会角质。

最终，这一切都应该到位，并且是可以理解的。

Answer 2

我可能会从基本的HTML和CSS开始。

当你已经知道如何编程的时候，这并不难。

首先，我将使用HTML、CSS和Javascript创建一个个人项目。

如果您熟悉js，请继续使用jQuery。

我认为问题在于，你同时也在努力取得很多成就。

尽管如此，现在网上有很多资源，可以学习基本的前端.

Answer 3

简单的回答是读一本关于角度的好书，再读一遍，然后练习编码，很多。也就是说，如果您从未使用过UI，这可能是一个有趣的挑战，因为您可能缺少一些基本的概念信息来帮助您将其整合在一起。

下面的内容假设您知道HTML标记是什么，以及表单元素是如何工作的。如果你不这样做，这将是一个漫长的过程。

数据绑定，或“如何让您的狗自动跟”

考虑以下HTML：

<span id="name"></span>

由于您是服务器专家，我想您知道，除了向客户端提供XML和JSON之类的内容之外，还可以向浏览器提供HTML页面。如果您可以从数据库中查找一个值，将其插入到span标记的中间，然后将其输出到浏览器中，那么该怎么办？

<span id="name">Rufus McGillicutty</span>

这可能是最基本的数据绑定形式:用数据库中的内容填充页面的元素。你甚至不需要知道Javascript或CSS就行了。Javascript框架通过操作DOM来进行数据绑定，而不是将字符串粘贴到服务器端。

表单，或“这是您键入名称的地方”

。

如果你有一个

<form></form>

然后，当用户按下SUBMIT按钮时，可以以该形式获取任何控件的值。有一些方法可以将这些值绑定到数据对象，现在可以将一些数据插入到数据库中。

，这简直是糟透了，伙计。

创建，读取，更新，删除。这些是您需要支持的操作。嗯，还有“点菜”之类的东西。如果您做过任何重要的服务器工作，那么您应该已经熟悉了这一点。

这一切都是关于架构

的

希望您已经听说过像MVC和MVVM这样的缩略语。您应该研究这些，而不是为了了解确切的复杂性，而是更多地了解为什么这些组织原则能够很好地构建有用和可维护的用户界面。

你应该学习、理解和了解以下术语：

Model
View
ViewModel
Controller
Service Layer
Data Layer

请注意，角可能不是最好的前端框架，首先学习。在这方面，淘汰赛可能更适合，因为它更简单，学习曲线也不是很高。您还应该至少对jQuery有一定的了解。