teleren/devto huggingface dataset:
9 Months Are Enough : Job Placement
Tags: beginners, javascript, codenewbie, python
Published: 2021-10-24 11:36:55


## Phase 1 | Month 0-4​​
`Let's get started with programming and master data structure`

Learn the essentials of programming along with writing optimised code in terms of time & space, recursion and OOPS concepts using Java

Get familiar with most common ways of organising your data using LL, Stacks, Queues, Trees, BST and Hashmaps

Learn to store and access complicated real world data more efficiently with the help of Priority Queues, Tries, Graphs and Dynamic Programming

Solve 350+ coding problems | Ready to crack any DS & algo interview round.


## Phase 2 | Month 5-6​
`Let's build Some Amazing Responsive Websites`

Learn key technologies for creating interactive and stunning Websites – HTML, CSS, JavaScript, JQuery & Ajax

Work on some really cool projects from starting to deployment involving Music Player, Calculator, some games etc

Practice some Mock interviews and contact seniors for discussions & problem solving

Become Front End Developer | 4 Projects Completed | 1 Live Project with deployement

## Phase 3 | Month 7-8​
`Write scalable backend servers using Nodejs`

Learn to create your own servers, use database to store data, build APIs and deploy your apps for the world to use using NodeJs
Create some end to end usable projects such as Todo List, Social Media Website, Habit Tracker, Expense Manager etc

Practice some Mock interviews and contact seniors for discussions & problem solving

Become Full Stack Developer | 4 Projects Completed | 1 Live Project with deployment


## Phase 4 | Month 9​
`Learn another amazing library for frontend, React`
Take your JS skills to next level with React, Redux, Context API, React Router and React Hooks. Work on some amazing projects

Practice some Mock interviews and contact seniors for discussions & problem solving

Become master of Front End | 1 Live Project with Deployment


## Phase 5 | Month 9 onwards​
`Grab additional skills and gear up for placements`

Learn to build scalable and robust systems using System Design concepts

Learn the pre-requisites for clearing any tech interview, aptitude, Operating Systems, DBMS and SQL

Create an impressive resume through multiple personal review sessions and prepare for HR and non-tech rounds through and take your soft skills to next level

### Now You are Ready to Land your dream job 😊

###### Follow Me : [If possible](https://github.com/keshavgbpecdelhi) (Github Link)
Exp: Solar System CSS+Haml+JS
Tags: css, javascript, saturn, solar
Published: 2021-10-24 11:30:26

---
title: Exp: Solar System CSS+Haml+JS
published: true
tags: css, js, saturn, solar
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/mh0bce8g76o774475s0y.png
---

{% codepen https://codepen.io/sparklingman/pen/zYdNJqG %}
Laravel - Inertia - React : example
Tags: javascript, laravel, react, webdev
Published: 2021-10-24 11:28:00

Laravel and react are my favorite frameworks, i learn by doing, so i always try to recreate things that are already out there ( educational purposes ).

In this post, i'm gonna be sharing what i accomplished trying to create something like dev.to :D

[Check the demo](http://dev.landingpage.lt/)
[Github Link](https://github.com/RiperFish/Dev.io)

Throw a star if you like what i'm doing :D

What i did so far :
- Follow tags
- Show posts according to my tags ( by newest )
- Delete & edit my own posts
- Comment system
- Saving a post ( bookmarking )
- Liking a post

For beginners, you will find this a good example to :
- learn Eloquent relationships in laravel
- Eager loading
- The use of resource controllers

Things i'm going to add :
- Notification system
- Users profiles
- Validations
- Following authors
- Subscribing to post discussion

PS : some people may find it similar to dev.to, i don't intend to use this in commercial use or anything, it's only educational purposes.
Printing emojis😏🎉😛😛😝 in python 🐍🐍
Tags: python, programming, emoji
Published: 2021-10-24 11:03:31

Have you ever thought of inserting emojis into your python program? Well, if you haven't, you should start thinking of inserting one into some of your mini projects to make it fun😜.
Emojis are now everywhere, even in programming now.
In python now, there are three ways you could insert an emoji.
* You could use unicodes
* The Common Locale Data Repository(CLDR) names
* The ```emoji``` module

## Using the unicodes
Every emoji we use when chatting all have unicodes and we can use these unicodes in python to output these same emoji.
**Codes**
```
# face with tears of joy
print("\U0001f602")

# face with tongue
print("\U0001f61b")
```
**Output**
😂
😛

For the full emoji list, visit [Link](unicode.org/emoji/charts/full-emoji-list.html)
Replace the "+" with "000". So "U+1F602" becomes "U0001F602".

## Using CLDR names
Emojis also have CLDR short names. All the short names are provided in the link above.

**Code**
```
# face with tears of joy
print("\N{face with tears of joy}")

# face with tongue
print("\N{face with tongue}")
```
**Output**
😂
😛

## Using the emoji module
To install the module, run `pip install emoji` in your terminal.
We will use the CLDR short names here by using the `emojize()` function. All spaces the the CLDR short names would be replaced by an underscore.
**Code**
```
# Import the module
import emoji

print(emoji.emojize("Python is :thumbs_up:")
print(emoji.emojize("I :red_heart: python")
```
**Output**
Python is 👍
I ❤️ python
Vision behind maintaining an opensource Project in Hacktoberfest 2021?
Tags: hacktoberfest, javascript, angular, opensource
Published: 2021-10-24 10:52:21

Let's deep dive into opensource, What is Opensource and how you can contribute and hack this October of 2021 to get the title of **hacktoberfest** ![hacktoberfest](https://hacktoberfest.digitalocean.com/_nuxt/img/H-icon-dark.bff3672.svg "hacktoberfest")

🚀 Open source is changing the world – one contribution at a time.

### 👉 What is Hacktoberfest?
Support open source throughout October!
**Hacktoberfest** encourages participation in the open source community, which grows bigger every year. Complete the 2021 challenge and earn a limited edition T-shirt 👕

### 👉 How I participated as a **Maintainer** and what was my end goal behind maintaining **"ComEve"**?
Maintainers are the keystone of open source. This year’s Hacktoberfest has a new, added focus: empowering open source maintainers.
Last year when I joined hacktoberfest, I was struggling to find the valid project and a maintainer, who can support me to getting started with hacktoberfest and guide me the things towards opensource, so that I can contribute and open my first pull request. So, my vision for maintaining a **Community Events Platform** Project by this **Hacktoberfest** is to support and guide new joiners who are willing to contribute, I opened everything in terms of issues and created basic issues and middle level issues, so that every level of joiner can contribute, sometimes I hookup the calls with joiners, I did the guidance calls with contributors from India and South Africa to give them a overall walk through.

![Community Events](https://i.ibb.co/tqXvW0m/hacktoberfest-dev.png "Com Eve")

### ⚡ Want to Contribute?
[Github - ComEve](https://github.com/muhammadawaisshaikh/community-events-angular)

### 👉 What I have Learned as a Maintainer?
![Opensource Maintainer](https://i.ibb.co/yVwS8cx/changing-managing-agents-top-10-considerations-before-choosing-the-right-path.jpg "Com Eve Maintainer")

1. **Volunteer** and giving up personal time to create something of value for the world.
2. **Reviewing** and Merging Pull Request
3. Collaborations with Developers throughout the world.
4. **Maintain** a project when you own a team.
5. Be **respectful** and allow people to **contribute** in a way that makes the project better.
6. **Encourage** developers however the pull request is buggy and production breaking ding, **motivate** them to fix and fly high as per terms of opensource.

### 👉 Now, Time to showcase Proud Contributors of **Community Events Platform**
![Proud Contributors](https://i.ibb.co/6nBdYtD/hacktoberfest-dev-1.png "Proud Contributors")

### 👉 Conclusion
If you have any questions make sure to check out the FAQ page here or reach out to me on Twitter: [@developerorium](https://twitter.com/developerorium)

If you are a project maintainer share your project in the comments below! 🙌

Happy hacking, and good luck! ☕
Minimum Library to Handle Error for Go
Tags: go, opensource
Published: 2021-10-24 10:49:22

# Introduction

I made an error library named `perr`.

Perr gives error persona and enrich error.
You can handle error properly, safely and easily with perr.

Link:
https://github.com/maru44/perr 

image ref:
https://pixabay.com/ja/?utm_source=link-attribution&amp;utm_medium=referral&amp;utm_campaign=image&amp;utm_content=2661641

# Purpose

Why I made this.

### main purpose

- I think errors must possess their persona.
    - For client(which means client side and user using your service)
    - For developer

For example, `dial tcp 127.0.0.1:3306: connect: connection refused` must not be shown for client. At the same time, `Internal Server Error` is not enough for developer.

### sub purpose

- `Map()` and `Json()` method make it easy to store and analyze error for you.
- `Is()` and `Level()` method make it easy to handle error.
- You can trace error with `Traces()` method.


# Sample

### wrapping error

You can wrap an error has existed already.
You can wrap an error as many times as you like.
```go
package main

import (
	"fmt"
	"strconv"
	
	"github.com/maru44/perr"
)

func main() {
	_, err := strconv.Atoi("a")

	p := perr.Wrap(err, perr.BadRequest)
	p2 := perr.Wrap(p, perr.BadRequest)
	p3 := perr.Wrap(p2, perr.InternalServerError)

	fmt.Println("developer:", p3)
	fmt.Println("client:", p3.Output())
	
	fmt.Println("\n", p3.Traces())
}

/* output */
// developer: strconv.Atoi: parsing "a": invalid syntax
// client: Bad Request

// /tmp/sandbox2199832404/prog.go:13 ===> main
//	/tmp/sandbox2199832404/prog.go:14 ===> main
//		/tmp/sandbox2199832404/prog.go:15 ===> main
```

### new error
```go
package main

import (
	"fmt"
	
	"github.com/maru44/perr"
)

func main() {
	p:= perr.New("Someone pour coffee", perr.IAmATeaPot)
	
	fmt.Println("developer: ", p)
	fmt.Println("client: ", p.Output())
	
	p2 := perr.New("", perr.IAmATeaPot)
	fmt.Println("\ndeveloper: ", p2)
	fmt.Println("client: ", p2.Output())
}

/* output */
// developer:  Someone pour coffee
// client:  I'm a teapot

// developer:  I'm a teapot
// client:  I'm a teapot
```
Be safe with the SSH version you use — for Roadrunners
Tags: linux, security, beginners, computerscience
Published: 2021-10-24 10:24:34

SSH ( Secure Shell ) is a program that is used to create a secure connection between two network enabled hosts. With this connection, the user will be able to get remote access to machines or transfer data between machines. Both these operations are critical from a security point of view, and even one slight vulnerability will cause a heavy damage.

## There are two major components involved in SSH:

1. SSH server: It is the component that will enable a machine to listen or be open to accept SSH connections from clients.
2. SSH client: It is the component that will allow a machine to connect to a remote server that is listening to incoming connections.

## Major versions of SSH

There are two major versions of SSH. SSH version 1 & SSH version 2.

SSH is secure, only because of the encryption that is involved. Now what is encryption? It is basically converting all the raw data that would be transmitted from Machine A to Machine B in a form that would be understandable only by those two machines.

The encryption involved in SSH version 1 is weak enough for a middleman to decrypt it, view the contents, and even modify it without both the parties knowing about it.

Thus, make sure to use SSH version 2 both on client side, as well as enforcing the same on the server side.

## Check SSH client version

```bash
> grep -irn "Protocol" /etc/ssh/sshd_config
2:Protocol 2
```

Make sure the protocol is 2. By default, if this field is missing, then the SSH client will try to connect to the server using SSH protocol 2, and will fallback to SSH protocol 1. Hence, if you want to be strictly secure, then we have to add Protocol 2 to the /etc/ssh/sshd_config file and restart the ssh client.

## Check the SSH server versions allowed

```bash
> grep -irn "Protocol" /etc/ssh/sshd_config
2:Protocol 2
```

The process is similar to SSH configuring the ssh client, but is more critical to configure on the server. We have to add Protocol 2 to the /etc/ssh/sshd_config file and restart the ssh client.

More articles on SSH coming up, but before moving ahead with them, I wanted to make sure you are aware of the SSH protocol versions.

You can find more articles here: https://www.tharunshiv.com

Written by,
{% user developertharun %}

# Thank you for reading, This is Tharun Shiv a.k.a Developer Tharun

![Tharun Shiv](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/xtxq6bdms36fmn62450h.png)

Roadrunners is a series that is aimed at delivering concepts as precisely as possible. Here, a roadrunner is referred to as a person who does things super fast & efficiently. Are you a roadrunner?

Thank you
Release version of @dsabyte
Tags: react, node, nextjs, javascript
Published: 2021-10-24 10:22:16

After coding in several late nights and weekends, i finally  releasing my website [@dsabyte](www.dsabyte.com)

## What is  [@dsabyte](www.dsabyte.com)
It is going to be a dedicated community  for data structures and algorithms, the intention of this community is not to teach students rather let them discuss the real life problems togather. 

## Features of [@dsabyte](www.dsabyte.com)
Well, currently it does not support so many  features, but some of them i am going to list below.

### 1. Theme 
[@dsabyte](www.dsabyte.com) supports two themes as of now, dark  and light. 
#### Dark Theme
![dark](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ezsv4ilw8tqo6ba42vwi.png)

#### Light Theme
![light theme](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/bdye2xy3or9ds49zbbnk.png)

### Post List and view post
You can see all posts written on [@dsabyte](www.dsabyte.com) 
![post list](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/rc9luhld76thmws51nuu.png)


### Series Post
In this post, you don't just write a single post, rather you create a series of posts. So, whenever any user loads your website, he/she can see all the posts written under that series. 

![series](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ndsdlukm0y665c9icorc.png)

### Online editor
There is an online editor, where you can write markdown texts for the post. This editor also supports dark and light theme.

![Image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/nbmpst548mlwxddtpugx.png)

![li](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/7too7cpp6e1ffbtzxrys.png)

## Making a post private
When you make a post private, then it will be removed from the posts list, but it's public url won't be lost.

`https://www.dsabyte.com/posts/my` go here to make the post private.

### Please have a look at [@dsabyte](www.dsabyte.com)

## Thank You &#10084;&#65039;
15th weekly post, a sticky configuration. Also, goal-gradient effect.
Tags: css, serverless, design
Published: 2021-10-24 10:18:21

## Items of the week

1. **CSS** - an element with `position: sticky;` sticks to the nearest parent / ancestor element that is scrollable , thus wrapping the said element in a container might change its behaviour.  The explanation is available on [MDN Web Docs](https://developer.mozilla.org/en-US/docs/Web/CSS/position).

2. **Serverless** - the Serverless framework configuration file (`serverless.yml`) allows using variables as config values, e.g. `light: ${env:LIGHT_SWITCH}`, what's great is that it also allows nested variable references, e.g. `light: ${env:${opt:room}_LIGHT_SWITCH}`. Details can be found on the [documentation page](https://www.serverless.com/framework/docs/providers/aws/guide/variables/#nesting-variable-references).

3. **Design** - use progress visualisation, gamification, and activity tracking in design to motivate users toward desired goals. These techniques can invoke the goal-gradient effect where users might put more efforts as they get closer to targets, as explained by [an article on UX Collective](https://uxdesign.cc/designing-for-motivation-with-the-goal-gradient-effect-c873cdf58beb).

## Note of the week

On the week 42 of 2021, we saw [the release of Node.js 17](https://nodejs.org/en/blog/release/v17.0.0/) with the underlying V8 JavaScript engine updated to version 9.5 and also [the release of Chrome 95](https://developer.chrome.com/blog/new-in-chrome-95/) that marks the start of the new user-agent reduction origin trial. That's all for this week's post, thank you for reading and if you have got any feedback, do let me know by leaving a comment. Have a nice day!
What is an API ?
Tags: beginners, api, javascript, webdev
Published: 2021-10-24 10:04:33

If you are a novice web developer then you must have heard of *APIs*, here is a simple explanation of what this term means.

API is short for **Application Programming Interface**.
___
Let's look at an example.
In older times we had radios, right! They all had different functions but there was one thing which was common in each of them. The **PLAY** button. This button became so popular that later on it was used everywhere, even _GUIs_ (Graphical User Interfaces).

That is a *button API*. An API is an interface for a coder, they don't have to code the functionality of that button completely. It's abstract! 

For clicking PLAY and sending sound to speaker is using **Web Audio API**. While using 'strings' we are using String APIs.
***
When someone says that they have an API for a company, they have a Web based API. A web based API is basically like a TV remote, we send the request it does its MAGIC (function!) and comes back with the result.

To look for the API on a website, one can look in the footer or the menu to check out their APIs.
___
___
If you are still reading, I hope you gained something out of this blog and if you liked it, don't hesitate to join my community's discord server where we discuss things in a similar way!
Link : https://discord.gg/FG9qWMEAbA
Javascript 
Tags: cybersecurity
Published: 2021-10-24 09:51:04

JavaScript is the programming language that lets the Internet work. The Internet would be nothing without JavaScript and in this lesson, you will find out why.
At the end of this article, you should be able to:
understand what Javascript is and explain its use in web development.
explain and use JavaScript primitive data types and variables.
explain and use JavaScript functions as properties and methods on primitive data types.
explain global object in JavaScript and be able to use the Math object.
explain basic control flow and if/else statements.
Learn
Learn to understand what Javascript is and explain its use in web development.
Overview
JavaScript is the third of the major building blocks of a web page. Without it, we wouldn’t have the dynamic content and usability we expect from modern websites. We will now learn what it is (and isn’t) and how it is used, not only on the web but in all of its applications.
What is JavaScript and why do we use it?
JavaScript is a programming language that was first created in 1994 as a way to add functionality and user interaction to a website. If we think back to our analogy of a web page as a house (Introduction to Web Development Fundamentals), we will remember that we said that JavaScript is the electricity, plumbing, and gas. It is what makes the web page “run”. JavaScript was originally designed to be used purely on the front end as a way for web developers to add functionality to their web pages, and in its early days, it did just that. Recently, the introduction of the “V8 engine” by Google has improved the speed and functionality of JS. That led to the development and release of exciting new front end JavaScript frameworks and eventually Node.js, a way to run JavaScript on a server (back end). This new development has led to a resurgence of JavaScript. Now, JavaScript is one of the world’s most widely-used programming languages. We can find JavaScript used on the front end, back end, mobile, Internet of Things (Iot), game development, and really anywhere a traditional programming language would be used. Recently, the newest version of the JavaScript language was released, ES6*
multithreading and multiprocessing
Tags: python
Published: 2021-10-24 09:36:13

Python Multithreading:-

Multithreading is a threading technique in Python programming to run multiple threads concurrently by rapidly switching between threads with a CPU help (called context switching). Besides, it allows sharing of its data space with the main threads inside a process that share information and communication with other threads easier than individual processes. Multithreading aims to perform multiple tasks simultaneously, which increases performance, speed and improves the rendering of the application
 

When to use Multithreading in Python?

It is a very useful technique for time-saving and improving the performance of an application. Multithreading allows the programmer to divide application tasks into sub-tasks and simultaneously run them in a program. It allows threads to communicate and share resources such as files, data, and memory to the same processor. Furthermore, it increases the user's responsiveness to continue running a program even if a part of the application is the length or blocked.

python multiprocessing:-

Multiprocessing refers to the ability of a system to support more than one processor at the same time. Applications in a multiprocessing system are broken to smaller routines that run independently. The operating system allocates these threads to the processors improving performance of the system.

When to use Multiprocessing in Python?

Multiprocessing is essential to perform the multiple tasks within the Computer system. Suppose a computer without multiprocessing or single processor. We assign various processes to that system at the same time.
It will then have to interrupt the previous task and move to another to keep all processes going. It is as simple as a chef is working alone in the kitchen. He has to do several tasks to cook food such as cutting, cleaning, cooking, kneading dough, baking, etc.
Therefore, multiprocessing is essential to perform several task at the same time without interruption. It also makes easy to track all the tasks. That is why the concept of multiprocessing is to arise.
Multiprocessing can be represented as a computer with more than one central processor.
A Multi-core processor refers to single computing component with two or more independent units.
Special Product Array


Published: 2021-10-24 09:30:47

Special product array
python3
array
To find a product of elements of an array we need to create an empty variable and initialize it with 1 .In a loop to get each element from user we need to multiply each element to product and print the product.
Example: Given a list of integers nums, return a new list such that each element at index i of the new list is the product of all the numbers in the original list except the one at i.
CONSTRAINTS:2 ≤ n ≤ 100,000 where n is the length of nums
 

When we give test case as input nums = [1, 2, 3, 4, 5]
we get output as [120, 60, 40, 30, 24]
explanation: 120 = 2 * 3 * 4 * 5 , 60 = 1 * 3 * 4 * 5 ,40=4 * 5 * 1 * 2 , 30=1 * 2 * 3 * 5 ,24=1 * 2 * 3 * 4