teleren/devto huggingface dataset:
Markdown Tutorial - Github Profile level README
Tags: github, webdev, tutorial, markdown
Published: 2020-08-06 17:53:44

Hey Developers,
* I have created a tutorial for markdown files.

* Cloned medium post is also created!
{% medium https://medium.com/@selvakumardhivakar/github-new-profile-feature-with-markdown-tutorial-90930dad8329 %}

## Content
---
* Markdown files are used to document about the projects that we have created. For Example. Github!
* Blogs sites like **Medium** and **Dev** are using it to create blogs.
* Documentation frameworks also using markdown files to create the entire documentation about any projects or frameworks. For Example, gitbook, docusaurus, etc.

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/kfe7ebrmtu46h44073hz.png)

* If you have already know "HTML", then you may know about h1 to h6 tags. Like that, we can create headings in markdown file also.
Use hash symbol before the heading text and you can change the size by adding hash symbols from 1 to 6 repeatedly.
* Normal text will be added by just typing it.
* Bold text can be created by enclosing double stars or underscores before and after the text.
* For italics, use single underscore before and after the text.
* To strike a text, use double tildo symbol before and after the text.
* Note: Don't give any spaces between the symbols and text.
* In markdown file, ordered list and unordered list can be created. Unordered lists can be created using star as well as dash symbol. Ordered lists or numbered list can be created using any starting number. 
* Use Greater than symbol (>) to create highlighted text.
* Horizontal line can be created using three underscores or dashes.
* In markdown file, **tables** can also be created using the following syntax. Use pipe symbol to specify each columns and dashes for dividers.
* Program code can be inserted into the markdown file. Code like css, javascript or bash commands! Three backquotes are used before and after the code! Css code can also used inside this area!
* A link can be directly pasted in the markdown editor, instead we can make it like a anchor tag in html.
* Inside a square brackets, the text will be placed and inside the braces, the link will be placed.
* Placing the image inside the anchor tage is also possible.
* Note: Make sure that you have given a correct image url, else alt text will be displaced with broken image thumbnail.
## Github new feature
---
* GitHub has recently released a feature that allows users to create a profile-level README to display on their GitHub profile.

* For Example, If you see my github profile page, you can see that profile-level README about me!

* If you like this video, make sure that you have subscribed to vuelancer! 

~ Thank You.

### Support Me
* [Youtube - Vuelancer](https://www.youtube.com/channel/UC0hmXRqXYVO0mocVt5D3GkQ)

* [Github - Vuelancer](https://github.com/vuelancer)

* [Scrimba](https://scrimba.com/@selvakumardhivakar)

* [Vuelancer - Patreon](https://patreon.com/vuelancer)
The .NET Docs Show: Microservices, managing disparate teams, and containers with Chase Aucoin
Tags: dotnet, microservices, dotnetdocsshow
Published: 2020-08-06 17:46:15

---
title: The .NET Docs Show: Microservices, managing disparate teams, and containers with Chase Aucoin
published: true
description:  The .NET Docs Show is joined by the Director Of Engineering at The Paciello Group, Chase Aucoin for a deep dive into the microservices manifesto, managing disparate teams, and .NET containers.
tags: dotnet, microservices, dotnetdocsshow
cover_image: https://dev-to-uploads.s3.amazonaws.com/i/0dfxm8whqycy4qkllsf5.png
---

In this episode of [The .NET Docs Show](https://dotnetdocs.dev), Chase Aucoin (<a href="https://twitter.com/ChaseAucoin" target="_blank">@ChaseAucoin</a>), Director Of Engineering at The Paciello Group discusses [.NET with containers](https://aka.ms/docker-dotnet?WT.mc_id=devto-thedotnetdocs-dapine) as part of this week's #CheckUp.

The #HallwayTrack was filled with conversation about an open source repository that he wrote called, [CupcakeFactory.ServiceProxy](https://github.com/chaseaucoin/CupcakeFactory.ServiceProxy), how disparate teams can actually benefit from a microservices architecture, and .NET containers. We also learned about "POSO", a plain ole service object, DLL HELL, Composing orchestration, the acceleration of CLIs over GUIs, and so much more - including his microservices manifesto!

{% youtube UShy1RGCK0E %}

If you liked this video and would like to see some more of our .NET content, please subscribe to our [The .NET Docs Show YouTube Channel](https://www.youtube.com/channel/UCIy_nKrwrd-naf_MPWtXdLA) and [follow us on Twitter](https://twitter.com/dotnetdocsshow).

# #CheckUp

- [Containerize a .NET Core app](https://aka.ms/docker-dotnet?WT.mc_id=devto-thedotnetdocs-dapine)

# Useful links

- [Chase's URL list](https://www.theurlist.com/the-dot-net-docs-show-containers-chase-aucoin)
- [The .NET Docs Show](https://dotnetdocs.dev)
Save Data To Offline Storage With Localforage
Tags: javascript, localstorage, opensource, library
Published: 2020-08-06 17:33:54

The `localForage` is an open-source JavaScript library that refines the experience of saving data to web browser databases like `localStorage`, `IndexedFB` or `WebSQL` API.

It supports the majority of all types of browser databases.

It is absolutely asynchronous that simply uses browser databases and improves the universal offline experience of the web app.

In this tutorial, we'll see how to save data to browsers in a much easier way with **localforage** `setItem()` method.

# Localforage setItem() method

- With `localforage` `setItem()`, developers are allowed to store multiple types of data not just strings.
- It automatically manages and loads the best web browser driver(`IndexedDB`, `WebSQL`, and `localStorage` drivers).
- It also supports to store _blob_ and arbitrary type of data, so that we can store images, files, etc.
- It also supports `ES6 Promises`.

## Syntax

```javascript
setItem(key, value, successCallback);
```

### Types of supported JavaScript objects

- Array
- ArrayBuffer
- Blob
- Float32Array
- Float64Array
- Int8Array
- Int16Array
- Int32Array
- Number
- Object
- Uint8Array
- Uint8ClampedArray
- Uint16Array
- Uint32Array
- String

### Example

```javascript
const user = {
  firstName: "Sunidhi",
  lastName: "Chauhan",
  profession: "Singer 🎤",
};

localforage
  .setItem("userDetails", user)
  .then((value) => {
    console.log("👩‍🎤 " + value.firstName + " " + value.lastName);
  })
  .catch((error) => {
    console.error(error);
  });
```

### Output in console

```output
👩‍🎤 Sunidhi Chauhan
```
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/pccuwgpdqev6g4353cod.png)

Read the complete post on our site [MeshWorld](https://meshworld.in/)  - [ Save Data To Offline Storage With Localforage](https://meshworld.in/save-data-to-offline-storage-with-localforage/)

Read others post on our site [MeshWorld](https://meshworld.in/)

Hope you like this
Happy 😄 coding
With ❤️ from India 🇮🇳
CSS game: Plankman
Tags: css, html, webdev, codepen
Published: 2020-08-06 17:17:30

---
title: CSS game: Plankman
published: true
description: Plankman is a pirate-themed version of the classic hangman game. It is developed using HTML and CSS without a single line of code.
tags: css,HTML,webdev,codepen
cover_image: https://dev-to-uploads.s3.amazonaws.com/i/bypo0x7j59h3ibby6wze.png
---

Ahoy, mateys! Do you like games? "Arrr" you "hooked" into movies? Here is a pirated-themed version of the [Hangman](https://en.wikipedia.org/wiki/Hangman_(game)) game [developed using only HTML and CSS (no JavaScript and no images)](https://codepen.io/alvaromontoro/full/XWdrQOg): 

{% codepen https://codepen.io/alvaromontoro/pen/XWdrQOg %}
<figcaption>The topic is "movie titles"</figcaption>

For this game, I chose to not use SCSS or Pug (or any other preprocessor) as the logic is fairly simple... a decision I'd regret soon enough later, as it is really tedious too (using preprocessors would make adding new movie titles so much easier.)

There are 10 movie titles that are "randomized" for the game using the [CSS pseudo-randomization algorithm explained in this article](https://css-tricks.com/are-there-random-numbers-in-css/). It would have been easier to have them in order, but the "random" factor makes it more interesting.

The images are not really images –not even inline SVGs–, it's all cartoons done with CSS and styled using shadows, clip paths, and border-radius. Developing [the shark was fun](https://codepen.io/alvaromontoro/full/PoNoBRj), and I'm particularly happy with how it looks.

---

If you like CSS games like this one, [check this CodePen collection](https://codepen.io/collection/nvJYmm) or [visit this GitHub repo](https://github.com/alvaromontoro/CSS-Games).
Indian tea
Published: 2020-08-06 17:16:12

hi! India tea also, known as <a href="https://teaswan.com/">Masala Cha</a>i .The tea leaves are boiled along with additions and then boiled again after the addition of milk and sugar. In India Masala chai is the most consumed bevarage. Its a flavoured tea beverage made by brewing black tea with a mixture of aromatic Indian spices and herbs. it is one of the part of Indian breakfast with the bread or biscuits as sides. 
<a href="https://teaswan.com/pages/wholesale-tea-and-bulk-tea">TeaSwan</a> Offers High Quality And Purest Flavors Of Teas. Our Each Tea Purchase Comes With Organically And Ethically Grown <a href="https://teaswan.com/pages/wholesale-tea-and-bulk-tea>Teas</a>, Carefully Blended To Create The Perfect Cup. Our choice of extremely high quality ingredients and perfect aromas has managed to differentiate us from everyone else but it is our unwavering passion for premium tea that will help us expand our reach even more. TeaSwan is a premium tea <a href="https://teaswan.com/pages/wholesale-tea-and-bulk-tea">whole seller</a> offering a great selection of exotic premium Organic, loose leaf tea from Darjeeling, Assam, Nepal and China at bulk and for wholesale
checkout website: <a href=": https://teaswan.com/pages/wholesale-tea-and-bulk-tea
"> Bulk tea </a>
AWS Community Builders launches
Tags: aws
Published: 2020-08-06 17:03:53

Amazon recently setup a new program, the [AWS Community Builders Program](https://aws.amazon.com/developer/community/community-builders/) and this week it came out of beta so head on over to sign up!

The local tech community here in Boston is fantastic, from meetups to hackathons, to community led conferences. You have people like [Brian Tarbox](https://aws.amazon.com/developer/community/heroes/brian-tarbox/) helping folks to connect.

I see the AWS Community Builders really at bringing passionate folks together from across the globe. As folks work on blog posts, tutorials, talks - it makes you want to contribute.. or maybe compete? 

¯\\\_(ツ)\_/¯

The program is great at putting together webinars with internal folks at Amazon - being able to ask [Jeff Barr](https://aws.amazon.com/blogs/aws/author/jbarr/) questions on how he goes about writing was pretty cool. I'm sure as the program really kicks off, the talks will keep increasing in quality.

Registration is open [right now](https://amazonmr.au1.qualtrics.com/jfe/form/SV_aVP5WTzsHJWX3Vz) until September 15th. Registration is only twice a year, and participants will have a year in the program!

I 100% attribute this re-launched blog to being part of this program! If you've any questions, [drop me a message](https://gizmo.codes/contact).

![](https://gizmo.codes/images/AWS-Community-Builders/Joined-Community-Builders.png)
Staying Empowered During Job Search & Job Search Prep
Tags: career, bootcamp
Published: 2020-08-06 16:59:36

I am someone who can know exactly what I should be doing and totally resist it.

I have been feeling torn between studying algorithms, applying to jobs and creating applications.

It is not easy to create structure in your life, when the bootcamp ends, or when you graduate college.

Consistency is something that creates results, however it is often a long game.

I won't be great at solving algorithms, or learning new languages and frameworks overnight, but if I practice daily for months I will strengthen my skills.

For the past week I have committed to doing algorithms on Leetcode everyday, even if it is just 2-3 new ones and 5 ones that I have already done. I also have committed to pushing code to Github everyday, but the most important thing I have added to my routine is meditation.

This is my Leetcode submissions:

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/ys4x47v6kgufgl6npdtn.png)

I meditated everyday for 40 days and it changed my life. It was the turning point in my bootcamp, I was able to bounce back from seemingly unsolvable bugs, frustration with new material and the stress of code challenges.

When I stopped meditating, I slowly fell back into old ways of thinking. I started to doubt myself, lose motivation, lose patience with learning how to solve various algorithms.

Being a developer is an emotional rollercoaster, the actual coding is not that hard if you practice, however running into bugs that take hours or days to solve can really mess with your head if you do not have a strong mental fortitude, which I will be honest if I do not meditate I surely don't.

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/1kdd20hd5w4bkb8vmz2e.jpeg)

One last thing I will add is I keep seeing Junior developers complain about the number of rejections they get or the application process, and it is not productive. It is a downer to see negative posts on Linkedin, not to mention it is a red flag to recruiters. So stop that habit. Write in a journal, call a friend but do not ruin your professional reputation by having a quitter attitude.

Good luck with your job searches everyone! You will find the right role it is just a matter of time.
A short introduction to Functional Composition
Tags: javascript, functional
Published: 2020-08-06 16:34:49

Function composition is a mathematical concept that allows us to combine two or more functions into a new function where the result of each function is passed to the next one.

A key to function compositions is having functions that are composable, meaning they should have 1 input argument and 1 output value.

We can write a compose function like this:

```Javascript
const compose = (...fns) => x => fns.reduceRight((v, f) => f(v), x)
```

After turning all functions provided to an array-like object via the spread operator we can use the reduceRight method on the functions provided. The first parameter of the callback is the current argument (v). The second argument is the current function (f). The first value is the X. Then we call each function with the current argument and the result is used for the next call.

We also have something called a pipe function. It's basically the same thing:

```Javascript
const pipe = (...fns) => x => fns.reduce((v, f) => f(v), x)
```

Notice that the implementation is the same as the compose function except we are using reduce instead of reduceRight, which reduces left to right instead of right to left. I prefer using the pipe function because I think its more intuitive, but this is down to personal preferences.


A big advantage of functional compositions is splitting up larger functions into smaller ones, making them easier to reuse.

In this example, we have an array of numbers:
```Javascript
const numbers = [1, 2, 3, 4, 5, 6, 7]
```

In this case, we want to first double all the numbers in the array, then remove all numbers below 10, and finally calculate the sum of the numbers left. We can do this using function chaining like this.

```Javascript
const sumOfArray = numbers
  .map(num => num * 2)
  .filter(num => num > 10)
  .reduce((a, c) => a + c)

console.log(sumOfArray) // Output: 26
```

A better way would be to break it out to smaller functions:

Double all numbers in an array:
```Javascript
const dubbleArr = arr => arr.map(num => num * 2)
```

Filter out all numbers below 10 in an array:
```Javascript
const over10Array = arr => arr.filter(num => num > 10)
```

Calculate the sum of the numbers in an array:
```Javascript
const sumOfArray = arr => arr.reduce((a, c) => a + c)
```

In our pipe function, we provide a list of functions we want to use and then we specify the array we want to use it on.
```Javascript
const sum = pipe(
  dubbleArray,
  over10Array,
  sumOfArray
)(numbers)

console.log(sum) // Output: 26
```

This was a small example of how functional compositions work. For more information about functional compositions you can read this [articel](https://hackernoon.com/javascript-functional-composition-for-every-day-use-22421ef65a10).

If you want to learn more about functional programming in JavaScript I can recommend this [course](https://www.udemy.com/course/functional-programming-in-javascript-a-practical-guide/) and this [book](https://www.packtpub.com/web-development/mastering-javascript-functional-programming-second-edition).
Best Domain and Hosting providers
Tags: discuss, webdev, healthydebate
Published: 2020-08-06 16:33:56

Hi, I would like to know which are your favorite options to choose a domain and a host provider, and why. I'm starting a new project and I pretend to choose the best options.

No matter if the domain and host are different providers, I'm searching for relevant characteristics.

Thanks 🙃!
How to get over my fear of algorithms and test when applying for a job
Tags: webdev, discuss, career, help
Published: 2020-08-06 16:28:11

---
title: How to get over my fear of algorithms and test when applying for a job
published: true
description: 
tags: #webdev #discuss #career #help
//cover_image: https://direct_url_to_image.jpg
---

Hello everyone, 

This week, I want to open the floor for discussions on how one can overcome their fear of algorithms and tests in general when applying for jobs. I have always felt the need to start applying for another job but the fear of all the tests, algorithms, one on one technical interviews just gives me cold feet. If you have been in this situation before, do you mind sharing practical steps you took to get over your fears and get better in the job application process. You could also share books, articles or courses you took that helped as well. 

Looking forward to hearing from you all.
Assuming role in AWS CLI with MFA authentication.
Published: 2020-08-06 16:18:59

Sometimes you need to assume role while working with *aws cli*, but role assuming condition is to be authenticated by MFA.

Here is script which makes it fun.
Script is available in my git [repo](https://github.com/virtiogroove/aws-helper-scripts/blob/master/aws-mfa-auth.sh)

What we are doing here:
1. We use normal profile to get session Token, with MFA authentication.
2. We create temp profile for MFA authenticated session.
3. We authenticated and assume desired role with that profile and add role profile to `.aws/credentials file`
4. Then, we can start using it in any *aws cli* command with `--profile` argument

1. What information we need:
- initial profile to use
- temp profile name - which will be your profile with MFA authentication
- role arn
- role session name (anything you like to name it)
- role profile name, which you can refer
- MFA arn
- current MFA token

![Script](https://www.virtiogroove.com/dev/devtoimages/Gettingdetails.PNG)

2. Now we are getting MFA authentication session object, and parsing it to extract:
- `aws_access_key_id`
- `aws_secret_access_key`
- `aws_session_token`

I intentionally left `sed` parse not optimized, for ease of understanding

![MFA auth](https://www.virtiogroove.com/dev/devtoimages/getttingsessionmfa.PNG)

3. Using temporary MFA authenticated profile we are assuming role, and getting role session authentication object, which we parse and extract data as in step 2.

![MFA auth](https://www.virtiogroove.com/dev/devtoimages/gettingrolecredentials.PNG)

after writing temporary role profile to `.aws/credentials` we can use it with `--profile` argument in *aws cli*
Kotlin tests and user stories
Tags: kotlin, testing, automation
Published: 2020-08-06 16:12:22

---
title: Kotlin tests and user stories
published: true
description:  I love stories. I love tests. And I really love tests that read like stories.
canonical_url: https://meeshkan.com/blog/kotlin-tests-user-stories/
tags:
  - kotlin
  - testing
  - automation
---

I love stories. I love tests. And I really love tests that read like stories.

My journey into the poetic world of writing tests like stories starts with a talk by Jake Wharton about [robot testing](https://jakewharton.com/testing-robots/). Wharton argues that tests should read like instructions to a robot on how to use your app. The benefits of his approach go beyond the human-readability of a testing spec. Writing hybrid story/tests enforces a form of rigor that forces one to take a step back and think about how one truly wants users to interact with an app. This invariably leads to a cleaner design and less cruft.

This way of authoring tests has recently become a bit of an obsession. So much so that I have dispensed with functional syntax and begun writing my tests using prose. Think OuLiPo plus Larry Wall.

“How does the whole thing work?” you may ask. Imagine we were writing a payment app. The code below would constitute a syntactically-valid Kotlin test.

```
First sign into your console.
 Then check your point balance. There should be fifteen points.
 Then use all of your points to buy a ticket to Guam that costs exactly the number of points you have.
 Then check your point balance. It should now be zero.
```

Kotlin makes the example above possible thanks to the infix keyword. I have provided below the same example with all of the infix functions needed to create syntactically correct Kotlin.

You see that some functions above contain placeholder comments to verify the various bits of business logic that we are testing. This allows us to decouple the actual functions we are testing from their semantic meaning. It also reduces the ambiguity of intent even though it requires a fair amount of boilerplate. Even the boilerplate can be mitigated to a certain extent by scripts that transform prose into code.

Robot tests are not the only situations where Kotlin-interpretable prose can prove useful. [Devto articles work as well](https://try.kotlinlang.org/#/UserProjects/uspeu9cmn55b14jn71l3amlea1/r95i21of8ue2oc7aaop4rkp9dl).