teleren/devto huggingface dataset:
Github Profile Readme.md
Tags: github
Published: 2021-09-13 00:19:41

**Does your github page lack some pizazz?** 

In a place where it pays to stand out, github profile pages are pretty bland. A solid contributions grid helps, but ultimately a little more is needed. Recently Github introduced the ability to make a custom readme which allows you to personalize your profile.

##How do you do it?
Well first you create a new repository that has the same name as your github username.

e.g. My username is DesireeJoy so my github repo is DesireeJoy. 
Make sure you create a readme.md with your new repo. That is where the magic happens. 

The readme content is what will display on your profile.

[Githubs How-To](https://docs.github.com/en/account-and-profile/setting-up-and-managing-your-github-profile/customizing-your-profile/managing-your-profile-readme)

###What is a readme?
A readme.md file is a file you, ideally, create for ever repo. It is a place for you to tell visitors to your page what it is this repo is about. You can tell what languages are used, provide run/build commands, list dependencies, link to the functioning project, give it's history, thank collaborators etc etc... The possibilities are endless. I bet you can see now how you can use this for your own personal readme? right?

###What should I add?
This is the part where you can make your profile unique to you and catch everyone's attention.

As someone switching over from a media design field I opted for an eye catching banner to draw my visitors in. I also kept it simple. 
A short greeting, no bio because my banner handled that for me. You may want to consider one.

My primary hope is for other developers to visit and want to collaborate on projects. With that in mind my first lists were "I'm currently learning" & "I'm looking to collaborate on..." 

You work with your priorities.

[View my Profile](https://github.com/DesireeJoy)
![Screenshot of my Github Profile](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/tgip2ttb6eztb9umsuke.png)

###What language do I use?
Primarily readme's are in Markdown, however, because I wanted to tweak a few things my personal readme ended up being a mix of markdown and html.


**Great section ideas**
- Short bio
- Learning list
- Featured Projects
- Open Source bonus!
- Skill list
- Certifications

**Links to resources**

https://help.smash.gg/en/articles/1987102-customizing-text-with-markdown -- Markdown help

https://dev.to/envoy_/150-badges-for-github-pnk  - Skills Badges

https://www.markdownguide.org/basic-syntax/ More markdown syntax!

Do you have an awesome github profile page? Please link it in the comments. I would love to see them!
DARK MODE now in python IDLE
Tags: python, beginners, tutorial, programming
Published: 2021-09-13 00:17:31

## Python IDLE not _blindingly bright_ anymore !!
Following are the steps:

1. Open IDLE
2. Go to "OPTIONS" in the top tab
![OPTIONS](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5m3ra3jpqdz6bz8egk7o.png)
3. Select "Configure IDLE"
![Configure IDLE](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/yxr1cv7j7dsd5e8f0jzb.png)
4. Select "Highlights" from top horizontal tab
![Highlights](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/g9a4s61yvly5mwx36ssa.png)
5. Select "Background" radio button just above the image of IDLE on the left hand side
![Background](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/c0ft96pgj8rbudhj3w0y.png)
6. On the right hand side under "Highlight Theme" click on "IDLE Classic/IDLE Dark/IDLE New" as per your preference
![Highlight Theme](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/37l9knmiyyq1ech577dx.png)
7. Click Apply and Then Click OK

Done!

>Personally I like this Navy Blue kind of theme rather than just black background.
How to add a boolean type to function return value in TypeScript?
Tags: typescript
Published: 2021-09-13 00:00:00

---
  title: How to add a boolean type to function return value in TypeScript?
  published: true
  tags: TypeScript
  date: Mon Sep 13 2021 05:30:00 GMT+0530 (India Standard Time)
  canonical_url: https://melvingeorge.me/blog/add-boolean-type-to-function-return-value-typescript
  cover_image: https://melvingeorge.me/_next/static/images/main-a1d99f20f9af51af6d2e532d4f2e325b.jpg
  ---
  [Originally posted here!](https://melvingeorge.me/blog/add-boolean-type-to-function-return-value-typescript)
  
To add `boolean` type to function return value first, declare the function, then add a `:` symbol (colon) after the parameters opening and closing brackets `()` and then type the word `boolean` to indicate that the function's return value is of `boolean` type.

### TL;DR

```ts
// simple function with return
// value of boolean type
function isPerson(): boolean {
  return true;
}
```

For example, let's say we have a function called `isPerson()` and on calling the function should return the boolean value `true`.

It can be done like this,

```ts
// simple function
function isPerson() {
  return true;
}
```

This is fine. But what if we need to enforce that the return value of the `isPerson` function should only return the value of the `boolean` type. To do that we can add the function return type like this,

```ts
// simple function with return
// value of boolean type
function isPerson(): boolean {
  return true; // ✅ allowed
}
```

After defining the return type as a `boolean`, we must return a value of the `boolean` type or it may show an error.

Now Let's also try to return a value other than the `boolean` type like this,

```ts
// simple function with return
// value of boolean type
function isPerson(): boolean {
  return "Hey!"; // ❌ not allowed. Type 'string' is not assignable to type 'boolean'.
}
```

As you can see from the above code the TypeScript compiler is not allowing us to return the value and shows us an error saying `Type 'string' is not assignable to type 'boolean'.` which is what we want to happen.

See the above codes live in [codesandbox](https://codesandbox.io/s/add-boolean-type-to-function-return-value-in-typescript-nckbt?file=/src/index.ts).

That's all 😃!

### Feel free to share if you found this useful 😃.

---
Knowledge options
Tags: learning, realoptoins, knowledgeoptions, productivity
Published: 2021-09-19 13:15:05

---
title: Knowledge options
published: true
date: 2021-09-13 00:00:00 UTC
tags: learning,realoptoins,knowledgeoptions,productivity
canonical_url: https://jhall.io/archive/2021/09/13/knowledge-options/
---

Okay, so I lied. [Yesterday](https://jhall.io/archive/2021/09/12/invest-in-flexibility/) I said I was concluding my thoughts on [real options](https://jhall.io/archive/2021/09/09/real-options/), but there’s one more thought I want to share on this topic.

That is the concept of **Knowledge Options**. I was introduces to this concept in the book [_Commitment: Novel about Managing Project Risk_](https://amzn.to/3ChwM6v), a very digestiable graphic novel (yes, you read that right) about project risk through the lense of real options.

![](https://jhall.io/archive/images/commitment-sample.jpg)

So what is a knowledge option?

Normally when we think of up-skilling for the job, we think of taking a class, reading a book, or maybe watching some YouTube videos, to learn Terraform, Kubernetes, or some new web framework.

This may help us prepare for a future project, or maybe even land a job.

But the risk is that you may spend 6 months learning all you need to know about AWS, but then get a job that doesn’t even use AWS, or be assigned to a project focused on machine learning instead. In such a case, the time you spent learning was not only wasted, but a lost opportunity to instead learn about machine learning (or whatever).

So this is where a **knowledge option** comes in handy. A knowledge option is the _option_, but not the _obligation_ to acquire knowledge.

Think AWS might be useful? Learn _just enough_ to know what you don’t know, and to predict how much effort it would be to learn enough to be useful.

I’ve been doing this in a sense, for years, without realizing the concept had a name. Whenever I attend conferences or meetups, my favorite sessions are the ones that teach me about a new topic, technology, framework, or langauge. After a 1-hour lecture about Rust, I’m not going to be able to write any programs in Rust. But I will have a pretty good idea of what Rust is about, and when it might be useful to learn it.

Of course this is _not_ enough to put Rust on my résumé. If that’s a goal, I should probably spend at least a couple of months brushing up on the basics.

The important thing is, with some practice, you can learn to keep a sort of mental (or documented) list of knowledge options: Things you _can_ learn as soon as you have a compelling reason, but without having invested the full time to learn everything (since none of us will ever live long enough to do so anyway).

* * *
_If you enjoyed this message, [subscribe](https://jhall.io/daily) to <u>The Daily Commit</u> to get future messages to your inbox._
Comparing Web Components Framework 
Published: 2021-09-12 23:53:42

This week in class we delved into different web component frameworks. The four that we focused in on were: Angular, VueJS, StencilJS, React, and Angular. We had the opportunity to test all four out by taking the framework of the "hello-world" boilerplate and compare how each framework is structured.

#Similarities
When going through the boilerplate codes, there were many differences and commonalities that I had noticed. In some way, I'd say all the frameworks had something in common. 

1. To start off with the most obvious similarity: All four use JavaScript to define or create their components and work. Other common languages also commonly found would be HTML and CSS. 
2. Every framework have a ton of dependancies and a long installation process. Things I learned the hard way: if the installation isn't long, than it probably had failed. Do not keep trying to rerun/debug, find another boilerplate. 
3.  These all also contain a `/src` or `/app` in the directory for the code. The only one that does not, I think would be VueJS. 

#Duplications & Overlapping 
Duplicate and overlapping is quite common when it comes to frameworks. They are open source code that can be cloned/forked and used in other work. As we some people like to say it is like "borrowing" other peoples work.  As well as sometimes people work can overlap with each other. 

#Easiest Developer Experience
In my personal opinion, I feel as though VueJS would be the best to get started with. I feel like it looks and feels more simple than the others. I say this because I feel like you can know the less code than you need for the others. You can make small components and not know too  much about coding in HTML or CSS, etc. 
Therefore if I were to create an App I would most likely prefer to use VueJS because of the fact I have never created one on my own. If I got stuck on how to fix/debug in VueJS, there are a lot more resources out there to help me fix my problem. 

To View my groups Boilerplate [click here](https://github.com/IST-402-Group-1/IST402)
Is modern C better then Rust?
Tags: rust, c
Published: 2021-09-12 23:51:35

In the past years we have witnessed probably the fastest adoption of a new language, Rust. This article explores the question "Are we moving too fast?".

A little background about me, I started programming in Java, then I learned c++, got bored so I learned Rust and at the end, I learned C. Rust was the first programming language that I really felt like I like it, but one of my friends told me that I should also give C a chance. In less than a month after starting out, I've started rewritten the project I was working on from Rust to C.

This project showed me that there is more to this story than it seems. For example, today, I was searching reasons why use Rust over C, and what I found shocked me. There was an article that said that you have to explicitly destroy every object(I mean even the integers allocated on the stack) in C, no wonder everyone thinks C is unsafe.

And there is the whole thing with using Rust in the Linux kernel which seems questionable if you ask me. The reasons for my thinking:

1. The build time would turn into hours.
2. Rust has too many abstractions by default.
3. It depends too much on the standard library.

The main argument to using Rust over C is safety, but if you want there are some very useful macros and libraries out there that can your code much more reliable.

Many say that C is obsolete because it doesn't have templates/generics, private member variables or namespaces. I disagree because with a bit of creativity, you can actually achieve all of these, more or less in C. Speaking of creativity, when I'm coding in C, because of the limited features, I am forced to write much more creative code that in C++ or Rust.

And as a last note, I recently explored newer programming languages like zig, and that made me realise that one of the best thing about Rust is that is has amazing docs. If you want to learn something about C and use the web for info, you'll find like 4 different sites that explain the same thing with different formatting, which might be confusing for a person who is just starting out.

P.S. I've edited this post to rewrite some sentences.
P.P.S. I am very sad that dynamic arrays didn't catch on.

Opinions are welcome in the comments.
Web Component Frameworks
Published: 2021-09-12 23:29:22

**What commonalities are there between the boilerplate code?**
The commonalities between the Angular, React, VueJS, and StencilJS boilerplates are that they all have a source directory that contains HTLM, CSS, and JS to run the boilerplate. They also all have dependencies, with React and Angular taking longer to install than VueJS and StencilJS.

**Which do you think is the easiest DX to get going?**
I think that is VueJS the easiest DX to get going. It had the simplest directory layout for me I was able to find all the components I was looking for without having to search to hard.

**If starting to build an "app" tomorrow, which would you prefer and why?**
If I were to start building an "app" tomorrow, I would prefer to use VueJS because of it being the easiest developer experience for me. It has the least amount of steps to create a functioning application, which is to me a very big deal.

VueJS Boilerplate Repo: [https://github.com/bdellegrazie/vue-hello-world](https://github.com/bdellegrazie/vue-hello-world)
Groups Boilerplates: [https://github.com/runtimeErrorsMadeEasy/boilerplates](https://github.com/runtimeErrorsMadeEasy/boilerplates)
Week 3: IST 402 - Web Component Frameworks
Published: 2021-09-12 23:22:55

**Comparison** - 
Looking at the 4 web components frameworks: Angular, React, StencilJS, and VueJS, there are some similarities. First, all of these use JavaScript as their language. Also, they have a similar file structure in the boilerplates. Angular and StencilJS use typescript while VueJS and React don't.

**What I Would Choose/Easiest Developer Experience** -
The framework that I would choose would be VueJS. It appears simple to use and does not require many steps to create a functioning application on it. Also, it has the least amount of files in it. There seems to be a large amount of resources and tutorials for VueJS, so that would be useful when encountering problems.

Repo - https://github.com/PaddysHub/boilerplates
What is OAuth?
Tags: security, webdev, beginners, java
Published: 2021-09-12 22:29:05

Most websites that users visit today have some sort of user authentication to access their services.  Previously website providers would implement HTTP Basic Authentication where the user would be asked for a username and password through a form on the web page.  The site would then use that information to log in as you.  The client would receive an authenticated API key ID and a secret to then send to the server with each HTTP request.

**What’s wrong with this?**

Giving log in credentials to a third-party application or site can greatly compromise security.  Once the credentials have been acquired they cannot be revoked.  Also, there is no way to control how much user access these applications have in the system.

Enter OAuth.  The idea behind OAuth is that you grant the application authorization to data while keeping authentication secure.  This limits access to only information that is required which can be revoked at any time.

OAuth works through a series of steps.  First the third party application requests a token with a secret from the provider.  Once granted, the third party application has the user login to the provider with the token to grant the levels of access required.  Once approved, the provider marks the token on their end and it can be used to access the API within the allowable scope.  See the info-graphic below for a visual representation of this.

![OAuth Infographic](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/rklwridf607am17bd675.png)

Implementation of this depends on the framework being used.  I primarily use Java so I would choose the Spring security module within Spring Boot.  For more information and a tutorial please see the link listed in resources.

That is all I have for my post this week.  I hope you learned what OAuth is and how it works within an application.  Feel free to like and comment the post below as I will greatly appreciate it.

Resources:

Spring Boot OAuth Tutorial:
https://spring.io/guides/tutorials/spring-boot-oauth2/

Sobers, R. (2018, August 30). What is OAuth? Definition and how it works. Inside Out Security. Retrieved September 12, 2021, from https://www.varonis.com/blog/what-is-oauth/. 
Raible, M. (2017, June 21). What the heck IS OAuth? Okta Developer. Retrieved September 12, 2021, from https://developer.okta.com/blog/2017/06/21/what-the-heck-is-oauth. 
Paul, R. (2010, January 18). OAuth and OAUTH Wrap: Defeating the password anti-pattern. Ars Technica. Retrieved September 12, 2021, from https://arstechnica.com/information-technology/2010/01/oauth-and-oauth-wrap-defeating-the-password-anti-pattern/.
How to make sending message animation in react native
Published: 2021-09-12 23:02:01

In a converstation, we can use FlatList to create an array of text's conversations . and we can push data to there, but i wonder, how can we make animation that push messages we want to send to chatbox screen, like instagrams of facebook ( i'm sure they made with react-native), when we click send, there will be some animation, to make the action not so static, so what lib can we use to do that, or what we need to do that?
Resources To Learn HTML & CSS
Tags: code, beginners, html, css
Published: 2021-09-12 22:59:42

Hello, I'm [Aya Bouchiha](developer.aya.b@gmail.com), today, I'm going to share with some helpful resources to learn HTML & CSS.

## Youtube
### Course in one video
+ [html 5 & css3 from scrash, freeCodeCamp (11h 30min)](https://www.youtube.com/watch?v=mU6anWqZJcc)
+ [HTML & CSS 2021, Design Course (2h 15min)](https://www.youtube.com/watch?v=D-h8L5hgW-w)
+ [HTML & CSS course, Bro Code (5h)](https://www.youtube.com/watch?v=cyuzt1Dp8X8)
+ [HTML and CSS tutorial for beginners | HTML CSS Complete Course, Nerd's lesson (6h 45min)](https://www.youtube.com/watch?v=keJn4LSNuHk)
+ [Html & CSS crash course, programming with Mosh](https://www.youtube.com/watch?v=qz0aGYrrlhU&t=1550s)

### playlist
+ [HTML & CSS Crash Course Tutorial, The Net Ninja (11 video)](https://www.youtube.com/watch?v=hu-q2zYwEYs&list=PL4cUxeGkcC9ivBf_eKCPIAYXWzLlPAm6G)
+ [HTML & CSS tutorials, Dani Krossing (43 video)](https://www.youtube.com/watch?v=TKYsuU86-DQ&list=PL0eyrZgxdwhwNC5ppZo_dYGVjerQY3xYU)
+ [HTML and CSS for Beginners, Kevin Powel (23 videol](https://www.youtube.com/watch?v=LGQuIIv2RVA&list=PL4-IK0AVhVjM0xE0K2uZRvsM7LkIhsPT-)

### Projects tutorials
[I realy recommend checking this playlist: by travesy media (58 vidoe)](https://www.youtube.com/watch?v=UB1O30fR-EE&list=PLillGF-RfqbZTASqIqdvm1R5mLrQq79CU)

## Books

+ [HTML and CSS: Design and Build Websites](https://www.amazon.com/HTML-CSS-Design-Build-Websites/dp/1118008189)
+ [HTML and CSS: Visual QuickStart Guide](https://www.amazon.com/HTML-CSS-Visual-QuickStart-Guide/dp/0321928830)
+ [CSS Pocket Reference: Visual Presentation for the Web](https://www.amazon.com/CSS-Pocket-Reference-Visual-Presentation/dp/1449399037)

more books:
[(10+ Best HTML/CSS Books for Beginners & Advanced Coders in 2021) by Davis Ported](https://www.codeinwp.com/blog/best-html-css-books/)

## Cheat Sheet (pdf)
+ [html](https://web.stanford.edu/group/csp/cs21/htmlcheatsheet.pdf)
+ [css](https://web.stanford.edu/group/csp/cs21/csscheatsheet.pdf)

Have a good day.
RabbitMQ Helm Chart ulimit permission issue
Tags: rabbitmq, helm
Published: 2021-09-12 22:35:31

When using Bitnami RabbitMQ Helm chart to install RabbitMQ, I met this permission issue:

```
/opt/bitnami/scripts/librabbitmq.sh: line 512: ulimit: open files: cannot modify limit: Operation not permitted
```
It's known [issue](https://github.com/bitnami/bitnami-docker-rabbitmq/issues/86), the fix to set `ulimitNofiles` to an empty string:

```yaml
ulimitNofiles: 
```
Boilerplate Structure
Tags: webdev, vue, angular, react
Published: 2021-09-12 22:23:58

There are a lot of different options out there in terms of boilerplates. Everyone seems to be strongly in one camp or another, and if you're not in theirs, you're wrong. I decided to deep dive into what they are and their similarities and differences. To do this, I chose Vue.js, Angular, React, and StencilJS.

#Commonalities
So what commonalities are there between the boilerplate code? Each framework contains HTML, CSS, and JS in a source directory to run the boilerplate. Angular, React, and StencilJS also all include back end code you won't have to write yourself. Because of this, as well as all the dependencies, Angular and React will take a lot longer to install. This makes sense based on the amount of files.

#So which is the easiest?
Vue has the clearest file structure to understand, by far. This is mostly because of how few files in has in comparison. Unfortunately, Vue is not as well know as other technologies like React. This means you can find much more on the web to help you with it. If I was starting to build an "app" tomorrow, which would I use? I would go with React. I have a little experience with it as well as the knowledge of its resources. The scaling of React is going to be much easier because of the amount of development it has had.

If you're interested in learning more about the structure check out https://github.com/TheKodingKrab/boilerplates. In this repo you can find Vue.js, Angular, React, and Stencil.js.