teleren/devto huggingface dataset:
Variables and Datatypes In JavaScript-series-1a
Tags: var, const, let, datatypes
Published: 2020-08-06 00:22:37

Photo by Maureen Sgro on Unsplash



What are variables? Why do we need them in programming.

Variables are containers (a memory location)as seen above in the color palette to store values and access them whenever required.

So what type of values our variables store?
 
Any value or any piece of information our containers can store. As in the color-palette which can store any color and remove the color, similarly, in variables we can rewrite the values as per the requirement.

Again the information stored in variable can be of same type, called "Primitive type" as in example 1 which stored a string.We'll get it to later when we learn about the data types.
 Or the other type includes collections called "Objects" which hold different types together. Like when you work with excel file or database table the entire record or row is a collection which constitute numbers, null values, string etc. as in example 2

` var myName = "Santhi"; ` ------example 1-Primitive type

| First Name    | Last Name     | Registration Cost |
| ------------- |:-------------:| -----:            |
| Sean          | Forbes        | $1600             |
| Jack          | Rogers        |   $985            |
| Andy          | Young         |                   |

              ...To be continued in series 1b.
Private properties and methods in JavaScript
Tags: javascript
Published: 2020-08-06 00:00:00

---
  title: Private properties and methods in JavaScript
  published: true
  tags: JavaScript
  date: Thu Aug 06 2020 05:30:00 GMT+0530 (India Standard Time)
  canonical_url: https://melvingeorge.me/blog/private-properties-and-methods-javascript
  cover_image: https://melvingeorge.me/_next/static/images/main-d10009caf3e33c1dc2fc25e64a511211.jpg
  ---
  [Originally posted here!](https://melvingeorge.me/blog/private-properties-and-methods-javascript)
  
Private properties and methods are those which can be accessed only in the class.

These properties and methods are not inherited.

**To make a property or a method in a class private, you need to use the `#` symbol before the property name or method name.**

### ⚠️ NOTE: Private property and methods is a new addition to JavaScript. Use with caution.

```javascript
class User {
  // private property
  #category = "User";

  // public property
  isAlive = true;

  // private method
  #checkUserAlive() {
    return isAlive;
  }
}
```

Here you can see that we added a special symbol `#` to the property `category` and method `checkUserAlive()` method.

Now if you try to access the private property or method outside the class it will throw an error.

```javascript
class User {
  // private property
  #category = "User";

  // public property
  isAlive = true;

  // private method
  #checkUserAlive() {
    return isAlive;
  }
}

// create a object
const john = new User();

// try to access private property category
console.log(john.#category); // error

// try to call checkUserAlive() private method
console.log(john.#checkUserAlive()); // error
```

You can only use the private properties and methods for usage within the class only.

### Feel free to share if you found this useful 😃.

---
DESIGN THINKING -A visual approach to understand  user’s needs
Tags: design, designthinking, ux
Published: 2020-09-03 04:55:12

---
title: DESIGN THINKING -A visual approach to understand  user’s needs
published: true
date: 2020-08-06 00:00:00 UTC
tags: Design,DesignThinking,UX
canonical_url: https://www.loginradius.com/engineering/blog/design-led-thinking/
---

Design thinking is a solution-oriented, iterative process where the team creates the design while keeping the end customers in mind. This blog guides you about how does design-led thinking works.

   
[Read On](https://www.loginradius.com/engineering/blog/design-led-thinking/)
Online education
Published: 2020-08-05 23:52:24

School is starting back up but everyone is talking about online education.
I think that parents will be looking for online resources for their children and we as developers can be their knight in shining armor.

Whereas a regular teacher can grade papers, a computer can give students millisecond feedback.

A multiple choice quiz tells students:
3 wrong answers
1 right answer.
- AND -
If the student gets it wrong, they have no recourse to learn from their mistake. Whereas computers are very good at repetitive tasks.

Let's write some code together and put it on a website for parents to find for their children! We'll worry about monetizing it later. For now, let's use the Internet model of driving a million eyeballs to a site and then figuring out how to monetize it later.
What was your "Deliberate Practice" this week?
Tags: discuss, career, productivity
Published: 2020-08-05 23:01:23

I recently read a book called <a href="https://www.amazon.com/dp/B01KFR64LQ/ref=dp-kindle-redirect?_encoding=UTF8&btkr=1">So Good They Can’t Ignore You by Cal Newport</a>. In this book, the author tries to explain the concept of why skills trump passion in the quest for work we love by coming up with four rules to become <strong>so good they can’t ignore you</strong>. The book also has several case studies as evidence for the defined rules. 

<h3>Rule 1: Don’t Follow Your Passion</h3>
With this rule the author tries to explain the fact that if one believes that they have magical hidden passion waiting to be discovered, they will never be happy with their current job or profession. Book also tries to prove the point that there is very little evidence that many people have a hidden passion waiting to be discovered. 

<h3>Rule 2: So Good They Can’t Ignore You</h3>
This rule tries to emphasize the importance of adopting a <strong>craftsman mindset</strong> which focuses on what one can offer the world as opposed to a passionate mindset - what the world can offer us. To become a craftsman one should acquire <strong>rare and valuable skills</strong> which the author calls it as <strong>career capital</strong>. To acquire career capital one must do  <strong>deliberate practice</strong>. 
 
<h4>What is deliberate practice?</h4> 
Doing things we know how to do well is enjoyable, but that is exactly the *opposite* of what *deliberate practice* demands. Deliberate practice is an effort that should make one feel uncomfortable while solving or doing it. In other words it should make them stretch and learn or solve something they really didn’t know well when it was started. 

<h3>Rule 3: Turn Down a Promotion</h3>
Rule 3 explains the power of having control. Control over what one can do and how they do it. Having control over one's work is one of the most important traits when creating work they love. Control cannot be pursued if one does not have rare and valuable skills.

<h3>Rule 4: Think Small, Act Big</h3>
This rule emphasizes the importance of having a mission so that one can have a unifying focus for their career. Mission can be divided into mini achievable projects.

<h3>Final Thoughts</h3>

The main takeaway of the book is:

* Come up with skills that are rare and valuable in your career.
* Become good at them by performing <strong>deliberate practice</strong> on a regular basis.

So, do you do deliberate practice? What was your deliberate practice this week?

Photo by Mike from <a href="https://www.pexels.com/photo/aerial-view-of-soccer-field-1171084/?utm_content=attributionCopyText&utm_medium=referral&utm_source=pexels">Pexels</a>
Regex Named Capturing Groups in JavaScript and Node
Tags: node, javascript, regex, regularexpressions
Published: 2020-08-05 22:37:52

Capturing groups are one of the most useful feature of regular expressions, and the possibility to name groups make them even more powerful.

#How it works?

Imagine that you have a list of files that are named in a structured way, for example `1_create_users_table.sql`, where the number represents some code and the following part a name. So it is `[code]`_`[name]`.sql.

Now instead of parsing those file names, maybe using split or something, you could just write a regex to precisely identify each portion of the string and return them individually? Easy peasy with named capturing groups!

```javascript
const regex = /(?<code>\d+)_(?<name>\S+)\.sql/;
const fileName = '1_create_users_table.sql';
const groups = fileName.match(regex).groups;
console.log(groups.code);  // 1
console.log(groups.name);  // create_users_table
```

As you can see in the example above, we can specify the name of a capturing group by using the `(?<group-name>...)` syntax and the regex engine does the job of returning each group name into the groups property. It is that simple!

Do you like it, was it helpful? Please give your like or leave a comment!

Thanks!
Top 10 Deep Learning Breakthroughs - AlexNet
Tags: machinelearning, datascience, python, tutorial
Published: 2020-08-05 22:35:04

If you want to learn about AlexNet, check out this blog where I have extensively covered it 

{% link https://dev.to/zohebabai/alexnet-ilsvrc-winner-2012-3cfo %}

Here is an example notebook, in which I have imported a pretrained AlexNet model from PyTorch Library and used it for classifying an image. 

Feel free to play around and discuss.

{% gist https://gist.github.com/ZohebAbai/25fc9e58c50c11f2826d20c5657d3211 %}

If you want to explore a bit more on AlexNet, go through my blog on ZFNet.
 
{% link https://dev.to/zohebabai/zfnet-ilsvrc-runner-up-2013-4hnj %}

Although it was an updated version of AlexNet, the paper contributed towards our in-depth understanding of CNN architectures.
Clean Python3.8 setup with Poetry 
Tags: webdev, python, 2020setup, poetry
Published: 2020-08-05 22:27:17

# Only use Poetry - no strings attached 
The web shows you multiple solutions to get you going in python and many are used in conjunction with other environment setup dependencies even if they don't have to. 

:bulb: Use Poetry!

First of all, we assume that you are not working in a docker environment and you are using Poetry for pure development purposes. Moreover, the Python installation should be performed after considering advice on Python's official website. For instance, following this [Link](https://docs.python.org/3.8/using/mac.html) you can find the installation instructions for Python 3.8 for Mac. 

For this solution, you don't need any of the other tools :wrench: such as:

* pip
* pipenv
* pipx
* virtualenv

Why would you use Poetry?

* Interdependencies issues can be avoided, i.e. a new dependency requiring dependencies will not break your application. Pip refers to specific versions and hence poses this problem. Pip is the straight forward answer if you are about to deploy and not develop the application any further, however. :rocket:

* The other listed too tools are not required to run Poetry. 

:bulb: If you face issues with Poetry, do not mix other solutions into your development environment.

# Install Poetry and initialize project

The installation works by executing the official installation Script with your python3.8:

```bash
curl -sSL https://raw.githubusercontent.com/python-poetry/poetry/master/get-poetry.py | python3
```

:bulb: Notice that you need to use python3 or python3.8 depending on your installation. :disappointed: If you simply use python, your setup will be based on your python2 environment.  

:angry: Don't follow the advice of people who ask you to set up an alias for your python command in your bash/zsh shell. This may break other programs that you use.

# Starting a new project :tada:

The best way is to create the folder yourself and use Poetry's interactive mode to generate a pyproject.toml file that is your **2020** replacement for your requirements.txt file:

```bash
poetry init
```

# Activating the environment

To activate the environment you need to use the following command:

```bash
poetry shell
```

The virtual environments are centrally stored and not mixed into your project. So you don't need to worry about your .gitignore file anymore for a venv folder. You can alternatively use different environments.

```bash
poetry env use python3.7 
```

# Troubleshooting Poetry for selecting the environment

For Mac users I recommend updating Poetry to the latest version as the environment may not be activated properly. Again, you don't need to use any other dependencies. The point is to avoid unnecessary dependencies, right?

```
poetry self update --preview
```

More information on the described bug :point_right: [here](https://github.com/python-poetry/poetry/issues/2711).
The first week
Tags: womenintech, 100daysofcode
Published: 2020-08-05 22:01:03

Oiê genteeeeee. Eu to começando o post de hoje super feliz, porque hoje eu estou completando a primeira semana dos 100 dias de código.
* Sem interrupções 
* Com desânimos
* E com vitórias 

Gente eu sei que uma semana parece um marco pequeno, mas pra mim eu considero uma coisa gigante. Seja por um motivo ou por outro, o tempo vai passando, a gente vai ficando mais cansado e desanimar é bem fácil. 
É muito fácil olhar pra esse desafio e parecer sem sentido em algum ponto, quando majoritariamente ele acaba ajudando a gente sabe?
Então eu to feliz, como eu disse, desanimei, tive preguiça, cansei e também estive super animada e tudo isso em uma semana.
Nessa **uma semana**, eu tirei o meu site do papel, mesmo que super simples é uma coisa que eu estava procrastinando a anos pra fazer.
Nessa uma semana eu entendi de fato como usar o git e o github na prática e lembrar os atalhos de cabeça. Novamente, parece besteira, mas pra mim, conseguir acompanhar todo esse processo tem sido bem importante.
Agora meus códigos tem edentação, separação, importação, etc. Bons hábitos em resumo, que **NUNCA** me ensinaram a ter, mas que o mercado em si acaba cobrando.
Nessa uma semana eu consegui um domínio gratuito para o meu site, que eu ainda não coloquei no site em si, mas já tenho. Coisa que eu também não sabia como conseguir.
Sei lá, ultimamente eu ando bem animada com os pequenos começos e sinceramente é a primeira vez que eu consigo ficar animada com um desses que venha de mim mesma. 
Então é, hoje meu site não teve mudanças visuais, mas teve umas separações do html e do css em código, o que já faz eu me sentir bem mais profissional e convicta nas coisas que eu faço.
Está sendo um processo realmente, mas diferente de todos os outros que eu já passei, este está sendo calmo, sem pressão ou cobrança nenhuma. E veja você, é o que está funcionando melhor de todos.

Então gente, eu sei que vai ter alguém irritadx por eu estar tão feliz por algo tão simples, a você eu peço desculpa mas como eu me sinto agora não vai mudar por isso. E pra quem está feliz junto comigo dos meus passinhos, obrigada gente. **<3**
Vamos juntxs que a gente consegue! **<3**
SHOUTING CASE - Please Stop
Tags: watercooler
Published: 2020-08-05 21:42:23

It's my opinion but I'm gonna say it. I'm seeing a lot of shouting case titles on dev lately.

I'm a bit of a fanatic around the meaning of case.

Lowercase can be informal and fun / unprofessional depending on your mood.


Title Case it's my favorite, I like to use this on buttons as does Apple, nice and legible.


camelCase it's for code and 🐪


PascalCase it's for classes and files containing classes but is missuse by components for some reason. I blame React and Angular class bassed for spreading this one.


snake_case belongs to php and rust amount others, I think it's the most legible in code but I am stuck with the standards of my darling language JavaScript. Curses!


SHOUTING it's so much harder to read than any other case, if try to use this to stand out i'l likely scroll past and furthermore I want to choose what to read without discrimination against other less bold cases.


I rest my case 💼
Usar tecnología ayuda a la movilidad y economía.
Published: 2020-08-05 21:40:48



En Go machin queremos reinventar la forma en que nos movemos entre ciudades.

>Proponemos a la tecnología como una oportunidad de cambio.Go Machin, es una plataforma para hacer viajes eficientes, donde los conductores *comparten sus asientos vacíos* como pasajeros que vayan en el mismo trayendo haciendo nuestros viajes más eficientes.

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

Ser partícipes de una *economía abierta y colaborativa* nos hace capaces de hacer cosas de forma más económicas, más transparentes y eficientes. Permitiendo una mejor movilidad donde ahorramos mientras compartimos trayecto. 


**¡Se parte!** puedes descarga [aquí](https://play.google.com/store/apps/details?id=com.gomachintech.gomachin).

www.gomachin.com
Which programming language do you to write code for your desktop apps?
Tags: discuss, desktopapp, javascript, python
Published: 2020-08-05 21:03:54

---
title: Which programming language do you to write code for your desktop apps?
published: true
description: 
tags: #discuss #desktopapp #JavaScript #Python
//cover_image: https://direct_url_to_image.jpg
---

C++, C#, Java, JavaScript, Python or another?
The Importance of Array Methods in JS [explained with food]
Tags: javascript, 100daysofcode, beginners, codenewbie
Published: 2020-08-05 21:00:20

An Array is a data structure, possibly the most fundamental one!

*"Okay, but what is a data structure?"*

Short answer: It is just a structure where you can organize, modify, access, store, and retrieve data.  **And Data, my friends, is essential to what we do!**

There are MANY  [data structures](https://blog.logrocket.com/know-your-javascript-data-structures/), several are built-in into Javascript, many others have to be custom-made *(and guess what, you need arrays to do so!)*

Alright, enough, you get the idea and understand the importance. 

-----------------------------------------

If data structures are so important in programming, and an Array is the most fundamental one... Don't you agree that it would be helpful, even unavoidable, to learn the many Array Methods that JavaScript offers out of the box? 

## The problem: 

I struggled with this concept when I was starting and it took me a while to understand them because:

1. Thinking about imaginary data when you are learning is too abstract and boring. 

2. I just learn them conceptually. Too much theory, and not enough practice.

## The Solution:

How did I solve these issues? 

####1. I related these Array methods to stuff that I did understand. It was suddenly not abstract anymore

If you know me, you know I LOVE food. So I prepared this little snippet relating food to some of the most used Array Methods: 

![Screen Shot 2020-08-05 at 2.38.34 PM.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1596660773332/pyjfyCEKz.png)

####2.I practiced and actually tried out the methods.

A great tutorial to follow and code along is  [Florin Pop's](https://twitter.com/florinpop1705)  Array Methods  [Playlist](https://www.youtube.com/playlist?list=PLgBH1CvjOA62PBFIDq55-S6Beivje30A2).

Here is the first video of the playlist:
👇👇👇
[Array Methods - Florin Pop](https://www.youtube.com/watch?v=P4RAFdZDn3M&list=PLgBH1CvjOA62PBFIDq55-S6Beivje30A2&index=3&t=0s)
☝️☝️☝️

------------------------------------------------------------

Hopefully, you can make the most out of these methods and make a big leap in your Development Career!

My Previous Blog Post: 

👉  [How I helped my Wife learn Front End Development](https://dev.to/bryanguillens/how-i-helped-my-wife-learn-front-end-development-1don)
What IDE / Code editors have you used?
Tags: webdev, discuss, productivity
Published: 2020-08-05 20:51:50

---
title: What IDE / Code editors have you used?
published: true
description: 
tags: webdev, discuss, productivity
cover_image: https://miro.medium.com/max/3000/1*hCOOFW4sQi1jz7-2u1sJGQ.png
---
Share your path of finding the current one in use!

Here's mine:
Notepad++ -> Atom -> VS Code
Enjoying TypeScript? Bring it to your DevTools 👩‍💻
Tags: typescript, devtools, webdev, showdev
Published: 2020-08-05 20:44:52

As web developers, TypeScript has revolutionised our development experience. It helped us catch bugs as we type our code, provided us with rich auto-completions allowing us to discover public interfaces of objects without having to read their source code and overall just made the JavaScript development experience much more fun! 🥳

We tend to spend the majority of our time as developers in our IDEs, which is great since it is where TypeScript excels. However, TypeScript is yet to come to our second homes as web devs, our browsers DevTools 😢

![I need you](https://media.giphy.com/media/Ln8jSiE0JXHtCaVxRa/giphy.gif)

Have you ever tried writing a quick script in your browser's console to manipulate a page? It might have been some experimental code, or perhaps it was a bookmarklet to automate a task? Have you started writing code like this and wished you can get validation ahead of time rather than by trial and error?

```ts
JSON.stringify(
  myAwesomeObject,
  2, // which argument was the spacing one again?
)
```

Well I don't know about you, but I'm not patient enough to wait until Google supports TypeScript in their DevTools, so I've decided to take things into my own hands and build an Open Source Chrome Extension 🙌

![Console+ demo](https://dev-to-uploads.s3.amazonaws.com/i/yg6mr0t69jfwo9j8102l.png)

This is still experimental, but you can try it out now by [downloading it from the Chrome Web Store](https://chrome.google.com/webstore/detail/console%20/mdpcfmohggcepdncbognlniaiefdpnnf) 👈

![TypeScript All The Things meme](https://dev-to-uploads.s3.amazonaws.com/i/cejl5p7fumqsttwq46ut.png)

Lastly, this is on Open Source project. Hence it wouldn't be awesome without the community's input and contributions. Please submit issues and/or PRs on GitHub to help improve the experience for yourself and other devs 🙏

{% github madyanalj/console-plus %}
Every programming tutorial for beginners
Tags: tutorial, beginners, watercooler, satire
Published: 2020-08-05 20:32:08

- Hello guys, what's going on?
- This is a complete beginner's tutorial series. Anyone can program.
- No previous experience is necessary but knowing Javascript, Ruby, Python, PHP and C# would be nice.
- We're gonna take a deep dive.
- After finishing this tutorial you'll have a solid understanding of the concepts.
- I'll try to keep it short.
- I'm using an older version of the program but you can use whichever version you like, it totally works the same.
- This is a Mac installation so you have to find a tutorial for Windows installation yourself.
- I'll start with something very simple.
- We must install these 81 external libraries.
- Let's write our first program: print("Hello world!"). 
- And it's that easy, you just wrote your first fully functional program.
- Now we're going to create, you're not gonna guess, a To-do app.
- Don't worry if you don't understand the code, I will explain in a bit.
- Your variables should have descriptive names.
- So we have these three variables, let's call them foo, bar and baz.
- Feel free to pause this video and write the code yourself.
- O.k guys, we're back. I changed the code a bit while I was off screen.
- So basically what you wanna do is...
- The video is already too long so I'm not gonna go over all of these concepts in detail.
- Don't worry about this for now.
- You can find the source code in the description.
- Now compile your code and you're done.
- If you have any questions, leave them in the comments.
- Don't forget to like and subscribe.
- If you want to learn more, head over to my Udemy page where you can find more quality content like this.
- See you guys in the next tutorial.

**A list of some of the most common things I heard while watching a gazillion Youtube videos. This is satire so treat it like satire. Feel free to add to the list 😊.**

*Image source: Mimi Thian/ @mimithian on Unsplash*