teleren/devto huggingface dataset:
Day 463 : Holding On Too Long
Tags: hiphop, code, coding, lifelongdev
Published: 2021-09-30 21:29:22

_liner notes_:
- Professional : Another chill day. Had a couple of meetings and just worked on my blog post.

- Personal : So, previously on my side project, I was able to communicate between the web application and the service worker. Last night, I got it to where from the web application, I can send a message to the service worker, close the application and after a few seconds have a notification pop up. If, the notification is clicked, it opens up the application. Aside from a couple of more features, that's basically a lot of what the application will need to do. This was the part that I wasn't sure could work, especially with the new framework I'm using. After I got that working, I started laying out some other pages for the application. Ended the night watching Marvel's "What If..." and reading a little of a book I picked up.

![Pretty mountainous landscape of Haleakala Nat'l Park, HI, USA with smaller orange mountains in the foreground and larger gray and green mountains in the distance with some covered by clouds.](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/0puceeyefkppsvms9ipt.jpg)

Now that I got the basic foundation of my application working, I'm going to start building out the pages. Not necessarily style them, but make sure the elements are there and that you can navigate properly. I'll make it look nice once all the important parts are in place and working. Also, the Chromebook that I bought for my father came in. Looks nice! Got him all set up and logged into the apps he normally uses. I think it will fit his needs. He's been holding on too long to the old laptop. He said it was super slow. I think he was going to keep it till it wouldn't turn on anymore. haha

Have a great night!

peace piece
Dwane / conshus
https://dwane.io / https://HIPHOPandCODE.com
{% youtube W8dgDmXCHN0 %}
How to Explain Public-Key Cryptography and Digital Signatures to Anyone
Tags: security, cybersecurity
Published: 2021-09-30 21:13:13

#### 🔍 Here’s an easy-to-understand analogy to help your non-technical friends and customers understand public keys and private keys, and how they relate to cryptography and digital signatures.

### <br>

**If you work in cybersecurity or any computer-related field, sooner or later, you’ll have to explain public-key cryptography and digital signatures to non-technical people.** With the recent rise of remote work and stories about system breaches, computer security has become a topic of discussion even among laypeople.

After trying to explain public-key cryptography and digital signatures to some clients with varying degrees of success, I wanted to develop an analogy that explained them and was easy to remember. I’ve found that even techies get confused by the formal definitions, and many non-technical explanations just seem unsatisfying.

That’s when I stumbled upon [Panayotis Vryonis’](https://twitter.com/vrypan) article, [*Public-key cryptography for non-geeks*](https://blog.vrypan.net/2013/08/28/public-key-cryptography-for-non-geeks/). It became my go-to analogy until my computer science professor, [Dr. Robin Dawes](http://research.cs.queensu.ca/home/dawes/) pointed out a flaw. I refined it with his help, and a suggestion from Matthew Ernest, and the result is below. I hope you find it helpful when trying to explain these concepts to anyone!


## The Box

Imagine a box with a special lock, as pictured below:

![Photo of a box with a lock. There is a key inserted into the lock. Caption: "The box has a lock with three positions: Locked (at the 9:00 position), unlocked (at the 12:00 position), and locked (at the 3:00 position)."](https://images.ctfassets.net/23aumh6u8s0i/4nm7EvXpqVqMxfOPkjUlXe/bca6b7d8d0a00658045dd4f3fd0a5c7f/the_box_has_a_lock_with_three_positions.png)

The lock has three positions:

1. When the lock is at the “9:00” position, the box is locked, and its contents are inaccessible.
2. When the lock is at the “12:00” position, the box is unlocked, which means you can open it and view its contents.
3. When the lock is at the “3:00” position, the box is locked, and its contents are inaccessible.

In order to avoid wandering into endless “What if...?” tangents, assume that it’s prohibitively costly to pick the lock or break the box.

[Read more...](https://auth0.com/blog/how-to-explain-public-key-cryptography-digital-signatures-to-anyone/?utm_source=content_synd&utm_medium=sc&utm_campaign=security)
Who's participating in Hacktoberfest 2021?
Tags: hacktoberfest, opensource, discuss
Published: 2021-09-30 20:55:25

---
title: Who's participating in Hacktoberfest 2021?
published: true
description: Meet other Hacktoberfest 2021 participants!
tags: hacktoberfest, opensource, discuss
series: Hacktoberfest 2021 Resources
---

![Ghost Saying Hi](https://media.giphy.com/media/ZhpKB8nfZQzANvvTMH/giphy.gif?cid=ecf05e47na68gkj100jhe66wklks6uxkll1trzdre2e55owi&rid=giphy.gif&ct=g)

**[Hacktoberfest 2021](https://hacktoberfest.digitalocean.com/) starts on Friday, October 1!** 🎃 

> ### **In the comments below, tell us who you are, whether or not this is your first Hacktoberfest, and why you're taking part in 2021** 🎉 

If you're an open source project maintainer looking for contributors OR if you're looking for projects to contribute to for Hacktoberfest, don't miss this thread on DEV:

{% link https://dev.to/devteam/hacktoberfest-2021-who-s-looking-for-contributors-32k %} 

---

**Whether you already have a plan for the projects you'll contribute to or not, this is a great place to meet the other participants. Let's make this a supportive community experience!**
Hacktoberfest 2021 — Who's Looking for Contributors?
Tags: hacktoberfest, opensource, discuss, contributorswanted
Published: 2021-09-30 20:52:45

---
title: Hacktoberfest 2021 — Who's Looking for Contributors? 
published: true
description: Maintainers: if you're seeking Hacktoberfest collaborators for your projects, this is the spot to share your info!
tags: hacktoberfest, opensource, discuss, contributorswanted
series: Hacktoberfest 2021 Resources
---


[Hacktoberfest 2021](https://hacktoberfest.digitalocean.com/) kicks off on Friday, October 1 and lasts through the end of the month! 

**Open source maintainers can drop links to/information on their projects in the comments below.** The goal? To find helpful contributors seeking projects to improve in the name of Hacktoberfest!

<mark>_**Note for Maintainers:**_ _If you’d like your project to be eligible for Hacktoberfest contributions, you **must** classify it as a [Hacktoberfest Project](https://github.com/topics/hacktoberfest)._<mark>

**_Participating_ in Hacktoberfest?** Let us know in [here](https://dev.to/devteam/who-s-participating-in-hacktoberfest-2021-4pgf). You can also use **this** thread as a reference for projects that are actively seeking contributions 🎉

_If you're a maintainer who's interested in getting your repository ready for contributors, [this](https://dev.to/virtualcoffee/preptember-maintainer-powerups-4m1n) handy guide from @bekahhw is a great place to start._
Best VS Code features & Learning Material UI ✏️
Tags: vscode, webdev
Published: 2021-09-30 20:37:04

_This article was originally published on [my newsletter](https://www.tuomokankaanpaa.com/newsletter) last week. I publish previous week's newsletter here on the blog. If you want to read these as soon as they are published, [sign up](https://www.tuomokankaanpaa.com/newsletter) for the newsletter!_

Ahoy,

I use Visual Studio Code as my main code editor. To be honest it is pretty much the only editor I use. There is bunch of great features in VS Code that I use daily. Features that honestly make my life a lot easier and productive.

So I thought that it might be helpful to share those features in case you are not yet using them or leveraging them fully in your own workflow. You can find the features from the latest video on my [Youtube channel](https://www.youtube.com/tuomokankaanpaa).

{% youtube ZKq5OIhKpzE %}

Or if you just want to know the list, here it is

- Timeline
- Integrated Terminal
- Multiline editing
- Command palette
- Extensions

## What I learned this week?

I worked on a Next.js project where I decided to use [Material UI](https://mui.com/) as a component library. At first it was kind of hard to know and find what components I should use but after a while, I got actually something good looking on the screen.

The project is actually a simple Next.js blog application. I plan on shooting a video about it, teaching how to code one by yourself. I'm not yet sure when I'll be making that video but it might be in the near future so [stay tuned for that](https://www.youtube.com/tuomokankaanpaa?sub_confirmation=1)!

I have used Material UI for the past couple of weeks on couple of projects in addition to the Next.js blog application. I am quite excited about Material UI, now that I have a bit better understanding on how the whole thing works and what kind of components should I use for certain situations and what kind of components they actually have!

I have some time now thought that I need to learn something that I can use to make my apps and UIs look even half decent (I am terrible at designing and styling in general). So I was thinking of learning TailwindCSS next but now that I have worked with Material UI a bit, I'm thinking of giving Material UI a chance and learning that first. Of course they are not / don't do "the same thing" but Material UI serves the need that I have and there is only so much one can be learning simultaneously.

Have you used Material UI or TailwindCSS? If you have, let me know what you think about them!

That's it for this week!

Cheers,
Tuomo
OSD600 - Week 4 - Lab 3
Tags: opensource
Published: 2021-09-30 20:35:30

In the lab this week, I'm still working on Potato-Generator project. This time, I implement 2 additional features for my program. Language input is the first feature. The program accepts --lang or -l parameter to make the default language for HTML page in the html tag/lang attribute. The second feature is the horizontal line. For Markdown file input, each time "---" appears, it will be converted to hr tag in html.

I work with 2 features in parallel. I create 2 separate branches (issue-8, issue-9) for each feature, implement each feature in each branch, then commit them. Finally, I merge these 2 branches to main branch. Then I push them to GitHub. Overall, the process is straight forward to follow and easy to understand.

-> Potato Generator Repo: 
https://github.com/kiennguyenchi/potato-generator

For language feature, I implement additional function checkLanguage() to check for language input. Then I create property language type string for HTMLPage to keep track of language used.
-> Lang Issue: 
https://github.com/kiennguyenchi/potato-generator/issues/8
-> Lang Commit: 
https://github.com/kiennguyenchi/potato-generator/commit/519c1ae483b47095bec68f6d0fb8ea217b850a5b

For horizontal line, I simply search for "---" string in the input text vector, then replace them with hr tag.
-> Horizontal line Issue: 
https://github.com/kiennguyenchi/potato-generator/issues/9
-> Horizontal line Commit: 
https://github.com/kiennguyenchi/potato-generator/commit/4985b431c2e8f4ea2069c22eaef75da51ee8eccc
Does the functionality of Grouping operator () in JavaScript differ from Haskell or other programming languages?
Published: 2021-09-30 20:27:34


[Grouping operator ( )](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Grouping "developer.mozilla.org") in JavaScript

> The grouping operator `( )` controls the precedence of evaluation in expressions.

does Not differ from Haskell or other programming languages. (there is a minor exception as a byproduct of their main purpose in Lisp/Clojure)

In other words, grouping operator `( )` in every language shares the common functionality to compose [Dependency graph](https://en.wikipedia.org/wiki/Dependency_graph)

> In mathematics, computer science and digital electronics, a dependency graph is a directed graph representing dependencies of several objects towards each other. It is possible to derive an **evaluation order** or the absence of an evaluation order that respects the given dependencies from the dependency graph.

![](https://qph.fs.quoracdn.net/main-qimg-ab7d2656b77f1d569cfd58d97cc8fb51)

![](https://qph.fs.quoracdn.net/main-qimg-787c4c629035059338e086ab13376de7)

and the functionality of Grouping operator `( )` itself is not affected by a [evaluation strategy](https://en.wikipedia.org/wiki/Evaluation_strategy)

----------

Perhaps we can share the code below:

-   `f() * (g() + h())` 

to discuss the topic here, but not limited to the example.

![](https://qph.fs.quoracdn.net/main-qimg-adb3170db726ab2ce616895beacdc94d)

----------

## Haskell

In the code in Haskell where the evaluation strategy is **Lazy / Call-by-need**

https://en.wikipedia.org/wiki/Lazy_evaluation

----------

![](https://qph.fs.quoracdn.net/main-qimg-b074554f1313334d923ff4c34e8a7d44)

In this code, according to the call-by-need, the evaluation order of **f g h** is

**h(1) -> f(1) -> g(1)**

![](https://qph.fs.quoracdn.net/main-qimg-28baa064e362db2c563d9a6b6bfb3dcd)

----------

![](https://qph.fs.quoracdn.net/main-qimg-05fbaee9793fd90d9cd2cfaa5d90c604)

In this code, according to the call-by-need, the evaluation order of **f g h** is

**f(1) -> g(1) -> h(1)**

![](https://qph.fs.quoracdn.net/main-qimg-4fa2aa62740f018d4a547a7cd5d7e0ab)

## JavaScript

    //function definition  
    const f = a => a + 1;  
    const g = a => a + 2; 
    const h = a => a + 3; 
    
    //calling functions 
    console.log( 
    (f(1) * g(1)) + h(1) 
    ); //10 
    console.log( 
    f(1) * (g(1) + h(1))   
    ); //14 

In this code, according to the eager-evaluation the evaluation order of **f g h** is

**f(1) -> g(1) -> h(1)**

in both cases.

----------

Either way, the regardless the evaluation strategies, since the dependency graph composed with Groping operator`()` and `+` `*` stays identical, the final evaluated value is also identical.
Display images dynamically (from a variable) in React Native
Tags: reactnative, android, mobile, javascript
Published: 2021-09-30 20:25:18

You are probably working on a mobile and you want to design images that you got from an API or maybe the path to that image is stored using React Context API, but there is one problem: whenever you do this
```
const my_variable = '../assets/image.jpg';
<Image
source={require(my_variable)}
/>
```
You get an error.
The solution to this problem is to require the file in the variable like this
```
const my_variable = require('../assets/image.jpg');
<Image
source={my_variable}
/>
```
Doing this will definitely solve your problem and If you have any question regarding React Native or this specific post, feel free to ask, who knows, maybe other developers are going through the same problem and discussing certain issues here might help a lot of people.



[8Bit style Retro mechanical keyboard](https://www.amazon.com/Mechanical-Keyboard-Bluetooth-Swappable-Programmable-PC/dp/B0CCP8KYGG?ref_=Oct_d_omwf_d_172456_1&amp%3Bpd_rd_w=x9JgM&amp%3Bcontent-id=amzn1.sym.16d13a9d-8297-4600-8ace-5f4fa6eab345&amp%3Bpf_rd_p=16d13a9d-8297-4600-8ace-5f4fa6eab345&amp%3Bpf_rd_r=JZ2W7RFGS88NTHHK7WWS&amp%3Bpd_rd_wg=NhV9s&amp%3Bpd_rd_r=54fb64a6-864c-4a5e-a4d6-254a4621e425&amp%3Bpd_rd_i=B0CCP8KYGG&amp%3Bth=1&_encoding=UTF8&tag=kevilondo-20&linkCode=ur2&linkId=7cf84bb781a100aa296e3df88b5afdf2&camp=1789&creative=9325)
[Noise canceling headphones with Alexa built-in](https://www.amazon.com/Sony-WH-XB910N-Cancelling-Headphones-Microphone/dp/B09CGB6VRR/ref=sr_1_10?crid=3G13AHY9IS8Q&amp;keywords=noise+canceling+headphones&amp;qid=1698182532&amp;sprefix=noise+c%252Caps%252C443&amp;sr=8-10&_encoding=UTF8&tag=kevilondo-20&linkCode=ur2&linkId=0a9194e9011ee02181d3ccedc38999bf&camp=1789&creative=9325)
Contribute to the Awesome Web Monetization on Hacktoberfest ! 🥳🌈
Tags: hacktoberfest, webmonetization, contributorswanted, javascript
Published: 2021-09-30 20:18:01

**Looking for new open source projects** that can be posted [on this repository](https://github.com/thomasbnt/awesome-web-monetization). 

{% github https://github.com/thomasbnt/awesome-web-monetization no-readme %}

Feel free to have a look, it already contains a lot of cool projects and a little documentation!

## But what is the Web Monetization ?

**Web Monetization** is a web service that allows you to send money directly in your browser. This is a **JavaScript** browser API that allows the creation of a **payment stream** from the user agent to the website.

## Contribute to the project !

So if you are a developer *(or not)* of a project about **Web Monetization**, contribute to the list.

Here's to your PR and/or comments!
What my Android app taught me
Tags: reactnative, javascript, mobile, android
Published: 2021-09-30 20:17:59

I released an Android app early this year, and I'm going to write a small post about what this app really taught me.

I am not bragging or claiming that I am the best, I just want to share my experience as a developer hoping that it will help those who are also working hard out there to release apps or build side projects.

##Simple and useful features are always better than complex and unnecessary features

As developers, we usually tend to overcomplicate things because we want to play around with the latest framework, or blow people's mind with amazing features that are probably not needed by the user.

##No matter how stupid or 'simple' you think your app is, if you can, just release it

Yes the title says everything, I honestly never believed that my app was gonna get downloaded at all, but I felt like it was a good idea to release it on Android because it was not going to cost me a lot of money but also I thought that even though it was an app that wasn't fancy in terms of features, it could still be used by a couple of people and I remembered that I learned how to code because I believed that I would be helping people by creating useful softwares, so as long my app could help at least one person out there, why not release it? I did and it was downloaded 3000 times and got over 60 reviews in less than a year.

##Conclusion
This post is just meant to motivate those who work on personal side projects for fun or for whatever reason they might have. If you believe that your app idea is something people can use to make their lives easier, release it, let the world play around with your work, we never know what you might learn in the process.
Improve Resilience with Automated Chaos Engineering
Tags: aws, chaosengineering, automation
Published: 2021-09-30 19:55:20

---
title: Improve Resilience with Automated Chaos Engineering
published: true
description: Resources for the session Improve Resilience with Automated Chaos Engineering
tags: aws,chaosengineering,automation
cover_image: https://cdn.grosch.se/dev-to/improve-resilience-with-automated-chaos-engineering/improve-resilience-with-automated-chaos-engineering.png
---

This post contains resources for the session Improve Resilience with Automated Chaos Engineering.

The transition into more complex systems is accelerating, and chaos engineering has proved to be a great-to-have option in our toolbox to handle this complexity. But the speed at which we’re developing and deploying makes it hard to keep up through manual chaos experiments, so we turn to automation. Automated chaos experiments helps us cover a more extensive set of experiments than we can cover manually and it allows us to verify our assumptions over time as unknown parts of the system change.

#### AWS Fault Injection Simulator Samples
https://github.com/aws-samples/aws-fault-injection-simulator-samples

#### Start an AWS Fault Injection Simulator experiment on a schedule
https://github.com/aws-samples/aws-fault-injection-simulator-samples/tree/main/schedule-experiment

#### Start an AWS Fault Injection Simulator experiment based on events
https://github.com/aws-samples/aws-fault-injection-simulator-samples/tree/main/event-trigger-experiment

#### Include AWS Fault Injection Simulator experiments in your CI/CD pipelines
https://github.com/aws-samples/aws-fault-injection-simulator-samples/tree/main/pipeline-experiment

#### Chaos Testing with AWS Fault Injection Simulator and AWS CodePipeline
https://aws.amazon.com/blogs/architecture/chaos-testing-with-aws-fault-injection-simulator-and-aws-codepipeline/

#### AWS Resilience and Chaos Engineering Day
Watch the recorded session from AWS Resilience and Chaos Engineering Day to learn more about chaos engineering and resilience.
[https://pages.awscloud.com/EMEA-field-OE-resilience-chaos-engineering-day-202111-reg-event.html](https://pages.awscloud.com/EMEA-field-OE-resilience-chaos-engineering-day-202111-reg-event.html?trk=chaoscarnival)

If you have any questions, please reach out on [Twitter](https://twitter.com/GunnarGrosch) or [LinkedIn](https://www.linkedin.com/in/gunnargrosch/). Go experiment!
Working with parallel branches in Git
Tags: beginners, github, javascript, node
Published: 2021-09-30 19:02:51

## Introduction
Hello everyone, my name is Dustin, today I want to write a blog about my progress of working with branches in Git. So this is the lab 03, which I have to create 2 parallel branches to work on different aspects of the program.

## The progress
First off, I needed to decide what to add to my program. At the time, I had a few options like changing code block, or `hr`, or exit code for my program... So I thought that the exit code is a must that my program needed to have and the code block thing is quite more interesting than `hr`. After choosing what I needed to do, I had to file 2 issues so I had something to refer back to. 

The 2 issues I was talking about:
[First one](https://github.com/tuanthanh2067/cv-ssg/issues/18)
[Second one](https://github.com/tuanthanh2067/cv-ssg/issues/19)

Writing code for these 2 issues are quite straightforward. It took me a few minutes to finish it. However, I'm not so sure about the inline code block thing, and should ask my professor about it to make sure that's what he's looking for. 

So, for the first issue, I created a new branch called issue-18 and issue-19 for the second issue. When finishing the first issue, I had to `git add` and `git commit` and switched to branch issue-19 to continue coding. As I've done it, I also had to `git add` and `git commit`. After that, I had to use `merge` to merge those 2 branches. 

## Merging branches
I used `git merge issue-18` which is my first issue, git had no problem merging it. It was `fast forward` right away. However, for the second issue, when I `git merge issue-19`, instead of `fast forward`, Git used `three way recursive` strategy. Then, I just needed to push it to github so the code will be visible to everyone. 

[Project Repo](https://github.com/tuanthanh2067/cv-ssg)
[Commit 1](https://github.com/tuanthanh2067/cv-ssg/commit/77d8015a6bf6ff1529daf1b004e130b9111980df)
[Commit 2](https://github.com/tuanthanh2067/cv-ssg/commit/fd58db14022d83776f31b4ee84c712d5236c1205)
Kindly asking for help with master thesis survey
Tags: pwa, reactnative, flutter
Published: 2021-09-30 18:45:00

Hi guys, I don't know if this is the right place but I didn't find anything more appropriate for this. I would like to ask you for 5-10 minutes of your time. I'm currently working on a master's thesis which compares some aspects of React Native, Flutter, and PWA. As part of the thesis, I created a survey and I would very much appreciate anyone answering it. Thank you. https://docs.google.com/forms/d/e/1FAIpQLSdHt62MykvZ9bHJGJ7YQAAHklU76pLE2gj6FMAZa6OQK2DCZw/viewform?usp=sf_link