teleren/devto huggingface dataset:
Pure Components in React
Published: 2020-12-31 12:10:06

{% codepen https://codepen.io/shahtufail/pen/XWjVoxj default-tab=js,result %}



> Check my [CodePen](https://codepen.io/shahtufail) and follow me on [Twitter](https://twitter.com/tufailmsg), and encourage me to deliver more CSS, JS, HTML awesomeness, tips and tricks.
Sassy!
Tags: codenewbie
Published: 2020-12-31 12:05:38

Finished the Sass section of Free Code Camp's Front End Libraries Certification course this morning. Didn't take long, as I have already studied (and slightly used!) Sass before. Interesting how you can use loops! I really need to use morning time to code. I'm caffeinated and ready to rock! I'm going to try to work on FCC every day to keep me frosty, in addition to my other projects. My first project will be my new portfolio page! Thinking about using Gatsby. Then hosting. Back to Digital Ocean? Probably.
sdoc - A simple documentation tool
Tags: opensource, javascript, documentation
Published: 2020-12-31 12:00:24

I'm building a simple doc tool for inline commentaries, with markdown support. The project started as a need to have a simple documentation tool for documenting reusable components.

> Installation

`npm install @nhevia/simple-docs`

or install as a development dependency:

`npm install --save-dev @nhevia/simple-docs`

> Usage

- Add **sdoc** as a package.json script:

```
"scripts": {
  "docs": "sdoc"
}
```

- Use a comment block at the start of any file with `sdoc` preffix:

```javascript
/*sdoc
This is the main component
*/

// your code
```

- Run `npm run docs`. It will indentify documentation blocks in your project and generates an output file (`sdoc.md` by default, on root folder):


Since the generated file is markdown, it is supported inside documentation blocks.

```javascript
/*sdoc
  This is the **main** component
*/
```

![image](https://user-images.githubusercontent.com/50466554/91442173-b727aa80-e871-11ea-9a97-b54b94d9d72a.png)

There is more info (examples, options, etc) in the [repository's readme](https://github.com/nhevia/simple-docs#readme)


This is my first public package and I got some help from a couple awesome people, but the project is totally open for PRs, enhancement, fixes, documentation, you call it.

I'm posting this hoping someone might find it useful or want to improve it a little bit. I don't intend this to be super serious because there are awesome documentation tools with lot of support, but it surely is a fun way to spend some time.

Any question just let me know, thanks for reading!
Finally passed AZ-204
Tags: az204, certification, az204exam, azurecertification
Published: 2020-12-31 14:24:07

---
title: Finally passed AZ-204
published: true
date: 2020-12-31 11:58:52 UTC
tags: az204,certification,az204exam,azurecertification
canonical_url: https://medium.com/@bervianto.leo/finally-passed-az-204-adb53a0664e6
---

![](https://cdn-images-1.medium.com/max/1024/0*UcFgtCitqJGJJLdo)<figcaption>Photo by <a href="https://unsplash.com/@craftedbygc?utm_source=medium&amp;utm_medium=referral">Green Chameleon</a> on <a href="https://unsplash.com?utm_source=medium&amp;utm_medium=referral">Unsplash</a></figcaption>

I really happy because I can passed the exam of AZ-204. If you still don’t know what is AZ-204, I hope you can check this [link](https://docs.microsoft.com/en-us/learn/certifications/exams/az-204). In short, this certification, will test your knowledge to develop software/apps that will use Azure Resources. It’s many aspects/materials like VM (Virtual Machines), Web App, etc. I can’t write too much here, because you will be bored when I write long post.

### What resources that I used?

I use some sites to help me learn the materials.

1. Microsoft Learn. Ah, this site really helpful, I can use the sandbox so will help me to understand more deeply in technical way. Anyway, you need to know a bit about C#, it will help to pass this exam.
2. RoleIQ — Pluralsight. This site will help me to practice and measure your current knowledge. I use this site about 2 weeks before the exam, so I know how much that I’ve learned.
3. Another site! You can’t stop in those sites, you can learn from another resources as well. I also learn from [Azure Friday](https://channel9.msdn.com/Shows/Azure-Friday).

### Here is my badge

Yey, thank you for visit this page too. I hope for you that also plan to take this exam, you also can pass it! I want to share my badge. Here we are.

[Microsoft Certified: Azure Developer Associate was issued by Microsoft to Bervianto Pratama.](https://www.youracclaim.com/badges/1ed42ba5-d7fe-4191-a5cb-90f86edcd33a/public_url)

For closing

![](https://cdn-images-1.medium.com/max/1024/0*YApotSWXrVbeqqmB)<figcaption>Photo by <a href="https://unsplash.com/@mayurgala?utm_source=medium&amp;utm_medium=referral">Mayur Gala</a> on <a href="https://unsplash.com?utm_source=medium&amp;utm_medium=referral">Unsplash</a></figcaption>

Have a nice day!
CSS Grid Layout (responsive)
Tags: css, grid, layout, design
Published: 2020-12-31 11:53:23

**In this post I'll be showing how we can use Css- GRID BOX to create web and mobile layout easily and efficiently.**

CSS Grid Layout is the most powerful layout system available in CSS. It is a 2-dimensional system, meaning it can handle both columns and rows, unlike flexbox which is largely a 1-dimensional system. You work with Grid Layout by applying CSS rules both to a parent element (which becomes the Grid Container) and to that element’s children (which become Grid Items).
Try resizing the window to check for responsive effect.




Try resizing the window to check for responsive effect.
Check my Pen and give suggestion where and how we can achieve the required layout without pulling our hair.
{% codepen https://codepen.io/shahtufail/pen/NWRNegK %}

> Check my [CodePen](https://codepen.io/shahtufail) and follow me on [Twitter](https://twitter.com/tufailmsg), and encourage me to deliver more CSS, JS, HTML awesomeness, tips and tricks.
How to learn python quickly without paying a dime 
Published: 2020-12-31 11:50:58

Long time ago I have always wanted to learn software development but getting rich resources for free is something difficult to find and thus that has kept me and not only me, maybe you reading this post as well to come to the conclusion "maybe software development isn't for my type of personality " . If you ever had this thought then you were absolutely wrong . I will share with you how I learn python so quick in less than three months and moved my way to learning Django for web development in less than three months as well.
Foremost, in learning software engineering you should be able to find your niche, this is one of the most vital part of it. Look for the part of software you love and make enquiry on the language you should learn for that specific field. Google is your best friend, you should search online for guide .
After you find your niche and what you love, proceeding to finding a good platform to learn for free is quite difficult. This was difficult for me as well because you keep seeing free tutorial on different platform such as YouTube, coursera, udemy with little or no attention given to rich content capable of speeding learning process.
At this point what you should do to learn quick and start implementing your knowledge is to learn from big tech YouTubers that have great contents . Follow multiple tech youtube channels with keen interest in the language you are learning . For learning quick and fast I will advice you follow this youtube channels and learn consistently from them;
1. Traversy media 
2. Freecodecamp
3. Clever programmer 
4. Justdjango 
5. coding entrepreneur 
6. semy colon 
7. dennis ivy 
8 . Intellipaat 
These channels are not arranged neither in ascending nor descending order and it's not the only channel out there,you can find other  good channel online but I promise you if you would learn consistently from this various channels by putting in work and energy  then in six months row you should be good to kick start a career in tech .
Thanks for reading and keep enjoying great content from me.

Cheers william 😊.
Business Analyst Training
Published: 2020-12-31 11:50:51

Business Analyst Training
Our extensive Training of 45+ hours covers both basic and advanced topics to help you become a proficient Business Analyst.
Our Business Analysis Online Training covers PMP based Project Management topics as well as Agile Scrum.
We also cover QA Testing to give you a well-rounded experience.

https://www.h2kinfosys.com/courses/ba-online-training-course-details
Host FastAPI application on Ubuntu Virtual Machine
Tags: python, fastapi, gunicorn, caddy
Published: 2020-12-31 11:33:15

---
title: Host FastAPI application on Ubuntu Virtual Machine
published: true
description: Step by step tutorial on deploying FastAPI app on Ubuntu 18 VM. FastAPI app performs Async CRUD operations on PostgreSQL. It is hosted on Gunicorn as a systemd and exposed as a reverse proxy to the outside world through Caddy 2 Web Server
tags: python, fastapi, gunicorn, caddy
//cover_image: https://dev-to-uploads.s3.amazonaws.com/i/tscohipxthrovv1f44mt.png
---
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/tscohipxthrovv1f44mt.png)
Step by step [video tutorial](https://bit.ly/3hpS0Ws) on deploying FastAPI app on Ubuntu 18 VM. FastAPI app performs Async CRUD operations on PostgreSQL. It is hosted on Gunicorn as a systemd and exposed as a reverse proxy to the outside world through Caddy 2 Web Server.

Also check out this [detailed article](https://bit.ly/2SGLWgt) that includes end to end steps for FastAPI deployment on Ubuntu along with the steps to troubleshoot at every phase of deployment.
My First Static Web (Personal Site) at DigitalOcean App Platform
Tags: dohackathon
Published: 2020-12-31 11:32:26

---
title: My First Static Web (Personal Site) at DigitalOcean App Platform
published: true
description: My submission to the DigitalOcean App Platform Hackathon!
tags: dohackathon
---

## My Personal Site at DigitalOcean App Platfom

### Category Submission: Personal Site/Portfolio


### App Link

Hi, you can try my apps [here][personal-web-link]

### Screenshots

#### Front Page, Education Page & Work Experience Page

|Front Page|Education Page|Work Experience Page|
|:--------:|:------------:|:------------------:|
| ![Screenshot_2020-12-31 Bervianto Personal Web](https://dev-to-uploads.s3.amazonaws.com/i/nscuh96rseigikvd38v9.jpg) | ![Screenshot_2020-12-31 Bervianto Personal Web-1](https://dev-to-uploads.s3.amazonaws.com/i/y2whrwecp1vsw8hdyd0p.png) | ![Screenshot_2020-12-31 Bervianto Personal Web-3](https://dev-to-uploads.s3.amazonaws.com/i/gs00kgmd1kdtnpi4m58n.png) |

#### Portofolio Page & About Page

| Portofolio Page | About Page |
|:---------------:|:----------:|
| ![Screenshot_2020-12-31 Bervianto Personal Web-porto](https://dev-to-uploads.s3.amazonaws.com/i/my1eu72mf1vxppy2ydeg.png) | ![Screenshot_2020-12-31 Bervianto Personal Web-about](https://dev-to-uploads.s3.amazonaws.com/i/kp8gh9756vvmxvi30dw7.png) |

### Description
 
This is the site to show some of my work history and education history. You also can found some of my contacts there. This site build use vue.js, I really like vue, for me, it's easy to use and understand. I also host my site use DigitalOcean App Platform, it is awesome, easy to setup.

### Link to Source Code

You can found the source code [here][source-code]

### Permissive License

My source code license is MIT. Feel free to contribute or build for yours!

## Background

I'm not have many reason for this. I just want to build my own site so you can know more about me from this site. This site is simple, only bring that should be important to know for you.

### How I built it 

It will easy for you to deploy the site use template (the button). Yeah, it's kinda weird for deploy my site use template. :D But, this button template is really good way for me to easy setup! I build the site use vue.js, wow, I really glad App Platform also support it! Actually I don't really need to define what platform I use, they can detect seamlessly. I am a man that need to define as detail as well, so I still define it.

It is also easy to setup when you choose to start from App Platform portal. The site will guide you to setup your application and recommend some options that will be useful.


### Additional Resources/Info 

This is my first static site at App Platform. Hopefully I will submit another site that will use the backend. This is mine. How about yours?

[personal-web-link]: https://my-personal-web-2-7yvne.ondigitalocean.app/
[source-code]: https://github.com/bervProject/my-personal-web
Thrashing | Operating System - M05 P16
Tags: linux, devops, beginners, tutorial
Published: 2020-12-31 11:13:32

**This is a multipart blog article series, and in this series I am going to explain you the concepts of operating system. This article series is divided into multiple modules and this is the fifth module which consists of 26 articles.**

_In this article we will see that what is thrashing? Why it is used and what are the problems thrashing has and also how can be solve those problems._

### Thrashing
- We divide process into multiple pages and load them in RAM. Our main focus is to increase degree of multiprogramming so CPU utilization can also increase.
- One way to do this is we can load one page of every process in RAM so degree of multiprogramming would be highest.
- But there is a problem with this approach that suppose CPU request a page from `P1` process which is not present in RAM than it will be termed as **page fault** and there could be a worst case scenario that RAM is full with different pages of different processes but CPU call a page which is not present in RAM.
- In this scenario to recover from page fault a large amount of time is required, and during that time CUP utilization will also decrease.


![Thrashing-300x236.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1609412977519/hMPWaDo7W.png)

- When the system is recovering from page fault and CPU utilization is less that is known as thrashing.
- We can remove thrashing when we use long term scheduler.

_So this was all about **thrashing**. Hope you liked it and learned something new from it._ 

If you have any doubt, question, quires related to this article or just want to share something with me, than please feel free to contact me. 

### 📱 Contact Me

[Twitter](https://twitter.com/r_mishra10)
[LinkedIn](https://www.linkedin.com/in/rahul-mishra-66210b185)
[Telegram](https://t.me/rahul_mishra10)
[Instagram](https://www.instagram.com/rahul_mishra10/?hl=en)

### 📧 Write a mail
<rahulmishra102000@gmail.com>

#### 🚀 Other links

[GitHub](https://github.com/rahulMishra05)
[HackerRank](https://www.hackerrank.com/rahulmishra10201)
Holiday readings in cryptography🎄☃️✨
Tags: cryptography, security, watercooler, cybersecurity
Published: 2020-12-31 11:09:38

Ho-ho-ho 🎉🎅 says and brings those lazy winter holidays days.
💪 But we all know once in crypto is always in crypto.

And so, not to miss a single day without getting stronger in cryptography and data security, we chose some great posts to read, in alternative to being a couch potato. Just a few. Hope, you will enjoy them too.

☃️ [JWTs: Which Signing Algorithm Should I Use?](https://dev.to/scottbrady91/jwts-which-signing-algorithm-should-i-use-3m79) written by @scottbrady91. Though Scott Brady is not a cryptographer, he has some practical experience in the field and puts the important things in a clear way.

☃️ [A Practical Guide to the Web Cryptography API](https://dev.to/voraciousdev/a-practical-guide-to-the-web-cryptography-api-4o8n) written by @voraciousdev. Looking for cases? Here it is. David R. Myers shares his progress in implementing client-side encryption in a writing app for developers. 

☃️ [Application level encryption for software architects: everything you need to know] (https://www.infoq.com/articles/ale-software-architects/) written by [Eugene Pilyankevich] (https://twitter.com/9gunpi). In the cryptographers' and cryptanalysts' community, they say this is the best article on ALE. We think the same.

☃️ In case you would like to switch to video and inspiring talks, we definitely recommend watching [Bruce Schneier special interview] (https://youtu.be/Vn7wL12qjY0), on cryptography. You can also read it [here] (https://dev.to/cossacklabs/schneier-on-cryptography-live-interview-4mi7).
{% youtube Vn7wL12qjY0 %}
☃️ And last but not least. [How to Run Secure Search over Encrypted Data] (https://www.cossacklabs.com/blog/secure-search-over-encrypted-data-acra-se.html) written by the @CossackLabs engineers. It covers an overview of existing approaches, their downsides, typical attacks, and ready-to-use tools for searching over encrypted data in SQL and NoSQL databases.

Happy holidays!✨🎄☃️✨
Cut through complexity!
Mezon wrapper for processing HTTP requests
Tags: http, request, microservices, rest
Published: 2020-12-31 11:04:33

This class will help you to fetch data from $_POST, $_GET arrays and headers.

## Installation

Just print in console

```
composer require mezon/request
```

And that's all )

# Learn more

More information can be found here:

[Twitter](https://twitter.com/mezonphp)

[dev.to](https://dev.to/alexdodonov)

[Slack](https://join.slack.com/t/mezon-framework/signup?x=x-p1148081653955-1171709616688-1154057706548)

# How to start

The firs steps are quite simple

```php
var_dump(Request::getParam('some-param', 'default'));// will be outputted 'default'

$_GET['some-param'] = 'some-value';
var_dump(Request::getParam('some-param'));// will be outputted 'some-value'
```

# Fields priorities

In case you have the same parameters in $_GET, $_POST and other global arrays, then they will be prioritized in this way:

- security tokens in HTTP headers
- [Router parameters](https://github.com/alexdodonov/mezon-router)
- HTTP request headers
- $_POST
- $_GET

For example:

```php
$_GET['some-param'] = 'get-value';
$_POST['some-param'] = 'post-value';

var_dump(Request::getParam('some-param'));// will be outputted 'post value'
```

# Router parameters

You can pass your [Router](https://github.com/alexdodonov/mezon-router) object to this class and fetch parameters for non-static routes:

```php
Request::registerRouter(<your Mezon\Router object>);
```

# Security tokens in HTTP headers

There are a way to fetch security token from headers:

- Authentication
- Authorization
- Cgi-Authorization

For example if you will pass in headers something like that:

```
Authorization: Basic <some token>
```

And then call:

```php
Request::getParam('session_id')
```

Then this call will return <some token>.

# Wrappers

There are some convenient wrappers were implemented:

```php
// will return true if the parameter exists
// will return false otherwise
Request::wasSubmitted('param-name')
```

Or wrapper for check-boxes:

```php
Request::getChecked('param-name', ['switched on', 'switched off'])
Request::getChecked('param-name', [1, 0])
Request::getChecked('param-name', [true, false])
```

In this call the method `getChecked` will return the first element of the array which is passed as the second parameter. And the second element otherwise.

# Learn more

More information can be found here:

[Twitter](https://twitter.com/mezonphp)
[Mezon Framework](https://github.com/alexdodonov/mezon)
Webinfomatrix Digital Marketing Company in Delhi
Tags: digital, marketing, company, delhi
Published: 2020-12-31 11:02:46

Webinfomatrix offers expert digital marketing services that help our clients attract a vast audience and build large profits through our digital services.

  We Provide Services:

- Digital Marketing
- Email Marketing
- Content Marketing
- Website Design 
- Pay-Per-Click Advertising
- Social Media Management
- Web Development Services
- Conversion Rate Optimization


Please visit my site below mention link:

https://www.webinfomatrix.com/
Importance of SDLC
Tags: sdlc, softwaredevelopmentlifecycle, importanceofsdlc, sdlcimportance
Published: 2020-12-31 11:02:46

##**Importance of SDLC**

A question may arise in your mind as to why is the Software Development Life Cycle important. Now, there are countless advantages of SDLC to have for your design project. Though here are the common ones:

**It helps you to clarify what the problem or goal is.** You can easily go ahead while taking on a large project. Software Development Life Cycle lets you see the goals and issues to implement your plans with precision and relevance.

**You can design the project with clarity.** The project cannot jump from one stage to another until it completes the prior stage, and the project manager signs it off. You can create a formal review at the end of each phase to give you maximum management control.

**It properly tests it before installation.** If you execute your project using a Software Development Life Cycle, then it goes through some necessary checks and balances. You can rest-assure about its precision testing before entering the installation stage.

**Even if a key project member leaves, the new member can pick up from where it left.** Normally, in case of missing or incomplete paperwork, the new member has to start from the beginning or even change the project to make proper sense. But, the well-designed software development life cycle lets the new project member continue the process without any complications.
 
**A project manager can powerfully manage a project provided the deliverables are completed on time and within the budget.** It is very easy to stick to a budget when you have a well-organized plan that lets you see all the timetables and costs. The project can submit their work to an integrated system that flags anything due. 

**It saves the project manager’s time on micro-managing.** Hence, he or she can spend more time improving the production and efficiency of the project.

**The project can continuously loop around until perfect.** The stages feed them back into the earlier stages. Hence, the Software Development Life Cycle model provides flexibility to the project.

**When it comes to designing and implementing a project, Software Development Life Cycle is the solution.** It’s the best way to ensure optimal control, minimize problems, and allow project managers to run production. That, too, without worrying about micromanaging the project members.
 
So, it sums up the benefits of the Software Development Life Cycle for your design project.

**Source: [What is SDLC (Software Development Life Cycle)?](https://www.openxcell.com/blog/software-development-life-cycle/) - [Opwnxcell](https://www.openxcell.com/) [Blog](https://www.openxcell.com/blog/)**
Day 8 of 100DaysOfCode: Python Code to Find Out Composite Or Prime Number
Tags: python, programming, codenewbie, beginners
Published: 2020-12-31 10:51:23

This is my 8th day of #100daysofcode . Today I learned more about Cascading style sheets which tell the browser how to display the text and other content that we write in HTML. Also, I tired to write some code regarding to some mathematical problems. Below is my code of the day. Which is used to find composite or prime number.
```python
def prime_or_composit(n):
    f = 0
    for i in range(1,int(n/2)+1):
        if n % i == 0:
            f += 1
            
    if f >= 2:
        print(f"{n} is composit.")
    else:
        print(f"{n} is prime.")
prime_or_composit(5)
```
<blockquote class="twitter-tweet"><p lang="en" dir="ltr">Day 8 of <a href="https://twitter.com/hashtag/100DaysOfCode?src=hash&amp;ref_src=twsrc%5Etfw">#100DaysOfCode</a> and Python<br>* Basic CSS<br>* Python Function<br>* Code to find out composite or Prime from given number.<a href="https://twitter.com/hashtag/CodeNewbie?src=hash&amp;ref_src=twsrc%5Etfw">#CodeNewbie</a> , <a href="https://twitter.com/hashtag/beginner?src=hash&amp;ref_src=twsrc%5Etfw">#beginner</a> , <a href="https://twitter.com/hashtag/programming?src=hash&amp;ref_src=twsrc%5Etfw">#programming</a> <a href="https://t.co/gu1fee6267">pic.twitter.com/gu1fee6267</a></p>&mdash; Durga Pokharel (@mathdurga) <a href="https://twitter.com/mathdurga/status/1344593669504995330?ref_src=twsrc%5Etfw">December 31, 2020</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>