teleren/devto huggingface dataset:
📍WHAT YOU NEED TO KNOW BEFORE START AN IT CAREER?
Tags: beginners, programming, development, webdev
Published: 2022-02-18 15:01:12


This is a basic question make for people who seek and want change for a career it, but the answer couldn't be clear. 

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/bhjju61syn57oyjextnh.gif)

I listed ten topics that can help to answer this question, are you ready?

1. The IT area have sub areas like business, security, infrastructure, big data and programming. And these sub areas have many roles, so you can start making a search for responsabilities inside of this sub areas to understand the activities and routine. This can help you to identify which role have match with you. 

2. The internet it's a great ally because you can search free contents to learn and development your learning, but you need create a good study planning for not loose your focus. The constancy is more important than velocity.

3. Theory it's necessary but the practice gonna make you wrong and bring real problems to solve. Here you can exercise your knowledge and development others characteristics like pacience and resilient.

4. Use the step 3 to create a portfolio for you. This can help you with interviews. It's a great way to show what you know to people who don't know you.

5. Use the social media to follow contents and personalities which can help you developing your knowledge, make networking and connect you with opportunities.

6. Participate of bootcamps, hackathons and events to do networking and keep your knowledge always updated. The technology world change every day.

7. Development your communication, have a good organization with your activities, lean the pomodoro technique to be more productivity.

8. Participle of open source projects to practice the communication, the logic to solve problems and have your contribution in projects.

9. Create a linkedin profile to show your development of knowledge, your projects and connect with opportunities of work.

10. Keep study, be resilient when the problem appear, stay strong to keep your focus and never forget you can do anything.

I think these topics can answer the question made in begin of this text. If you have a new topic or experience to include, share with us on the comments.

That's all folks!

:)
Difference between const, var and let in JS
Tags: javascript, beginners, webdev, programming
Published: 2022-02-18 14:59:34

Difference on the basis of Scope, Redeclaration, Hoisting and problem with it.

## var
**Scope** - Global/functional scope
**Redeclaration** - can be redeclared
**Hoisting** - var variables are hoisted to the top of their scope and initialized with a value of undefined.
**Problem** - can give you bugs more easily

## let
**Scope** - Block scoped
**Redeclaration** - can be updated, but can't be redeclared
**Hoisting** - ust like  var, let declarations are hoisted to the top. Unlike var which is initialized as undefined, the let keyword is not initialized. So if you try to use a let variable before declaration, you'll get a Reference Error.

## const
**Scope** - const declarations can only be accessed within the block they were declared.
**Redeclaration** - cannot be updated or re-declared
**Hoisting** - const declarations are hoisted to the top but are not initialized

[Find example here](https://www.freecodecamp.org/news/var-let-and-const-whats-the-difference/)

**Source** - https://www.freecodecamp.org/news/var-let-and-const-whats-the-difference/
Mentoring - 10 Ways Developers Make Money Coding Course - E09
Tags: career, javascript, tutorial, todayilearned
Published: 2022-02-18 14:39:45

Have sharp skills in web development? A good way to make money is to educate others on how to build websites.

In this video series, I share the best ways and how to increase your money income as a web developer while working from home.

📽️ Video here - https://youtu.be/Ni6Jlkj4Xuo

👉 Subscribe to Dan Later - https://bit.ly/31SdiZv
Flutter Tutorial to Build Image Editor App
Tags: flutter, flutterdev, image, beginners
Published: 2022-02-18 14:39:22

Tutorial to Build Your Own Image Editor App, Package using Flutter & Dart without using any plugin!

Video link: https://youtu.be/vzg6iNziiKw

Features:
- Pick Image
- Add Text
- Bold Text
- Italic Text
- Add New Line
- Align Text Left, Right & Center
- Change Colour
- Increase Font Size
- Decrease Font Size
How to successfully decouple your frameworks from your business logic to improve testing and maintainability
Published: 2022-02-18 14:24:41

Hi Folks, Howdy?

have you ever heard about **_God Objects_**? never? already? however, let me explain what a hell is this:
> In object-oriented programming, a **_God Object_** (sometimes also called an Omniscient or All-knowing object) is an object that **references a large number of distinct types**, **has too many unrelated or uncategorized methods**, or some combination of both. The God object is an example of an anti-pattern and a code smell. [*definition from wikipedia*](https://en.wikipedia.org/wiki/God_object)

Turn your attention to the bolded sentence, this is the main problem of God objects and also the issue that turns it into anti-pattern/principle cause it notably is opposed to single-responsibility principle. let's look to a example: 

```
import { postModel } from "../models/post";
import { Post } from "../types"
import express from "express";
import { Request, Response } from express
const router = express.Router()


class controller {
  static async handle (request: Request, response: Response): Promise<Post[]> {
 	
   try{
    if (request["query"] == {}) {
      return response.status(400).json({
        statusCode: 400,
        message: "must inform query parameters"
      })
  	}
  	const { query } = request;
  	const posts: Promise<Post[]> = await postModel.find(query).lean();
    
    return response.status(201).json(posts)
  }catch(err) {
    return response.status(500).json({
      statusCode: 500,
      message: "internal server error"
    })
  }
    
  }
}

router.get("/posts", controller.handle);

export controller;

```
Paracetamol.js💊| #58: Explica este código JavaScript
Tags: javascript, webdev, spanish, beginners
Published: 2022-02-18 14:17:52

## **Explica este código JavaScript**

```js
const set = new Set()

set.add(1)
set.add("Lydia")
set.add({ name: "Lydia" })

for (let item of set) {
  console.log(item + 2)
}
```

-     A: `3`, `NaN`, `NaN`
-     B: `3`, `7`, `NaN`
-     C: `3`, `Lydia2`, `[Object object]2`
-     D: `"12"`, `Lydia2`, `[Object object]2`

Respuesta en el primer comentario.

---
Win free swag by fixing security vulnerabilities
Tags: security, devops, cybersecurity, devlive
Published: 2022-02-18 14:13:51

We’re excited at Snyk to make security 100x better in 2022 with "The Big Fix!" This event brings developers, DevOps, and security practitioners from around the world to find and fix vulnerabilities together. 

The Big Fix — is a month-long global event dedicated to finding and fixing security vulnerabilities in both open and closed-source software, that is running now! 

The Big Fix commemorates the development, DevOps, and security people who value app security and take proactive steps to fix vulnerabilities found in their program code, open source dependencies, Docker container images, or Infrastructure as Code. 

If you are up for it, sign up for [The Big Fix](https://snyk.io/events/the-big-fix/) and fix some vulnerabilities for some custom Snyk swag.


[![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/3w211natze9h6ab2g4xx.png)](https://snyk.io/events/the-big-fix/)

Next to all this, come join our [Discord community](https://discord.gg/NXuz63GmUt)! We will be wrapping the event up on February 25 with a live, 24-hour Big Fix-a-Thon on [Twitch](https://www.twitch.tv/snyklive)! We have lots of expert guest that can help you out or teach you something around application security in general.

Are goal is to fix 202200 vulnerabilities (2022 x 100), so 2022 is indeed 100x better.

What do you need to do:
1. Sign up at [The Big Fix](https://snyk.io/events/the-big-fix/)
2. Import you code to your Snyk account
3. Fix a vulnerability
4. Receive your special Snyk swag

Dont forget to check out [The Big Fix website](https://snyk.io/events/the-big-fix/) for all information, sign up to our [Discord community](https://discord.gg/NXuz63GmUt) and follow the 24 Fix-a-thon on [Twitch](https://www.twitch.tv/snyklive) or [YouTube](https://youtu.be/S7ITNWKVWhg) at Feb 25, 2022.


[![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/00nahot48uut0hjkobhu.png)](https://snyk.io/events/the-big-fix/)
Partir de Zero 
Tags: beginners
Published: 2022-02-18 14:10:06

Partir de zéro dans le monde du développement informatique est une idée que tout le monde à rencontrer, mais certains sans donne beaucoup plus les moyens en apprennent rapidement ou sacrifiant beaucoup de leur temps.

Comme vous l'imaginez, c'est bien sûr la passion qui nous anime sans oublier d'aider une communauté en perpétuelle évolution.

Je fais le constat que beaucoup de développeurs débutants espèrent y arriver rapidement, mais il faut laisser le temps au temps et bien comprendre ce qui nous entoure, travailler sans relâche et vous verrez petit à petit vos projets prendre vie.

On a tous débuté un jour.
#Event – Introduction to GitHub in Visual Studio Code 📝at @msftreactor
Tags: englishpost, event, github
Published: 2022-02-18 19:24:15

---
title: #Event – Introduction to GitHub in Visual Studio Code 📝at @msftreactor
published: true
date: 2022-02-18 14:00:00 UTC
tags: EnglishPost,EnglishPost,Event,GitHub
canonical_url: 
---

![Event - Introduction to GitHub in Visual Studio Code 📝](https://brunocapuano.files.wordpress.com/2022/02/image.png?w=600)

Hi !

After a quick poll, the following event was the winner for a live session from Microsoft Reactor:

## [Introduction to GitHub in Visual Studio Code 📝](https://www.youtube.com/watch?v=HFJEzFaeCog&feature=emb_logo&ab_channel=MicrosoftReactor)

In this session we will learn how to work with Visual Studio Code and GitHub. We will learn different topics, including authentication, publishing repos, and viewing your repo timeline.

## Speaker

Bruno Capuano currently works as a Sr. Cloud Advocate at Microsoft focused on empowering the Toronto area to build awesome things with Azure. Bruno was a Microsoft MVP for 14 years and has over 20 years of experience as a software developer and loves to tinker with electronics. He lives in a small town near Toronto with his wife and two adorable kids.

## Who is it aimed at?

• Developers, Solution architects and Technology managers.  
• Software developers looking to learn more about GitHub and Visual Studio Code.  
Students or learning professionals interested in getting a pulse on GitHub and Visual Studio Code.

## Why should I attend?

At the end of the session, we will cover how to:  
• Sign in to GitHub by using Visual Studio Code.  
• Use Visual Studio Code to search GitHub for repos.  
• Clone a repo from Visual Studio Code.  
• Publish a local project to GitHub by using Visual Studio Code.  
• View a timeline of activity on a GitHub repo.

Here are some useful links for this session:  
[https://aka.ms/Feb25IntroToGithubinVSC1](https://aka.ms/Feb25IntroToGithubinVSC1)

Happy coding!

Greetings

El Bruno

* * *
Don't keep your code review comments for you
Tags: codereview, collaboration, productivity, webdev
Published: 2022-02-18 13:54:15

During a code review, you formulate comments that can address various topics:

- readability 
- design & architecture
- performance
- framework or language usage 

These explanations are insightful, but in most cases, they'll only be read by the submitter of the review. Once the review is over (and the Pull/Merge Request is closed), it's very seldom to retake a look at it afterward, and there's **no capitalization** on its knowledge.    

However, most of your comments could be **interesting for the other developers** in the team and even for developers in other teams, with whom you may have no technical interactions daily. Also, it may not be the first time you formulate this comment, perhaps you already did on previous code reviews. [Studies](https://smartbear.com/resources/ebooks/the-state-of-code-review-2020-report/) on code reviews reveal that reviewers feel tired due to **repetitions** effects.

That's why at [Packmind](https://packmind.com), we designed web browser plugins integrated with GitHub, GitLab, BitBucket, and Azure DevOps, that allow you, when you write down a comment, to create a **best practice** and share it with your team. 

![Promyze_Code_Review](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/abd7j5eadweiosh1ckwm.gif)

Your best practice will be sent to Packmind, reviewed by all your team, and then you'll easily reuse it during a code review thanks, to our plugins.

Also, **other teams** from your organization will have access to this best practice, and will be free to apply it in their context. 

With Packmind, connect your developers' knowledge.
Find Missing Number in an Array.
Tags: beginners, python, dsa
Published: 2022-02-18 13:51:59

##Instructions
 
Given an array nums containing n distinct numbers in the range
[0, n], return the only number in the range that is missing from the array.

####Example

```python
Input: nums = [3,0,1]
Output: 2
```
Explanation: n = 3 since there are 3 numbers, so all numbers are in the range [0,3]. 2 is the missing number in the range since it does not appear in nums.

## Approach

 We can find the sum of the current array, then find the sum of the array of numbers in the range between O and n. The difference between the two sums is the missing number.

Therefore, in this case we would have:
pseudocode:

```python
sum1 = sum(nums)
sum2 = sum([0,1,2,3]
missing = sum2-sum1

```

###Python Implementation

```python
def missingNumber(self, nums: List[int]) -> int:
        return sum([i for i in range(0,len(nums)+1)]) - sum(nums)
```
The space complexity is O(1) and the time complexity is O(2n).

## Approach 2
Some mathematics and bit manipulation knowledge will come in handy for solving this problem. 
 
Note: The XOR operator gives 1 as the output when the inputs are different and 0 when the inputs are the same. Therefore: 

```python
0^0 = 0
1^1 = 0
0^1 = 1
```
A number XORed by itself is equal to zero. Based on this knowledge we can compare the nums array to an array of all the integers in the range len(nums)+1 and find the missing element.

The image below demonstrates XOR operations.

![XOR](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/s9k9xuxribt911reudcw.jpeg)
XOR all numbers in the list of length n to get missing number.
###Python Implementation

```python
def missingNumber(self, nums: List[int]) -> int:
        r=0
        for i,num in enumerate(nums):
            r=r^i^num
        return r^len(nums)
```

The space complexity is O(1) and the time complexity is O(n).

Useful Links
[Missing Number](https://www.youtube.com/watch?v=WnPLSRLSANE&list=PLot-Xpze53ldVwtstag2TL4HQhAnC8ATf&index=13)
Setup WHM/CPanel on AWS EC2
Published: 2022-02-18 13:37:53

> It is recommended to use `AlmaLinux OS` for WHM

1) Select new EC2 and choose `CloudLinux 8 cPanel` or `cPanel&WHM for Ubuntu` from `AWS Marketplace`

2) Keep rest of the as they are, make sure download you `pem` file before launch

3) Once EC2 is create, visit the security group and add port `22`, `2087` and `2083` to inbound rules.

4) Connect with WHM via SSH, open terminal and navigate where you store `.pem` file and run following command:

```
ssh -i "[pem-filename].pem" [root-user]@[Public IPv4 DNS]
```

`[root-user]`: In case of `Cent OS` your `root-user` will `centos` or `ubuntu` or it will be `ec2-user`.

`[Public IPv4 DNS]`: you can get from `aws` instance summary page

5) Once you're connected, get administrator access as `root` via following command:

```
sudo su
```

6) Change password for `root` user
```
passwd
```

7) Login to WHM, now you can visit `https://[public-p]:2087`  and can login via `root` username and `password` you entered in step 5.

8) Add a `A` record for the host name you want, eg if you want `aws.domain.com` as you hostname for whm, then add a `A` record in your domain control panel.

9) Update the hostname in your `whm`


### Resources
- https://dev.to/themodernpk/install-whm-on-almalinux-os-1a7n

- https://www.youtube.com/watch?v=IeZ4ArUNYQQ&list=PLzoLGmunNugyIDt_wrEp1vO-Ipz40cfLW&index=2
File upload -> Filesize
Tags: javascript, html
Published: 2022-02-18 13:35:39

It happens again and again that inexperienced users want to upload unnecessarily large files to the server.

With this little _onchange_ oneLiner you can check that before uploading.

Use **data-mfs=....** (....=fileSize)

```html
<!DOCTYPE html>
<html lang=de>
<head>
  <meta charset=UTF-8>
  <title>Document</title>
    <h1>check max filesize</h1>
  <form>
    <input type=file  
           name=filename 
           data-mfs=100000 onchange="this.setCustomValidity(this.files[0].size>this.dataset.mfs?'to big!!':'')" 
           required>
    <input type=submit>
  </form>
```
Outsource custom Crowdsourcing Services to SunTec.AI
Tags: crowdsourcingservice, ai
Published: 2022-02-18 13:22:49

SunTec.AI, an established name in the crowdsourcing industry, has nearly 21 years of extensive experience in delivering a complete spectrum of custom crowdsourcing services designed to meet the needs of SMEs, corporate giants, start-ups, public organizations, etc.

 

With SunTec.AI at your service, you can leverage years of expertise and technical know-how of crowdsourcing and improve your project's overall quality and efficiency. A team of expert crowdsourcing backs us: large, skilled, multilingual, diverse, and dedicated who come from all niches and walks of life. We maintain complete data security & quality standards. In addition to your [crowdsourcing services](https://www.suntec.ai/crowdsourcing-services.html), we evaluate your online presence, search engine & marketing campaigns performance, and customer services requirements on your behalf.

 

Get world-class services from the best crowdsourcing services providing company. Connect with us at info@suntec.ai.
All I Know About Decibel (dB) - Part 1
Tags: dsp
Published: 2022-02-18 13:17:42

Most people know that dB (decibel) is a unit, you use it when you want to tell the level of a sound. People could say, the sound of a jet engine can hit up to 140 dB; or the sound level of a normal human talking is about 60~70 dB, etc.

If I explained dB like above to my boss, I would definitely be doomed.

To avoid the embarrassing conversation, I quickly did some learning. I learnt that:

1. dB is actually a **ratio**
2. Because it's a ratio, there must be **two things** to make a fraction 
3. The ratio tells us the difference between the two things
3. We use a logarithmic way to describe that ratio

If we still take the case of sound loudness, for instance, say the two things are two sounds:
- The first sound is played with the power of {% katex inline %}p_1{% endkatex %} 
- The second sound is played with the power of {% katex inline %}p_2{% endkatex %}

So we can get the dB like this:
{% katex %} 
l = 10 \times log \frac{p_1}{p_2} (dB)
{% endkatex %}

where the {% katex inline %} log {% endkatex %} is to base {% katex inline %}10{% endkatex %}

Now we can say that comparing to the second sound, the first sound is {% katex inline %}l{% endkatex %} dB. Note it always should be
> **comparing to another value**, this one is some dB 

If we only say some sound is some dB, it doesn't really make sense. So that's right, when people say the sound level of a jet engine is 140 dB, they actually mean 
> **comparing to another value**, the sound level of a jet engine is 140 dB

Even though they usually don't know that. And that *another value*, which we call it the **reference**, is normally a very small sound pressure level, like 20 micropascals ({% katex inline %} 20 \mu Pa{% endkatex %}).


## Some dB units

Now it's easier to explain some 'dB units' we see. They actually just have different references. 

For example: **dBm**. It uses 1 milliwatt (1 mW) as the reference:

{% katex %}
10 \times log \frac{P}{1 mW} (dBm)
{% endkatex %}

So we can say *P is 10 dBm*, or *P is -30 dBm*... It's gonna be an absolute value, no need to mention "when compared to some value (the reference), P is blah blah blah..." anymore.

The following units are also common:

* dBμ - reference is 1 microwatt (1 μW)
* dBmV - reference is 1 millivolt (1 mV)
* dBi - reference is an isotropic antenna which has a gain of 0 dB in a specific direction
* dBFS - reference is the full scale - [More details on Wikipedia](https://en.wikipedia.org/wiki/DBFS)

Now this answer could make my boss happy for the day, or even for the week, if I was lucky enough. That's why I have to have [Part 2](https://dev.to/id120/all-i-know-about-decibel-db-part-2-446) here.

---
from: [OZLab](https://blog.ozlab.io/all-i-know-about-decibel-db-part-1)
001 Head First PHP & MySQL Summary Chapter 1 Part 1
Tags: oreilly, headfirstphpmysql, php, mysql
Published: 2022-02-18 12:53:59

**Hello People**, Welcome to this series, where I upload summary of the book Head First PHP & MySQL, as I learn, so it can be useful for you all. 
I try to cover important points.

**Summary of Chapter 1 - Intro, Part 1**

1.
HTML and CSS are used to design static web pages. A visitor to the web page designed by HTML and CSS probably can't do anything rather than simply looking at the information thrown up at the screen. ( Although, with the use of Google Forms, 123Forms, JotForms etc. we can take input but hey, they use javascript and possibly much complex systems, we don't know (at least me). )

2.
HTML and CSS will fail to send a mail or searching a database.

3.
What happens when a visitor opens a web page?
i. Web Browser requests for a page which the visitor wants to access.
ii. The requests gets passed to Web Server which says? _W.H.A.T Y.O.U. W.A.N.T N.O.W. H.A.U.G.H.T.Y. Y.O.U.N.G. M.A.N.?_ _Oh? A simple HTML and CSS page named "index.html"? _
Hmm.. Let me see, Oh yeah! I have it stored. Take it!
iii. Visitor enjoys his dull and boring web page.

4.
_Our Hero comes here! PHP!_
PHP gives us the power to manipulate that "index.html" (which was stored at the web server) just before it is being sent to the web browser. A PHP Script will run on the server and can create custom new HTML files to be delivered to client.
The browser will see that it is receiving a HTML File. (But we will know that it was created using PHP). PHP stores and uses data stored from databases and uses it to generate HTML pages.

5.
We then see that trying to take input from HTML and CSS, we fail miserably.
But if we use PHP then there is some hope. We instruct that pass the entered data to PHP using "action".
`<form action="welcome_get.php" method="get">`
This means web server knows it has to process the "welcome_get.php" file.

6.
We can instruct the PHP Script to 
i. Send confirmation page to client (i.e. Generating a new web page in HTML CSS), informing, we have recieved the entered data and
ii. Perform some operation on the entered user data like, sending a mail to entered address.

7.
Every PHP Script ultimately gets turned into HTML & CSS once it has finished running on the server. Browser will see that I am opening a PHP file but its contents will be PURELY in HTML & CSS.

8.
To actually see working of PHP and HTML, we have to setup PHP development environment.
We can use a local host (safe for development) or online server.

9. I set up Apache Local Host, and PHP 7 using these videos on Windows 10.
i. Apache -
https://www.youtube.com/watch?v=oJnCEqeAsUk

ii. PHP -
 https://www.youtube.com/watch?v=VwObm3qvS3Q


10. Uploading files to a web server requires the help of a utility, such as FTP, FILE TRANSFER PROTOCOL.

NOTES:
1. PHP used to stand for Personal Home Pages, but now is used for Hypertext PreProcessor.
2. .HTML, .CSS, .PHP all files are stored on the Web Server, but it processes (modifies), only .PHP Files.

Thank you.

_Written on 17 Feb, 2022_