javascript社区,JAVaScript

学习编程一般要怎么做

学习编程一般要这样做：

1、打好基础

当你开始学习编程的时候，首先你要确定的东西是“基础”。要打好基础，你需要学习计算机科学。

现在，我们可以在网上找到很多针对初学者的课程。互联网的确为初学者提供了便利，你可以通过网络找到大量有用的信息。因此，你得花时间研究一下这些信息，从中选择最适合自己需求的。

2、建立耐心

作为一名程序员，要想获得成功，首先要建立耐心。它可以令你在经历了无数次打击后，仍然能够站起来，让你随时作好准备应对失望。

耐心可以帮助你成为一个更出色的问题终结者，它还可以提高你对计算机的认识。计算机的概念是很复杂的，它要求要灵活，耐心和努力工作去理解它。绝大多数时候，当初学者开始学习编程的时候，他们并没有正确的期望。

在初学阶段，你不要期待想获得一切，寄望过于乐观是危险的。由于不正确的期望，很多初学者很快就放弃了，转而学习其它东西了。要对付这个问题，你应该建立耐心，并且要想着最终的目标。

3、设定目标并向目标前进

设定目标是一种有力的，有激励性的方法，鞭策着你不断进步。例如，当你开始学习PHP的时候，你可以设定一个目标，要求自己完成一个简单的项目。

一旦你的目标达到了，再设定另一个，并重复这个循环。 编程的学习和提高是永无止境的，因此不断地为自己设定目标，而且不要忘了你的主要目标。

比如，你可以尝试设定以下这些简单的目标：

（1）使用CSS和JavaScript创建一个计算器；

（2）使用HTML, CSS 和JavaScript开发一个自适应网站；

（3）使用后台编程语言，如PHP, Ruby, Python等开发一个动态网站；

（4）使用JavaScript设计一个简单的2D游戏。

4、多做项目

通过做更多的项目，你不仅可以了解你自己的局限性，而且可以提高你分析和解决问题的能力。毕竟，学习代码不完全是只学习语法，而是要学习如何使用手中的工具去解决问题。

编程还需要具有创意的见解以及要有计划地去做一些有意义的事情。对于初学者，很难产生一个好的项目创意，因此你可以多看看别人的项目。

例如在livecoding.tv 上，你可以看其程序员在线编程，开发产品。这是一个很好的学习机会。通过看别人的项目，你可以获得灵感来帮助你创建自己的项目。

另一个好处是，你可以发现别人在开发项目有可能碰到哪些问题，然后如何解决它们。这些问题在你开发项目的时候，也有可能会碰到。因此这是一个很好的借鉴机会。

5、参与社交编程

学习写代码从来不是“一个人在战斗”。如果你觉得不需要任何帮助就可以创建一个更大的应用软件，那么你就错了。事实上，编程是一项集体活动，如果你想坚持下来，你需要从各种社交平台上获得帮助。

例如，GitHub, StackOverFlow, Livecoding以及其它的社产平台，都是很多程序员聚集的地方。每一个社区都各有特色，选择合适自己的社区，积极参与社交编程，可以帮助你提高技能。

相关问答

Q1: 2019年27个神奇的VSCode工具

Visual Studio Code（更简称为 VS代码 ）是一个轻量级但功能强大的跨平台源代码编辑器，可在桌面上运行。内置支持TypeScript和Chrome Debugger等开发工具，我很快就爱上了编辑器，我用它来构建我的项目。

谁 不 喜欢可供公众使用和贡献的bajillion开源扩展？

如果您正在寻找更多工具添加到您的开发工具包中，我希望本文可以帮助您找到一个新的工具来采用！

并非所有 这些工具都 专门针对JavaScript语言 ，而是针对您和我这样有共同兴趣的 JavaScript开发人员的 工具。 作为一名JavaScript开发人员 ，我将分享在几个方面增强我的开发流程的内容，这些方面围绕着人类五感中的五分之一。

以下是2019年针对JavaScript开发人员的26个神奇VS代码工具

排在第一位的是我最喜欢的Project Snippets - 源自VS Code中内置的原始 用户代码段 。

如果您不熟悉用户代码段，基本上此功能允许您创建自己的代码段以在整个项目中重复使用。

但究竟是什么意思“重复使用”它们呢？

好吧，如果您经常发现自己编写任何类型的样板，如下所示：

实际上，你可以直接将其打入你的用户片段，这样你就不需要写出（或复制并粘贴）整个事物，你只需要输入一个自定义 前缀 来生成你配置它的片段。如果转到“ 文件”“首选项”“用户代码段” ，则可以选择通过单击“ 新建全局代码段文件” 来创建新的全局代码 段 。

例如，要为TypeScript React项目创建自己的 代码段文件 ，可以单击 New Global Snippets File ，键入 typescriptreact.json ，它将引导您到新创建的.json文件，您可以将其用于使用TypeScript构建的反应应用程序。

例如，要从上面的代码示例创建用户代码段，您可以这样做：

有了这个，你可以创建一个.tsx文件，输入前缀，rsr并出现一个生成片段的建议。按弹出窗口上的 选项卡 将生成以下代码段：

但是问题在于，这将持续存在于 所有项目中 （在某些情况下，这些 项目 对于一般的片段来说可能是强大的）。某些项目的配置略有不同，当您需要区分特定用例时，配置代码段的全局文件开始成为问题。例如，一个用例是每个项目的项目结构不同：

对于具有该特定文件/文件夹结构的项目，这可能已足够，但如果您正在处理Link组件具有类似路径的另一个项目，该components/Link怎么办？

注意三个 边界测试 如何用单引号将它们的值包装起来：border: '1px solid red'。这在JavaScript中是完全有效的，但如果您使用样式组件作为项目的样式解决方案呢？语法不再适用于该工作空间，因为样式化组件使用常规CSS语法！

这就是Project Snippets开始闪耀的地方！

如果你喜欢在代码之间编写注释，那么你有时可能会发现搜索过去编写的某些文档的位置有点令人沮丧，因为代码有时会变得有点拥挤。

通过更好的评论，您可以通过介绍彩色评论使您的评论更加明显：

现在，您可以更好地提醒您的团队成员，!或者?引起他们的注意:)

我第一次看到这个扩展的屏幕截图时，我知道我必须采用并将此权利引入我的开发工具包中。编码是我的热情，激情应该是有趣的。所以有了这种心态，这绝对有助于我享受我喜欢做的事情。

一个快速有趣的事实是，有时多一点颜色可以帮助加快发展流程，因为它可以影响血液流动和唤醒。换句话说 - 您 不仅 可以获得 娱乐 ，还可以通过为您的工作流程添加颜色来改善您的 健康 状况！

Material Theme是一个史诗般的主题，您可以直接安装到VS代码中，使您的代码如下所示：

这必须是有史以来最好的主题之一。我不确定如何详细说明主题是多么棒，但这真是太棒了。立即安装并与我一起努力将世界变成一个物质主题世界！（或者不要加入我，只使用主题。这也很酷）

如果您是TypeScript用户：由于TSLint背后的支持者宣布计划在今年某个时候弃用TSLint，您应该开始考虑移动tslint配置以使用ESLint + TypeScript配置方法。

项目逐渐采用@ typescript-eslint / parser和相关软件包来确保其项目的面向未来的设置。您仍然可以使用新设置来充分利用ESLint的大多数规则和兼容性。

对我来说，由于多种原因，stylelint在我的所有项目中都是必须的：

现在我不确定你或其他开发人员在为他们的项目进行头脑风暴时喜欢做笔记，但我喜欢用降价格式写下笔记。

首先，我很容易理解。还有大量的工具可以帮助促进写下降记录文本的过程，包括markdownlint。Markdownlint是一个vs代码扩展linter，可以帮助您在.md文件中进行样式检查。更酷的部分是它支持 更漂亮的格式化 ！

此外，我个人喜欢在我的所有项目上安装Docsify，因为它支持每个项目的降价和其他增强功能。

我习惯在我的应用程序代码中编写待办事项，因此像TODO Highlight这样的扩展对于突出我在整个项目中设置的待办事项非常有用。

Import Cost是第一次尝试时变得非常有用的工具之一。但过了一段时间，你开始意识到你不再需要这个工具了，因为它会告诉你一段时间内你已经知道的东西。尽管如此，请尝试使用此工具一段时间，因为您可能会发现它很有用。

Sometimes it can get frustrating trying to match the other end of a tag. That's where Highlight Matching Tag becomes to take your frustrations away:

说到挫折，有时候回到音乐播放器切换音乐然后不得不回到vs代码继续做你正在做的事情会让人感到沮丧。这就是vscode-spotify的用武之地，因为它允许你在内部和代码中使用spotify！

使用此扩展程序，您将能够在状态栏中看到当前正在播放的歌曲，通过按热键切换歌曲，单击按钮来控制spotify等等！

GraphQL 一直在不断发展，因为我们开始在JavaScript社区的每个角落看到它。如上所述，如果您尚未考虑在处理GraphQL语法时从语法高亮，linting和自动完成功能中受益，那么开始考虑将VSQL的GraphQL安装到您的vs代码中可能是一个好主意。

我个人经常使用GatsbyJS，因此我的日常编码生活涉及阅读GraphQL语法。

与上面的 突出显示匹配标记 类似的原因。如果您无法通过缩进找到自己的方式，那么Indent Rainbow可以帮助您更轻松地阅读这些缩进。

这是一个例子：

这是其中一个扩展，其中 每个人都 问我“你从哪里得到的？” 如果他们还没有遇到这个扩展。基本上，Color Highlight有助于突出显示代码中的颜色，如下所示：

Color Picker是一个vscode扩展，为您提供图形用户界面，以帮助您选择和生成CSS颜色符号等颜色代码。

我第一次阅读REST Client并亲自试用它，它似乎不是像Postman这样的老软件的有用工具。

但是我使用REST Client扩展的次数越多，我就越意识到它会对我的开发工具产生多大的影响，特别是在测试API时。

您可以创建一个新文件并使用以下一行：

创建HTTP GET请求所需要做的就是突出显示一行，转到命令面板（CTRL + SHIFT + P），单击 Rest Client：Send Request ，它将继续并弹出一个新选项卡在一秒钟内请求响应详细信息。

很有用：

您甚至可以将参数或请求正文数据传递给POST请求，下面只需要几行代码：

这将使用body参数发出POST请求 { "email": "someemail@gmail.com", "password": 1 }

我讨厌不得不手动写下我在开发工具中使用的扩展笔记的降价列表，并将其保存在像Evernote这样的笔记服务中，直到Settings Sync拯救。

基本上，你只需要一个gist / github帐户，每次你想要保存你的设置（这包括键绑定，片段，扩展等）你只需要按 SHIFT + ALT + U 将 私人 设置上传到你的吉斯帐户，所以下次登录或重新格式化到另一台计算机时，您可以通过按 SHIFT + ALT + D 立即下载您的设置。

Todo Tree将帮助您在整个应用程序代码中找到您创建的所有待办事项到一个树中，您可以在面板的左侧一次查看它们：

Toggle Quotes是一个有趣的实用程序扩展，可让您在引号之间切换。当您即将使用字符串插值时需要切换到反引号时，它会派上用场，特别是当更漂亮的习惯是将字符串美化为单引号时。

您可以在不使用Better Align首先选择代码的情况下对齐代码。

要使用：将光标放在要对齐的代码中，然后使用 CTRL + SHIFT + P （或任何您自定义的快捷方式打开命令调色板）弹出命令调色板并调用 Align 命令。

自从我第一次启动VS代码以来，Auto Close Tag一直对我很有用。它允许你输入类似的东西p，按下斜线/，它将为你完成最后一个箭头。这是默认情况下不在vs代码中的东西，对我来说非常有用:)

当我的数组没有按字母顺序对齐时，我有一种令人沮丧的习惯，就是变得沮丧。幸运的是，Sort Lines等工具可以让我的生活更轻松。如果你以类似的方式感到沮丧，你可能会发现这对你很有帮助。

我可能是唯一一个发现这个有用的人，但是VScode Google Translate帮助我完成了我的项目，因为我参与了一个多语言的项目。如果您不想离开编辑器，这很有用。

Prettier是vs代码的扩展，可自动格式化您的JavaScript / TypeScript /等。代码使用更漂亮。

我更喜欢Material Icon Theme而不是其他图标主题，因为对于哪些文件类型来说，它更明显，尤其是在黑暗主题中工作时。

HTML中的CSS类名称的IntelliSense是基于HTML class属性的CSS类名称完成，该属性基于工作区中的定义。

Path Intellisense是一个vs代码扩展，可以为您自动填充文件名。

我希望这有助于您找到新的东西添加到您的开发套件中！

Q2: w3school和w3cschool两个网站有什么关系和区别？

W3CSchool和W3School内容基本相同，前者是隶属于W3C中国，属于国际组织。后者是赢科公司投资的，虽然看似相同，但是实际内容不同。

W3Cschool是一个专业的编程入门学习及技术文档查询应用，提供包HTML，CSS，Javascript，jQuery，C，PHP，Java，Python，Sql，Mysql等编程语言和开源技术的在线教程及使用手册，是类国外w3schools的W3C学习社区及菜鸟编程平台。

W3School是因特网上最大的WEB开发者资源，是完全免费的，是非营利的，一直在升级和更新，是W3C中国社区成员，致力于推广W3C标准技术。

W3C中国社区成员

W3School是W3C中国社区成员，为社区的建设提供教程、资料翻译等服务。

W3School将与其他社区成员一道，协助 W3C 中国办事处推广和发展WEB技术标准，以尽展其全部潜能。

Q3: 请教各位达人，怎么打开firefox的Javascript

您好，很高兴为您解答。

IE6.0：“工具”--“Internet选项”--“Internet”和“本地intranet”均设置为“默认级别”即可。

详细设置：

IE5及更高版本 ：

点击工具栏，然后选中Internet 选项。

选中安全一栏。

点击自定义级别按钮。

选择到Scripting选项。

分别在活动脚本、允许通过脚本进行粘贴操作以及Java小程序脚本的选项中，选中启用选项。

点击确定按钮。

IE4.x版本：

点击查看一栏。

点击Internet选项。

选中安全一栏。

点击设置按钮。

选择到Scripting选项。

选中Java 小程序脚本 以及活动脚本。

点击确定按钮。

Firefox火狐浏览器：

点击选项。

选中内容一栏。

在“启用Scripting”选项前打勾。

点击确定按钮。

Netscape 6.x版本：

点击编辑选项，然后选中首选项。

选中高级选项。

选择启用JavaScript支持功能选项。

点击确定按钮。

Netscape 4.x版本：

点击编辑选项，然后选中首选项。

选中高级选项。

选中启用JavaScript。

点击确定按钮。

如若满意，请点击右侧【采纳答案】，如若还有问题，请点击【追问】

希望我的回答对您有所帮助，望采纳！

~ O(∩_∩)O~

Q4: 程序员有哪些交流社区或者论坛？

作为一名低代码平台领域的厂商，经常去的一些国内社区网站及论坛，关于程序员的交流社区或者论坛，这里收集一些比较好的开发者社区供大家参考，具体如下：

1、CSDN -专业开发者社区 IT技术交流平台

2、IT圈，圈圈精彩 - 原软媒论坛、IT之家，国内最人气的科技社交圈层,继软媒论坛、IT之家社区演变而来。

3、51CTO技术论坛-中国领先的IT技术社区 国内主流IT技术社区，论坛拥有大批IT技术人/IT专家

4、快速开发平台社区 -天翎论坛低代码平台技术社区，主要是以低代码开发平台为主的技术性论坛社区