javascript 节点.js EmberJS jquery backboneJS 反应 ajax 网页开发 有角度的
技术正在快速发展,Web 开发也不例外。新工具和服务不断涌现,以帮助您打造下一件大事。在 Web 开发中拥有如此多的创新固然很棒,但对于刚开始涉足该领域并且不知道从哪里开始的人来说,这可能会非常令人生畏。
您可能听说过 JavaScript、jQuery、react 等术语。在本文中,我将采用对初学者非常友好的方法来解释这些词的含义,特别关注 javaScript 与 jQuery 和 React 的关系,以及作为前端开发人员经常听到的其他流行语.
什么是编程语言?
如果您是该领域的绝对初学者并且以前从未做过任何类型的编码,您甚至可能不确定编程语言到底是什么。
将计算机程序视为一组关于如何做某事的指令。我敢肯定,您已经看到我们需要如何第一次向孩子们提供详细的分步指导。说明的语言可以是英语、中文、印地语、西班牙语或其他任何语言。关键是孩子们应该能够理解你想让他们做什么。
它有点复杂,但计算机在这种方式上与孩子相似。你需要给他们非常具体的指示来完成工作。不同之处在于,计算机需要更多的指令,而且它们总是会按照你的指示去做。用于向计算机提供这些指令的语言称为编程语言。
这只是对编程语言工作的简单看法。如果你想更深入地了解编程语言的历史和理论,我建议你从这篇文章开始。
就像人类语言一样,周围有很多编程语言。他们都有自己的长处和短处,使它们对不同的任务有用。有些用于为智能手机开发应用程序(如swift和 Java),有些用于创建网站(如 JavaScript 和 PHP),而另一些可能用于创建操作系统(如 C 和 C++)。名单还在继续。
什么是 JavaScript?
您可以仅使用原始 html 来创建整个网站。它向计算机提供有关在webp时代显示什么的说明。但是,HTML 不是一种编程语言。它是一种标记语言,正如其全名:超文本标记语言所暗示的那样。标记语言旨在描述内容,而不是向计算机发出指令。此外,单独使用 HTML 创建的页面通常看起来不太漂亮,而且它们的交互性也不是很好。
您可以通过添加与 HTML 一起使用的 CSS 来使网站更具视觉吸引力。CSS 用于告诉浏览器应该如何显示一段特定的 HTML。CSS 也不是一种合适的编程语言。它只是告诉计算机如何设置网页样式。所以 HTML 告诉计算机要显示什么,而 CSS 告诉它应该是什么样子。
接下来是 JavaScript。现在,JavaScript 是一种合适的编程语言。它在网络浏览器或服务器上运行,可以做很多事情。前端 Web 开发人员使用 JavaScript 向网页添加交互性和功能。这可以包括显示通知或弹出消息、响应鼠标点击、创建动画或验证数据等内容。它还可以用于在网页加载后动态更新网页的内容。它还用于后端,用于存储和共享数据。
什么是 jQuery、React、angular 和 vue.js?
您很有可能听说过在 Web 开发环境中提到的这些术语之一。它们基本上都是为解决一组独特的问题而编写的基于 JavaScript 的库和框架。
尽管 JavaScript 非常强大,可以用来创建几乎任何类型的基于浏览器的应用程序,但从头开始编写每个应用程序的代码可能既耗时又重复。这就是库和框架的用武之地——它们编码了一些用于创建应用程序的常见模式和最佳实践。通过创建一个在其上构建应用程序的平台,JavaScript 库和框架为开发人员节省了大量时间。
在本节中,我将对这些库和框架进行简要说明。
jQuery
jQuery 长期以来一直是最流行的 JavaScript 库之一。它帮助许多编码人员加快了 Web 开发的步伐。它不是最前沿的库,但它处理了大量必须由前端开发人员完成的工作,以提供跨浏览器的一致用户体验。该库还附带了许多方法,使dom遍历和操作(更改网页的内容)成为一项简单的任务。
自 jQuery 早期以来,情况已经有了很大的改进,但使用该库仍然可以比普通的 JavaScript 更容易地做事情。
反应
React 也是一个免费和开源的基于 JavaScript 的前端库。其目的是构建交互式用户界面。您可以使用它来构建单页应用程序。
角
Angular 是一个用于构建移动和桌面 Web 应用程序的框架。与 React 类似,其目的是构建交互式用户界面和单页应用程序。Angular 实际上使用 typescript,而不是 JavaScript,但语言非常相似。
Vue.js
这是另一个可用于构建单页应用程序和 Web 应用程序的框架。它比 Angular 更小更容易学习。
您可能会不时听到更多的库和框架。如果您刚刚开始,请不要担心所有这些库和框架。从 JavaScript 的基础开始。尝试使用该语言创建一些简单的项目,而不依赖任何库。
学习语言本身比直接跳入框架更重要。如果您开始创建复杂的东西,无论您使用的是什么库或框架,您总是需要对 JavaScript 有深入的了解。
如何开始?学习 JavaScript 的基本概念
在开始考虑创建实用的东西之前,熟悉 JavaScript 的基础知识很重要。如果您以前从未做过任何编程,那么某些技能和概念对您来说可能看起来很陌生。
一旦您至少学会了一种编程语言,事情就会变得容易,因为基本概念保持不变。不同的语言可能会引入新功能并摆脱其他语言的一些限制,但这些都会很容易学习。
如果 JavaScript 是您想学习的第一门语言,那么您应该考虑理解一些基本概念。当您开始学习其他语言时,它们通常也会有所帮助。
变量
变量是所有语言的重要组成部分,不仅仅是 JavaScript。您可以使用它们来存储和操作有关任何内容的信息,例如跟踪网页上的图像总数。
不同的语言在声明变量以及这些变量的值将在何处保持良好定义等方面有自己的规则。MDN在其介绍性系列中提供了大量有关变量的信息。
数组
假设您要跟踪src
网页上不同图像的属性值。想出一个唯一的变量名来存储它们很容易出错并且没有太多实用性。您很可能希望将它们作为一个整体进行操作。这是数组变得有用的地方。
这个 MDN 教程很好地涵盖了JavaScript 中数组的基础知识。
字符串
字符串用于存储文本信息。这可以是单个字符或整个句子和段落。一旦 JavaScript 知道您将字符串存储在变量中,它就可以让您访问许多有用的方法。
再一次,MDN 将教你所有你需要知道的字符串基础知识。
职能
在编写代码时,有些事情你会一次又一次地做。这可能包括诸如创建给定颜色的较深阴影之类的事情。使用函数可以帮助您避免代码重复。您编写代码并为其命名,以便从不同的地方再次调用它。
功能在 MDN 上也有详细描述。关于页面上的功能,您将在那里学到很多东西。
通过免费在线课程学习 JavaScript
如果您想成为一名 Web 开发人员,这门课程适合您。在本课程中,Envato Tuts+ 讲师 Jeremy McPeak 将教您开始 Web 开发所需的一切。您将从学习如何使用 HTML、CSS 和 JavaScript 创建网页开始。
您将学习如何在 jQuery 和 vanilla JavaScript 中进行 DOM 操作、获取JSON 数据、使用 CSS 转换等等。
不仅如此,您还将继续学习后端 Web 开发的一种基本语言:PHP。您将学习如何在自己的计算机上设置服务器进行开发,以及如何创建简单的 PHP 应用程序来呈现网页。到最后,您的应用程序将能够从用户那里接收数据并做出响应。
这比你想象的要容易!
如何成为一名 Web 开发人员
我可以在哪里以及如何练习我的 JavaScript 技能?
学习任何技能的最好方法就是开始做。这也适用于您想学习的任何新的编程语言。在本节中,我将向您展示可将 JavaScript 技能提升到新水平的步骤。
浏览器控制台
无需安装任何特殊应用程序即可运行 JavaScript。您可以开始在桌面浏览器中编写和运行 JavaScript 代码。桌面浏览器带有一个您可以使用的 JavaScript 控制台。这是 Firefox 中浏览器控制台的屏幕截图。
在线工具
如果您刚刚开始,在浏览器控制台中编写代码非常棒,但您有时需要编写更复杂的代码。有许多网站具有用户友好的界面,允许您编写 JavaScript 代码以及 HTML 和 CSS。
想到的两个流行的是JSFiddle和CodePen。
从开源项目中读取代码
编程的一个很棒的事情是人们会根据自己的思维过程来解决不同的问题,从而产生一些独特的解决方案。
一旦您确信自己了解 JavaScript 的基础知识,就应该开始为不同的事物实现自己的解决方案。然后,您可以前往 GitHub 并阅读与您的项目类似的项目的源代码。无论您是否可以自己实现它,这都是有益的。
最后的想法
我们在本文中的目的是帮助那些可能从未学过任何编程语言并想从 JavaScript 开始的人。希望您现在对什么是编程以及如何开始学习 JavaScript 有了基本的了解。
- jQuery
- 反应
- 角
- Vue.js
- 变量
- 数组
- 字符串
- 职能
- 浏览器控制台
- 在线工具
- 从开源项目中读取代码