#hacktoberfestHacktoberfest：从决策到完成

大家好，Hola / Hello / Kia Ora ?

?目录

  1. 做出决定并坚持下去?
  2. 应对挑战??‍?

  3. 探索网络 ?

    • 开发者
    • DeckDeckGo
    • 进行VS代码扩展
  4. 经验教训，回顾❤️

我一直在寻找个人和职业方面学习和改善自己的方式。今年，我完成了有史以来的第一次Hacktoberfest-感觉很棒现在，我已经完成了它并一直保持着积极的贡献，我想知道：

  • 是什么启发了我？
  • 我如何保持积极性去从事更多开源项目？
  • 我如何鼓励他人也这样做？

做出决定并坚持下去?

今年，我从游戏编程转向了全栈游戏。切换之前，我只使用以下语言进行编码： C++， C#， Lua，并使用诸如 Unreal Engine 4 和 Unity3D。我一直在发现和使用诸如 JavaScript， Python和 SQL 仅举几例。工具，框架，库，API的范围非常广泛-我可以理解为什么很难如此

冒名顶替综合症开始发作

好吧，我知道如何编码。还是我我当然可以解决一个小问题，对吗？数据结构如何？我忘了实施 B-Tree 再次…

假冒综合症伴随着那些在游戏行业工作或曾经工作过的人，它决定留下来。为了证明自己是一名有能力的程序员（更重要的是，我非常愿意克服障碍），我开始创建辅助项目进行研究。

但是，如果您像我一样，就会倾向于提出很多附带项目，而再也不会再进行这些工作。没关系-其中一些项目有特定的用途，并且它们可能已经教会了您您想知道的事情。分手后要往前看了

由于我现在还从事网络技术方面的工作，因此我想通过与我的工作更相关的项目来扩展产品组合-我所拥有的只是游戏和几个网站。

开源如何提供帮助

我正在寻找一种方法发布我在网站上写的旧博客文章-首先，我尝试使用Medium，但是我通常不喜欢Medium。感觉这不是给开发人员的。这使我发现了DEV，并在其中发现了一篇关于Hacktoberfest的帖子-之后我立即被出售了

当我发现开放源代码时，我注意到以下几点：

  • 无限数量的项目需要进行。如果我不能做一个，我可能会跳到另一个-非常适合像我这样的人。
  • 一群热情，友好的开发人员共同协作和沟通。
  • 障碍从短到很高-对于那些经验丰富的人来说都是有问题的。 oo
  • “远程工作”氛围，其中项目的维护者充当项目负责人。他们确保合作者与项目的愿景保持一致，并乐于提供帮助。
    我被说服了。是时候尝试一下从事多个工作将使我保持敏捷，不断寻找新的视野。

应对挑战??‍?

在执行任何类型的编程任务时，我都会首先专注于创建MVP（最小可行产品）-您不会学习变量，而是立即开始编写类-相反，我问自己一个问题，即：

  • 完成此任务需要什么条件？
  • 我需要这么早创建一个复杂的输入处理程序吗？
  • 我是否已制定解决方案？流程图，UML图，注释等

这些是我完成第一个Hacktoberfest的步骤：

1.学习开源实际上是如何工作的

First Contributions和Hacktoberfest的Getting Started guide之类的项目对于像我这样的新手来说非常有用。他们教您开源的基础知识，在哪里可以找到项目以及最佳实践。

有关提交签名验证的注意事项：
有些项目将要求您验证提交。这意味着您将必须创建并注册一个GPG签名（我必须这样做）。了解更多信息：GitHub签名验证

2.与 Markdown

西班牙语是我的第一语言，因此我决定要测试我的翻译技能。对于此PR，我找到了这个项目并添加了西班牙语版本：

添加西班牙语（LatAm）版本

＃6

timrodz头像

蒂姆罗兹
         评测于2019年9月30日

添加了此存储库的西班牙语版本。

变化

  • 现在，所有文件都会在 list 元件。

在GitHub上查看

3.与 HTML， CSS 和 JavaScript

HTML 和 CSS 是适合初学者的出色编程语言。它们为我们提供了漂亮的网站并为网络提供了动力。

将EmojiPages链接添加到页脚

＃399



蒂姆罗兹
         评测于2019年9月30日

  • （x）?我搜索了 data.js 文件，并确认我没有添加重复的条目。注意：可以添加同一表演/电影的不同版本，例如Lion King（1994）和Lion King（2019）或Rent（电影）和Rent（音乐）。
  • （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

在GitHub上查看

JavaScript 赋予我们的网站以强大的能力，使它能够做出色的事情我介绍了一些基本概念： object 并编辑其中的文本。

将emojiImgs添加到“ On The Town”和“ RocketMan”

＃400



蒂姆罗兹
         评测于2019年9月30日

  • （x）?我搜索了 data.js 文件，并确认我没有添加重复的条目。注意：可以添加同一表演/电影的不同版本，例如Lion King（1994）和Lion King（2019）或Rent（电影）和Rent（音乐）。
  • （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一起正常使用。这可能值得进一步研究，因为我可以看到表情符号作为复杂的字符串工作，并使用不同的规则进行编码（例如than的编码方式与♀‍♀️的编码方式不同，并且其字符串长度会有所不同）

关闭＃79

在GitHub上查看

榜样学习；养成习惯

完成这些任务后，我有足够的信心去应对更困难的任务。我决定使用不熟悉的技术来处理代码库。是时候探索网络了

探索网络 ?

完成这些基本任务后，我有足够的信心去应对更困难的任务。

?开发

首先，我决定开发DEV，因为我喜欢这个网站这是我第一次尝试 Ruby，因此您可以想象我对语法的困惑。 DEV的代码库很大，所以我想做一些我知道不会破坏站点的更改。我以以下思维方式进行处理：

  • 学习基本的Ruby：TutorialsPoint
  • 了解Ruby生态系统如何工作。 stuartellis的这篇文章帮助我了解了嵌入式Ruby模板（ERB）的基础
  • 破解代码，看看输出结果如何

改善标签编辑页面（仅标签主持人）

＃4137



蒂姆罗兹
         评测于2019年9月30日

这是什么类型的公关？ （选中所有适用项）

  • （）重构
  • （x）功能
  • （）错误修复
  • （）文档更新

描述

由于这是我第一次使用Ruby，因此我决定学习ERB，并进行一些小而令人愉快的样式更改：

  • tag-edit.scss的缩进减少
  • 导入变量和混入代码标准化。
  • 先移动部分顺序以显示主要使用的部分。
  • Textarea 调整大小仅限于垂直
  • 专注于文本字段会将边框设置为其他颜色
  • 已更改“保存更改” CTA以符合DEV的审美要求

相关门票和文件

改善标签编辑页面＃3953

移动和桌面屏幕截图/记录（如果UI发生更改）

屏幕截图2019年10月1日上午12 15 37 ：//user-images.githubusercontent.com/7434353/65873821-9f853f00-e3e0-11e9-9aba-ae3663fe5da5.png“ style =”最大宽度：100％;

添加到文档了吗？

  • （）docs.dev.to
  • （）自述文件
  • （x）不需要文件

（可选）什么gif最能描述此PR或它如何使您感觉良好？

alt_text

在GitHub上查看

加：对DEV的贡献会给您一个很酷的徽章

对DEV的贡献：

本图像

如何为这个hacktoberfest贡献力量

Ben Halpern ・ 10月1日・ 6分钟阅读

#hacktoberfest
＃初学者
#contributorswanted

?DeckDeckGo

DeckDeckGo是开源演示文稿编辑器-而且功能非常强大这也是我第一次使用 StencilJS。这是我的方法：

  • 了解Stencil JS的核心概念：Stencil文档
  • 向项目维护者（负责人）提出积极的问题：
    • 他们对假设的公关有何期待？即验收标准
    • 询问有关如何进行PR的问题
  • 询问项目结构是什么。文件如何相互通信？我发现这比这种情况更能帮助我理解代码

添加基本​​的垂直拆分功能

＃406



蒂姆罗兹
         评测于十月13，2019

摘要：

  • 添加Prop（） vertical 到DeckdeckgoSlideSplit
  • 追加属性 -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?

在GitHub上查看

了解有关DeckDeckGo的更多信息：

大卫达布斯科形象

我们正在开发一个用于演示的开源编辑器

David Dal Busco·4月29日·5分钟阅读

#showdev
#opensource
＃动机

?进行VS代码扩展

几周前，我开始了LightSwitch。我决定写一篇关于DEV的文章：

timrodz图片

Hacktoberfest：让我们构建一个VS Code扩展

Juan Alejandro Morais ・ 10月16日・ 2分钟阅读

#opensource
#vscode
#typescript
#hacktoberfest

事实证明，这是成功的我首先创建自己的问题（在实施并推出MVP之后），然后添加诸如 hacktoberfest， help wanted， good first issue —我知道的最后一件事，很棒的人正在为该项目做贡献 ❤️

了解有关电灯开关的更多信息：


蒂姆罗兹
       /
        vscode-light_switch

Light Switch可让您设置两个日夜互换的主题。您要做的就是选择主题并设置您的首选时间。

经验教训，回顾❤️

使用开源软件教会了我如何成为一名更好的开发人员，以及如何通过新的视角解决问题。我已将学习活动应用于以下领域：

  • 通讯
    • 编写更具描述性和上下文性的提交消息和摘要。
    • 专注于可以清晰表达您的想法的单词。
    • 提出更好，更小的问题，并公开澄清。
  • 学习新技术：
    • Web技术不一定像看起来那么复杂。尝试不同的方法，例如玩弄代码，观看教程，学习价格等。
  • 解决问题的方法有很多-使用开放源代码时要胸怀开阔。

如果您仍然有疑问…

…我们都处于某个时刻，无论某些人看起来多么经验丰富进入开源似乎令人生畏，尤其是在您刚开始使用技术时。第一步是最困难的-从小做起，做大。

Jukan Tateisi在Unsplash上​​拍摄的照片

资讯来源：由0x资讯编译自DEV，原文：https://dev.to/timrodz/hacktoberfest-from-decision-to-completion-3ogb ，版权归作者所有，未经许可，不得转载
你可能还喜欢

如何在 Ubuntu 22.04 上安装 Flatpak 包管理器

如何在 Ubuntu 22.04 上使用 Nginx 安装 Laravel PHP 框架

如何在 Ubuntu 22.04 上安装和配置 Memcached

如何在 Ubuntu 22.04 上安装 Sails.js 框架

如何在 Ubuntu 22.04 上使用 Apache2 反向代理安装 Wiki.js

如何使用 Socialite 通过 Twitter / X 登录您的 Laravel 11 应用程序