Hacktoberfest：从决定到完成
做出决定并坚持下去🚀
迎接挑战👨🏽💻
添加西班牙语（拉丁美洲）版本 #6
在页脚添加 EmojiPages 链接 #399
为《On The Town》和《RocketMan》添加表情符号图片 #400
探索网络世界！🌐
改进标签编辑页面（仅限标签版主） #4137
添加基本垂直分割功能 #406
经验教训回顾❤️
¡Hola/大家好/Kia Ora！ 👋
📖目录
我一直在寻找学习和提升自我的方法，无论是在个人方面还是职业方面。今年我完成了人生中的第一个Hacktoberfest——感觉棒极了！现在我已经完成了Hacktoberfest，并且一直积极参与贡献，我不禁思考：
- 是什么激发了我的灵感？
- 如何才能保持动力去参与更多开源项目？
- 我该如何鼓励其他人也这样做？
做出决定并坚持下去🚀
今年我从游戏编程转型到了全栈开发。转型之前，我只用过诸如 C#、G# 之类的编程语言，C++以及诸如C#G#和 G#Lua之类的游戏引擎。现在，我开始探索和使用诸如 G#、G# 和 G# 之类的技术。市面上的工具、框架、库和 API 种类繁多，令人叹为观止——我终于明白为什么入门会这么难了！Unreal Engine 4Unity3DJavaScriptPythonSQL
冒名顶替综合症发作
好吧，我知道怎么写代码。或者说，我真的会吗？我肯定能解决一个小问题，对吧？数据结构呢？我又忘了实现一个
B-Tree……
冒名顶替综合症如影随形地伴随着那些在游戏行业工作过的人，而且它似乎一直都在。为了证明自己是一名合格的程序员（更重要的是，证明我完全有能力克服困难），我开始做一些副业项目。
但如果你和我一样，经常会冒出很多副业项目，然后又把它们搁置一边。这也没关系——有些项目确实有其特定用途，它们或许已经教会了你一些你想知道的东西。是时候继续前进了！
由于我现在也从事网络技术方面的工作，我想通过一些与我的工作更相关的项目来扩展我的作品集——我之前只有一些游戏和几个网站。
开源软件如何提供帮助
我当时想找个办法把我以前写在网站上的一篇博客文章发布到我的网站上——一开始我试了Medium，但我不太喜欢Medium。感觉它不太适合开发者。后来我发现了DEV，并在那里找到了一篇关于Hacktoberfest的文章——我立刻就被它吸引了！
当我发现开源软件时，我注意到以下几点：
- 有数不清的项目可以做。如果一个项目我做不了，我可能马上就去做另一个——这对我来说简直太棒了。
- 一个充满热情、友好互助的开发者社区，大家互相协作、交流。
- 从矮到高，各种障碍物都有——无论经验水平如何，都会遇到挑战。哇哦！
- 远程办公的氛围很棒，项目的维护者同时也是项目负责人。他们确保合作者始终与项目愿景保持一致，并乐于提供帮助。我被说服了。是时候尝试一下了！同时参与多个项目可以保持思维敏捷，不断开拓新的领域。
迎接挑战👨🏽💻
对于任何类型的编程任务，我都会首先专注于创建最小可行产品（MVP）——你不会马上学习变量就开始编写类——相反，我会问自己一些问题，例如：
- 完成这项任务需要哪些条件？
- 这么早就需要创建复杂的输入处理程序吗？
- 我制定了解决这个问题的计划吗？比如流程图、UML图、笔记等等。
以下是我完成第一次Hacktoberfest挑战赛的步骤：
1. 了解开源软件的实际运作方式
像First Contributions和 Hacktoberfest 的入门指南这样的项目对像我这样的新手来说非常棒。它们教你开源的基础知识、哪里可以找到项目以及最佳实践。
关于提交签名验证的说明：
某些项目会要求您验证提交。这意味着您需要创建并注册 GPG 签名（我当时就需要这样做）。了解更多信息：GitHub 签名验证
2. 与……合作Markdown
西班牙语是我的母语，所以我决定检验一下我的翻译能力。在这个 PR 中，我找到了这个项目并添加了西班牙语版本：
3. 与……合作HTML，CSS&JavaScript
HTML它们CSS是非常适合初学者的编程语言。它们为我们提供了精美的网站，并为互联网提供了动力。
在页脚添加 EmojiPages 链接 #399
- [x]
🔍 我已搜索data.js文件并确认没有添加重复条目。注意：可以添加同一节目/电影的不同版本，例如《狮子王》（1994）和《狮子王》（2019），或者《吉屋出租》（电影版）和《吉屋出租》（音乐剧版）。 - [x]
🌈 我添加了一个年份year。注意：不要添加诸如 2017-2019 之类的年份范围。 - [x]
📅 我添加了以下类型之一：movie，tv或musical。 - [x]
🔗 我已将 IMDB 页面或 Playbill 存档页面添加到以下位置itemLink。 - [x]
3️⃣ 我至少列出了三个表情符号emojiImgs。 - [x]
5️⃣ 我最多可以列出五个表情符号emojiImgs。 - [x]
👍 我的拉取请求有一个描述性的标题（例如Added The Lion King或Added Black Panther, The Avengers: Endgame and Thor）。 - [x]
⭐ 我的所有类型都用方括号括起来[ ]，每个类型都单独用引号括起来，并且每个类型之间用逗号隔开。（例如提交这个"genres": ["adventure","mystery","animation"]而不是这个"genres":["adventure, mystery, animation"]）。 - [x]
🖍️ 我已经按照标题的字母顺序排列了新的剧集或电影。如果剧集或电影以“the”开头，则使用第二个单词进行字母排序。
变化
- 我将页脚的两个链接都放在了一个列表中。
- 如果我们有更多项目，我们可以简单地添加一个新
li对象，它们之间就会均匀分布。
关闭 #294
JavaScript它赋予我们的网络强大的功能，使其能够完成各种令人惊叹的事情！我选择了基本概念：使用一个元素object并编辑其中的文本。
为《On The Town》和《RocketMan》添加表情符号图片 #400
- [x]
🔍 我已搜索data.js文件并确认没有添加重复条目。注意：可以添加同一节目/电影的不同版本，例如《狮子王》（1994）和《狮子王》（2019），或者《吉屋出租》（电影版）和《吉屋出租》（音乐剧版）。 - [x]
🌈 我添加了一个年份year。注意：不要添加诸如 2017-2019 之类的年份范围。 - [x]
📅 我添加了以下类型之一：movie，tv或musical。 - [x]
🔗 我已将 IMDB 页面或 Playbill 存档页面添加到以下位置itemLink。 - [x]
3️⃣ 我至少列出了三个表情符号emojiImgs。 - [x]
5️⃣ 我最多可以列出五个表情符号emojiImgs。 - [x]
👍 我的拉取请求有一个描述性的标题（例如Added The Lion King或Added Black Panther, The Avengers: Endgame and Thor）。 - [x]
⭐ 我的所有类型都用方括号括起来[ ]，每个类型都单独用引号括起来，并且每个类型之间用逗号隔开。（例如提交这个"genres": ["adventure","mystery","animation"]而不是这个"genres":["adventure, mystery, animation"]）。 - [x]
🖍️ 我已经按照标题的字母顺序排列了新的剧集或电影。如果剧集或电影以“the”开头，则使用第二个单词进行字母排序。
变化
- 我在以下条目中添加了一个额外的表情符号（每个条目原本都有 2 个表情符号）：
- 在城里
- 火箭人
值得注意的是，某些表情符号组合无法与 JSON 正确兼容。这或许值得进一步研究，因为我发现表情符号是以复杂字符串的形式存在的，它们会按照不同的规则进行编码（例如）。
结束 #79
以身作则；养成习惯
完成这些任务后，我感觉信心满满，准备迎接更艰巨的挑战。我决定尝试使用不熟悉的技术编写代码库。是时候探索网络世界了！
探索网络世界！🌐
完成这些基础任务后，我觉得自己有足够的信心去应对更困难的任务。
🌈 开发
首先，我决定从 DEV 版本入手，因为我非常喜欢这个网站！这是我第一次尝试Ruby，所以你可以想象我当时对语法有多么困惑。DEV 的代码库非常庞大，所以我希望做的改动不会破坏网站。我当时的思路是这样的：
- 学习 Ruby 基础知识：TutorialsPoint
- 了解 Ruby 生态系统的工作原理。stuartellis 的这篇文章帮助我理解了嵌入式 Ruby 模板（ERB）的基础知识。
- 修改代码，看看输出结果是什么。
改进标签编辑页面（仅限标签版主） #4137
这是哪种类型的公关稿？（可多选）
- [ ] 重构
- [x] 功能
- [ ] 错误修复
- [ ] 文档更新
描述
由于这是我第一次使用 Ruby，我决定学习 ERB 并进行一些细微但令人满意的样式更改：
- 减少了 tag-edit.scss 的缩进
- 导入变量和 mixin 以实现代码标准化。
- 调整了章节顺序，优先显示主要使用过的章节。
Textarea调整大小仅限于垂直方向。- 将焦点放在文本框上会将边框颜色设置为不同的颜色。
- “保存更改”按钮已更改，以符合 DEV 的美学风格。
相关票务和文件
改进标签编辑页面 #3953
移动端和桌面端屏幕截图/录制视频（如有界面更改）
已添加到文档中？
- [ ] docs.dev.to
- [ ] 自述文件
- [x] 无需任何文件
[可选] 哪个 GIF 最能描述这条公关稿或者它带给你的感受？
此外：为 DEV 做贡献还能获得一枚炫酷徽章！
为 DEV 做贡献：
📊 DeckDeckGo
DeckDeckGo是一款开源的演示文稿编辑器——而且功能非常强大！这也是我第一次使用它StencilJS。以下是我的使用方法：
- 学习 Stencil JS 的核心概念：Stencil 文档
- 主动向项目维护者（负责人）提出问题：
- 他们对假设的PR（项目请求）有什么期望？例如，验收标准是什么？
- 询问如何进行公关沟通。
- 询问项目结构。文件之间是如何交互的？我发现，就此案例而言，这比其他任何方法都更能帮助我理解代码！
添加基本垂直分割功能 #406
概括：
vertical向 DeckdeckgoSlideSplit添加 Prop()- 将属性添加
-vertical到幻灯片类deckgo-slide中deckgo-slide-split - 添加和扩展
deckgo-slide-vertical样式deckgo-slide-split-vertical：deckgo-slide-vertical- 柔性流是
column wrap - 高度为滑块高度 - 底部衬垫 * 2：
calc(var(--slide-height) - (2 * var(--slide-split-padding-bottom, var(--slide-padding-bottom-default))))
- 柔性流是
deckgo-slide-split-vertical- 宽度为滑块宽度减去起始和结束边距：
calc(var(--slide-width) - (var(--slide-split-padding-end, var(--slide-padding-end-default))) - (var(--slide-split-padding-start, var(--slide-padding-start-default))));
- 宽度为滑块宽度减去起始和结束边距：
结束 #372
了解更多关于 DeckDeckGo 的信息：
🛠 制作 VS Code 扩展
我几周前开始开发 LightSwitch 。我决定写一篇开发日志来介绍它：
结果证明，这很成功！我一开始创建了自己的问题（在实现并发布 MVP 之后），并添加了诸如“问题”、“改进”和“更新”之类的标签hacktoberfest——help wanted结果good first issue没过多久，就有很多很棒的人开始为这个项目做贡献了！❤️
了解更多关于电灯开关的信息：
timrodz / vscode-light-switch
💡 灯光开关允许您设置两种主题，日夜交替。您只需选择主题并设置您喜欢的时间段即可。
经验教训回顾❤️
使用开源软件让我学会了如何成为一名更优秀的开发者，以及如何用全新的视角看待问题。我已将所学应用到以下几个方面：
- 沟通
- 编写更具描述性和上下文性的提交信息和摘要。
- 专注于使用能够清晰表达你想法的词语。
- 提出更好、更具体的问题，并乐于澄清问题。
- 学习新技术：
- 网络技术虽然看起来很复杂，但其实并非如此。可以尝试不同的方法，比如自己动手编写代码、观看教程、参加课程等等。
- 解决问题的方法有很多种——在使用开源软件时要保持开放的心态。
如果你还有疑问……
……我们每个人都会经历这个阶段，无论有些人看起来多么经验丰富！进入开源领域可能会让人望而生畏，尤其是对于技术新手而言。万事开头难——从小处着手，逐步发展壮大。
文章来源：https://dev.to/timrodz/hacktoberfest-from-decision-to-completion-3ogb