teleren/devto huggingface dataset:
Starting at 27
Tags: career
Published: 2020-07-19 06:00:13

During the coronavirus pandemic at the beginning of the year 2020, everyone was forced to stay indoors, without contact, with social distance and enormous uncertainty if all this goes away.
 Despite the horrible scenario, I found an opportunity and dedicated myself to making a decision and using the locked time at home to organize my professional life once and for all, so I decided to go back to school.

 I had already taken a technical computer course in 2013 and started the faculty of analysis and systems development in 2015, although I did not finish either course, I already had a good base of how this technology area worked and I knew that  what most caught my attention was undoubtedly the software development part of everything for the web.

 But still, I thought, "Isn't it too late?"  Everyone thinks that when they are my age and have not yet found the ideal professional path.
 Even with doubts, I decided to face the challenge and I can say with all certainty that it was the best decision I have ever made in my life.
 
Okay, challenge accepted, I already have in mind what I wanted, but where to start?  From the beginning, of course, but which one?  There are so many paths in programming and the alphabet soup (HTML, CSS, JavaScript, React, angular, node, python, Java, C # and etc.) that it is very difficult to know where to start.  So it is always good to have a guide, a north.

 Tell me which one do you think is the best to start programming?

 In the next chapters I will tell you how I started.  See you later!
Vanilla JavaScript Quick Testing
Tags: javascript
Published: 2020-07-19 05:46:10

I realized today I'm always preaching about getting your hand dirty and testing whatever I write about yourself.

It's proven that if you experience the code and play with it, you are more likely to catch it and keep it in your mind.

So let's dive into quick solutions to test `JavaScript`!

## Codepen Testing JavaScript

A very obvious solution is [Codepen](https://codepen.io/). As you can see in my articles, I put in a lot of Codepen links because they make it easy for you to fork and it's just very versatile.

> Note: I don't get paid 🥺, I like it!

Within Codepen, you can also use compilers, load certain external scripts, etc.!

Have a look at an example on Codepen.

<p class="codepen" data-height="265" data-theme-id="dark" data-default-tab="css,result" data-user="rebelchris" data-slug-hash="rNOWbbK" style="height: 265px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; border: 2px solid; margin: 1em 0; padding: 1em;" data-pen-title="My Neighbor Totoro">
  <span>See the Pen <a href="https://codepen.io/rebelchris/pen/rNOWbbK">
  My Neighbor Totoro</a> by Chris Bongers (<a href="https://codepen.io/rebelchris">@rebelchris</a>)
  on <a href="https://codepen.io">CodePen</a>.</span>
</p>
<script async src="https://static.codepen.io/assets/embed/ei.js"></script>

![My neighbor Totoro](https://dev-to-uploads.s3.amazonaws.com/i/mz05jagpy35xy90il54l.png)

## RunJS Local testing

For some small scripts or just a verification, I use a program called [RunJS](https://runjs.dev/). It works as a small notepad like application but is very quick just to test some `JavaScript` in.

## Local JavaScript Testing

Another thing I tend to do is just make a local folder. Sometimes it's just that much easier to test things locally.
Obviously, we can use Chrome or Firefox and open the debug tools to have console.logs or use the debug points.

## Let me know what you use!

I love to know what you use to run `JavaScript` and make proof of concepts or test small scripts.

### Thank you for reading, and let's connect!

Thank you for reading my blog. Feel free to subscribe to my email newsletter and connect on [Facebook](https://www.facebook.com/DailyDevTipsBlog) or [Twitter](https://twitter.com/DailyDevTips1)
30Daychallenge for a skill
Tags: productivity, challenge, codequality
Published: 2020-07-19 05:44:58

#30dayschallenge It is a challenge in Which we are only focus on learning of new skills which we want we will spend these 30 Days for that or those particular skill. We will start with tomorrow and Daily discuss about your day what progress you do in slack channel Join Slack Channel - https://lnkd.in/dxX78Za
My Journey towards Cyber Security
Tags: hacking, cybersecurity
Published: 2023-03-10 05:47:46

---
title: My Journey towards Cyber Security
published: true
date: 2020-07-19 05:12:00 UTC
tags: hacking,cybersecurity
canonical_url: 
---

Cyber Security the name itself is something quite heavy, right? Most of the today’s youths are very much interested towards hot topics like machine learning and cyber security and so was I . Not very much interested in machine learning at that time but I was very much interested to learn about cyber security and ethical hacking.

![](https://cdn-images-1.medium.com/max/275/1*0ZzTrCAFWxV8UTfdG2O3qA.jpeg)

As I took biology in class 11 I thought it will be difficult for me to come in this field and also my interest in this field was not there from the very beginning. A month before my first year started I started learning programming in C. Though I was not a very good coder at that time , I was improving my skills each day. After my college started , around 1 month later there was a workshop on ethical hacking and I thought that this field is for me until I proved myself completely wrong. Lets go to a bit more detail. So starting from the beginning , around 1 week before the workshop we are asked install Kali Linux in our devices. If you don’t know it is a OS used by hackers and penetration testers ;). We were told we can use either a VM or dual boot it and I was more interested in making a dual boot instead of a VM and after several struggles also I was not even able to dual boot a OS in my laptop . I took help from many but still not able to dual boot it.

![](https://cdn-images-1.medium.com/max/220/1*5WPjJDORVtHlWAKwA-Jbyg.jpeg)

Finally the day before my workshop I somehow managed to accomplish my task.Now comes the day of the workshop where my real journey started. Very much excited to finally learn ethical hacking I reached the college. But as the workshop started I was loosing all of my confidence and motivation. They were teaching stuffs I have never heard of , teaching things I was hardly able to follow and at that moment I understood that hacking was not a cup of my tea. I tried to perform everything they taught at home but I was hardly able to recall them.

Now what? I lost all my hopes and totally left the thought of hacking but one day out of nowhere I got a second thought of trying it. But where to start from? I looked for all kind of sources and materials. I studied day and night about it and now I was really understanding the stuffs and processes working behind the scenes. The next three months I gathered as much knowledge possible not only about hacking or cyber Security but about the technology running behind.

So the question is am I a very good and professional hacker now? No not at all. But I am not a script kiddie now at least. I am a decent hacker not very much professional. Not to mention but I have even won a Capture the Flag competition hosted by our college after this :) . I don’t know where the second thought came from but its only due to this that today I am a decent cyber security student.
My Youtube channel for developers
Published: 2020-07-19 04:53:38

---
title: My Youtube channel for developers
published: true
description: 
tags: 
cover_image: https://yt3.ggpht.com/cMHS2M5oZ-yufkc4OS0MjMVsmfRYsUwnh12YIm950Xt-9y0ruDI3BMAPvv5OcBfNEMJjWqPApT8=w1707-fcrop64=1,00005a57ffffa5a8-k-c0xffffffff-no-nd-rj
---
- Please provide any feedback if you have for my channel 

https://www.youtube.com/channel/UCS1NeZF0Or2E1RAV9hQJz3g?view_as=subscriber


Node JS & React Full Stack Development
[View full playlist] (https://www.youtube.com/channel/UCS1NeZF0Or2E1RAV9hQJz3g?view_as=subscriber)
Now playing
Node JS Crash course Latest
[View full playlist] (https://www.youtube.com/channel/UCS1NeZF0Or2E1RAV9hQJz3g?view_as=subscriber)

Docker Crash Course
[View full playlist] (https://www.youtube.com/channel/UCS1NeZF0Or2E1RAV9hQJz3g?view_as=subscriber)

NestJS Crash Course
[View full playlist] (https://www.youtube.com/channel/UCS1NeZF0Or2E1RAV9hQJz3g?view_as=subscriber)

Full Stack Application Development
[View full playlist] (https://www.youtube.com/channel/UCS1NeZF0Or2E1RAV9hQJz3g?view_as=subscriber)

Node JS Microservices Patterns
[View full playlist] (https://www.youtube.com/channel/UCS1NeZF0Or2E1RAV9hQJz3g?view_as=subscriber)

Graphql Client & Server using Apollo
[View full playlist] (https://www.youtube.com/channel/UCS1NeZF0Or2E1RAV9hQJz3g?view_as=subscriber)

NestJS Tutorial for Beginners (Crash Course)
[View full playlist] (https://www.youtube.com/channel/UCS1NeZF0Or2E1RAV9hQJz3g?view_as=subscriber)

Node JS with Typescript & TypeORM
[View full playlist] (https://www.youtube.com/channel/UCS1NeZF0Or2E1RAV9hQJz3g?view_as=subscriber)

Learn Typescript
[View full playlist] (https://www.youtube.com/channel/UCS1NeZF0Or2E1RAV9hQJz3g?view_as=subscriber)

Crack Javascript Interview in 10 Min
[View full playlist] (https://www.youtube.com/channel/UCS1NeZF0Or2E1RAV9hQJz3g?view_as=subscriber)

React Advance | Hooks | Context APIs
[View full playlist] (https://www.youtube.com/channel/UCS1NeZF0Or2E1RAV9hQJz3g?view_as=subscriber)

Application Architecture and Micro-services | Webinar | Webcasts
[View full playlist] (https://www.youtube.com/channel/UCS1NeZF0Or2E1RAV9hQJz3g?view_as=subscriber)

Web Development Webinars | Webcasts | UI/UX | Styling
[View full playlist] (https://www.youtube.com/channel/UCS1NeZF0Or2E1RAV9hQJz3g?view_as=subscriber)

Learn html5 Full Crash Course | HTML5 | Web Design
[View full playlist] (https://www.youtube.com/channel/UCS1NeZF0Or2E1RAV9hQJz3g?view_as=subscriber)
Webinars & Talk
[View full playlist] (https://www.youtube.com/channel/UCS1NeZF0Or2E1RAV9hQJz3g?view_as=subscriber)

many more ....
Ways to deploy code to production server (linux server) with jenkins ?
Tags: discuss
Published: 2020-07-19 04:46:45

---
title: Ways to deploy code to production server (linux server) with jenkins ?
published: true
description: 
tags: #discuss
//cover_image: https://direct_url_to_image.jpg
---
I want to automate the process of build then deploy (some nodejs application) to production server with jenkins. Right now my company using svn to deploy code production server, that is commit code to svn then log in production server via ssh and run svn up.
I don't think I can automate the deploy stage with svn, so I want to seek another way to deploy code to production server that is also easy to automate with jenkins.
Thanks
Adding Profile page to Github using README.md
Tags: github, git, design, webdev
Published: 2020-07-19 04:27:57

GitHub rolled out a new feature that allow users to create a profile that is visible in users Github home page using a README file.Here's how you can access this feature:

**1. Creating a new repository**
Create a new repo but keep in mind:
   * Repo name should exactly be same as your user name.
   * Repo must be public
   * Last but not the least don't forget to initialize the README 
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/7smby4cnfwyr3yfxngw0.jpg)

**2. Edit** the README.md file inside the new repo and add some content (text, GIFs, images, emojis, etc.).

**3. Commit** your awesome looking README!

**4. Push:** Finally don't forget to push your changes(if made locally).

Here are some of the creative profiles:
* https://github.com/timburgan
* https://github.com/jlengstorf
* https://github.com/matyo91
* https://github.com/saadeghi
* https://github.com/abhisheknaiidu
* https://github.com/DoubleGremlin181
* https://github.com/garimasingh128
How To Center Elements Vertically in CSS
Tags: css, webdev, beginners
Published: 2020-07-19 04:24:48

Centering an element vertically in CSS is the hardest thing that every beginners face. 
Hard coded heights with absolute positioning is the basic approach to center an element vertically.Though it might work fine,it has a bunch of drawback,when the height of the parent element is not determined.


**Using Flexbox**
The previous way to center elements works good,but they have some major drawback.They need to have a pre-defined height.Flexbox has made centering elements unbelievably easy.The "align-items" property in Flexbox is what centers all of our elements vertically,and the "justify-content" property is what centers the items horizontally.Flexbox is and incredibly tool that need to be mastered 
https://flexboxfroggy.com/ <=Learn flexbox playing this game..


**Grid**
Just like Flexbox,CSS grid makes centering super easy.Most of the properties in Flexbox and grid are same,the width of children is defined in the parent using the property "grid-template-columns".
The "align items" property is what centers of our elements vertically,and the "justify-content" property centers the items horizontally.If you not familiar with grid it is a powerfull tool to be learnt  
https://codepip.com/games/grid-garden/ <= Learn Grid playing this game..
How Kubernetes is used? Own Namespaces?
Tags: discuss, kubernetes, question, litmuschaos
Published: 2020-07-19 04:11:52

Hey Kubernetes practitioners, one of the questions that keeps coming up is how large teams are using Kubernetes? Do you use namespace as a ownership boundary in your teams? Do you share Kubernetes cluster among your team by configuring hierarchical ownership policies? Can you share your experience?

## Why this question?
The Litmus team is considering chaos at namespace level. You will be able to run the complete chaos infrastructure within the namespace. 

## Here is the description of a possible scenario:
Kubernetes cluster is setup on one of the cloud service providers like EKS, GKE, AKS or DOKS where the management of the cluster is not managed by the team. Then your team has a set of SREs or admins who have cluster wide access through service accounts to help manage the administration of applications and the cluster itself. When a developer wants the Kubernetes environment, a new namespace is created with service account settings with access to that developer. The developer has enough levers within the namespace and gets the Kubernetes environment that is required for development needs.


Are there any scenarios in which you felt there are limitations? Is this a common practice? Or developers are better off with their own small clusters?
What in the Git?
Tags: github, git
Published: 2020-07-19 03:42:57

With all my learning (and now freelance work) in Web Dev, it was time for a new laptop. My last one was fine for email and light usage but its poor 4 GB RAM could not handle more than two things at once. Cue the "I can't live share on VS Code, my computer will crash" excuse. 

Now I have a new 16 GB laptop, but here for the annoying part.... setting up and configuring it to my liking. Of course this means configuring git and gitbash. Below is how you can do that just in case you forgot how you did it last time (bookmarking!) - Just a note, I personally have a Windows, so some of these instructions may be slightly geared towards PC.

1) Go to Git's site at : https://git-scm.com/downloads and download git - there are options per Operating System, just select which OS you have and download the right version for you and then install it on your machine.

2) Once Git installs, a little pop-up should come up asking if you approve Git making changes on your computer and since you are installing it, select YES

3) At one of the stages of installation, there should be options if you ONLY want git installed or also configured for 3rd party tools. Select the latter one so you will be able to git push to your heart's desire

4) Once git is installed, go and open GitBash 

5) For the next step, I am assuming you already have a github account.. Go to GitBash or command line interface elsewhere and type the following command: mkdir git_test

- then cd into your new directory

6) Next commands configure your github account with git on your computer.

- git config ––global user.name “github_username”
- git config ––global user.email “email_address”

Make sure to replace "github_username" and "email address" with your username and email address so it can connect your account
React router dom
Tags: react
Published: 2020-07-18 23:00:15

Boa noite a todos, hoje venho compartilhar uma dica muito massa para quem está aprendendo sobre rotas e roteamento no `REACT JS...`

Existe uma lib para lidar com isso dentro do **React**, o famoso **REACT ROUTER DOM**, porém o intuito desse post é dar uma dica sobre uma coisa que acontece muito com quem está começando, que é quando implementamos as rotas da nossa aplicação da seguinte forma:

```
import React from 'react'

import { BrowseRouter, Switch, Route } from 'react-router-dom';

import Main from './pages/Main';

import Repository from './pages/Repository';

export default function Routes() {
    return (
        <BrowseRouter>
            <Switch>
                <Route path="/" component={Main} />
                <Route path="/repository" component={Repository} />
            </Switch>
        </BrowseRouter>
    );
}
```
O grande problema do código acima que muita gente que está começando inclusive eu mesmo quando comecei me deparei com o problema é que mesmo chamando a rota `/repository` o componente renderizado em tela é o componente `Main`. Isso acontece pois o `react-router-dom` não procura por uma igualdade entre o path que colocamos dentro do componente `Route` e a `URL` que foi digitada no navegador, ele procura saber se a `URL` digitada começa com o `path` em que foi atribuido ao componente `Route`, ou seja se o `path` dentro do componente começa com `/` ele sempre irá renderizar o `Main`, para resolvermos isso é simples, basta passarmos uma flag dentro do componente chamada `exact`, assim ele vai comparar se a `URL` é exatamente identica ao `path`, segue o código de exemplo:
```
import React from 'react'

import { BrowseRouter, Switch, Route } from 'react-router-dom';

import Main from './pages/Main';

import Repository from './pages/Repository';

export default function Routes() {
    return (
        <BrowseRouter>
            <Switch>
                <Route path="/" exact component={Main} />
                <Route path="/repository" component={Repository} />
            </Switch>
        </BrowseRouter>
    );
}
```
Assim o roteamento da sua aplicação funcionará da meneira correta!!!

Espero ter ajudado de alguma forma, grande abreço DEV!!!
Using Node.js and Firebase Cloud Functions to send an email
Tags: node, webdev, firebase, smtp
Published: 2020-07-19 02:51:16

I've longed to develop an email service for quite a while now, I developed one at work previously but I know that I can do better now. I was initially going to go down the root of using .NET Core 3.1, Swagger and then deploy using Azure Web App Services - but this isn't free. I wanted something new to play with and it being free doesn't hurt.
 
# Email Service
I've been using Firebase Hosting for a few months and came across another one of their products called Cloud Functions. It sounded pretty cool. I have no experience with Node.js and have wanted to play around with it for my personal development. I wanted to use SMTP for my emails and after some brief research Nodemailer kept popping up.

The purpose of the project is to (at minimum so far) send emails. That's it. I have a contact form on [my website](https://lorna.dev) and thought a good start would be to send me an email when someone has submitted the form with basic details being name, email and message. 

# Setup
Create a new folder for your project on your workspace and then `cd` into it.

## Firebase

*This blog post presumes you already have a Firebase project setup on the console and installed the CLI.*

```
firebase init
```

Select the `functions` option and then associate it with your existing Firebase project.

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/ehs3pyy2sv6fe48m0uku.PNG)
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/yf7q73xm317y7lgzeykl.PNG)

## Packages
Go into your newly created functions folder and install the following packages.

```
cd email-service/functions
npm i firebase-admin
npm i firebase-functions
npm i nodemailer
npm i cors
```

## SMTP
I created a file within the functions folder called `config.js` where sensitive data such as username and passwords are stored. This file is then ignored in the repo and looks like the following: 

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

## Index.js

This file was created when the `firebase-functions` package as added. 
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/qulahrf5pcf8yik1mtew.png)
 
# Send email
For both local and live I've used postman to check the responses. 

## Local
```
firebase serve
```

URL format: `http://localhost:5001/<functionName>?parameter1=value1`

## Live
```
firebase deploy --only functions
```
or
```
firebase deploy
```

URL format: `https://us-central1-<projectId>.cloudfunctions.net/<functionName>?parameter1=value1`

# Summary
I've really enjoyed having a play around with this project, more specifically Node.js. I am now able to send out an email with minimal code and setup! I'm going to look next at calling the function from my Angular 9 web app and more into error handling. Then I want to write another function to send the user who filled out the contact form an email of confirmation. And then who knows...! 😎 

Thank you for reading, hope you enjoyed! 😀

![Debugging in Node.js](https://dev-to-uploads.s3.amazonaws.com/i/4q3z6z1hglccm6onb5uj.jpeg)