teleren/devto huggingface dataset:
Do you still use React classes?
Tags: discuss, webdev, react
Published: 2020-11-11 06:28:56

---
title: Do you still use React classes?
published: true
description: 
tags: discuss, webdev, react
cover_image: https://i.morioh.com/2934a8d84c.png
---
Back in February 2019, React 16.8. introduced Hooks, a new way of using state and other React features without writing a class.

As of November 2020, the class syntax is still supported, and [React official documentation](https://reactjs.org/docs/hooks-intro.html) states there are no plans to remove classes from React.

Do you still maintain some code where you have to use React classes? What about the projects you create from the ground-up?
Best AI Online Courses- Beginner to Advanced Level
Tags: machinelearning, datascience
Published: 2020-11-11 06:12:51

Are you looking for **Best Certification Courses for Artificial Intelligence?.** If yes, then your search will end after reading this article. 

In this article, I will discuss the **Best Certification Courses for Artificial Intelligence.** So, give your few minutes to this article and find out the Best AI Certification Course for you.

Artificial Intelligence is changing our lives. We can see the evolution of AI almost in every industry like **finance, healthcare, education, transportation, and more.** 

The best examples of Artificial Intelligence are **Self- Driven Cars, Google Assistant/Siri/Alexa, Product Recommendation, Chatbots, Facebook Image Recognition, GPS, Pandora, BLUE RIVER, and Plantix.**

I have filtered these courses on the following criteria-

##**Criteria-**

1. Rating of these Courses.
2. Coverage of Topics.
3. Engaging trainer and Interesting lectures.
4. Number of Students Benefitted.
5. Good Reviews from various aggregators and forums.

Now without further delay, let’s start finding the **Best Certification Courses for Artificial Intelligence–**
**[Click to Continue Reading...](https://www.mltut.com/best-certification-courses-for-artificial-intelligence/)**
Choose Your Side Project
Published: 2020-11-13 15:29:57

---
title: Choose Your Side Project
published: true
date: 2020-11-11 06:00:00 UTC
tags: 
canonical_url: https://www.coffeeincodeout.dev/blog/choose-your-side-project
---

I've heard this request in my job as a manager as well as in several of the groups I'm a part of. And I've given the same advice over the years in slightly different formats (depending on what the person's goals were), so I thought I would try and codify it a bit and make it an easy flow-chart for anyone to use.

I'm teaching other developers how to level up their craft using side projects in my course 30-Minute Project which will be launching soon! Visit my landing page to find out more information and signup to be notified when it launches.

[LEARN MORE](https://www.coffeeincodeout.dev/30_minute_project)

![30-MInute Project - Choose Your Side Project](http://images.ctfassets.net/vahs30ss2gli/41l61zK0c6OS9IcK2AEoca/5e7b5f8516d1b65c565e319551c60393/Choose_Your_Side_Project_-_FINAL.png)
Magento Development Company In UK
Published: 2020-11-11 05:47:04

Magento is a popular open-source platform used to build customized eCommerce websites for all types of businesses. Whether you’re a startup and need a new website from scratch or you want to migrate your current e-commerce store to the platform, we’re here to help. Here’s how Magento can benefit you by taking your business to the next level.

If you’re searching for a Magento Development Company In UK, look no further than Tecocraft. As established enterprise Magento developers, we pride ourselves on producing versatile Magento eCommerce solutions that help businesses grow year-on-year. Our certified Magento development team ensures that your eCommerce site is built for optimum performance, conversion rates, and reliability.
Web - https://www.tecocraft.co.uk/magento-development/
AWS Cloud Services
Tags: aws, serverless
Published: 2020-11-11 05:19:36

Topic - AWS Cloud Services



A little brief about the AWS cloud - Amazon Web Services (AWS) is a cloud computing platform provided by Amazon. AWS services can offer an organization tools such as database storage, compute power, content delivery, and other user-friendly functionality services to help businesses grow and perform better.

Planning to cover most of the AWS topics which help for certification and daily usage in the organization. We will be discussing the first topic as the IAM service in AWS services.







IAM - Identity and Access Management - It manages the users and their level of access to the AWS Console.

Features -

- Global access control of AWS.

- Shared access to the AWS account.

- Granular Permissions.

- Identity Federation ( for example Active Directory Service, Facebook, Linkedin, etc. Platforms).

- MFA - Multi-Factor Authenticator ( Use Google Authenticator for accessing the AWS as the second step for logging).

- Provide temporary access for users and services where it is necessary.

- Password rotation policy (Setting the rotation of password, conditions for a password for example string, char, num, etc).

- Integrates with AWS different Services ( for example S3 Bucket, EC2 instance, Lambda, Fargate, etc).

- Supports PCI DSS compliance ( Payment card industry for data storage standards) - It means helps to securely store credit cards and bank account of information. 

The terminology used in the IAM -

1. Users - It lists the people in the organization.

2. Groups - Multiple users can be inherited into the group and can pass the same permissions to the users assigned to the group.

3. Policy - It is being defined in the format called JSON. Where we can customize the policy and gives permission as User/Role/Group.

4. Roles - It is created to assign the AWS resources. (for example S3 bucket, EC2 instance, etc).



Important Information regarding IAM -

- IAM is universal for the AWS account.

- Root account is the admin account created at the initial launch of the AWS.

- Good practice to maintain MFA to the AWS account.
Tough Decision!
Tags: devops, news, 100daysofcode, codenewbie
Published: 2020-11-11 05:14:13

Sometime's we need to make some big decisions like when you want to do some extra like some more work in life.
That's time when everyone against you like your mentor, friends no one can understand your situation.

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

Life shows ambiguity like nothing is clear. but that's time you should be clear about yourself. if you are clear no one can beat you, just clear yourself when you start some new.

your clarity is matter even all peoples, friends against you but if you are clear to achieve something new then you can do what you want.

I know this post is not related to development but i want to share my experience with the decision. In starting I am confused, my situation like ambiguous bcoz I left my job and I want to break of six months to learn something new and then apply it for work. everyone thinks I am a fool because no one left her job for learning .peoples struggle for the job but I think if you are a good developer, good learner then the job will find you automatically.

Thanks for reading.
A short poem for vision
Tags: watercooler, writing, poem
Published: 2020-11-11 05:01:45

> When the weight of reality hits, the glory of illusion shines through.
We are not defenceless against our struggle, but keep fighting even if we're just pretending we're winning.
When defeat is upon us and our strength is drained, we find new hope through our imagination.
The only way to lose is to stop fighting, the only way to keep fighting is to keep casting vision.
Online tools for drawing AWS Architecture Diagrams
Published: 2020-11-11 04:05:57

1. AWS Architecture Icons https://aws.amazon.com/architecture/icons
2. LucidCharts — https://lucid.co/
3. Hava — https://www.hava.io/
4. Draw — https://draw.io
5. CloudCraft — https://cloudcraft.co
6. Diagrams — https://diagrams.mingrammer.com
7. CloudSkew — https://www.cloudskew.com
8. cfn-diagram-github — https://github.com/mhlabs/cfn-diagram-github
9.  cfn-diagram-ci — https://github.com/mhlabs/cfn-diagram-ci
10. cfn-diagram — https://github.com/mhlabs/cfn-diagram
11. Visual Paradigm Online — https://online.visual-paradigm.com
12. Terraform AWS Icons — https://github.com/TabbedOut/terraform-aws-icons
13. Micro - https://miro.com
Promises in javascript
Published: 2020-11-11 03:59:05

Promises in javascript are a lot like promises in real life. A promise can either be unresolved, resolved, or rejected. Imagine an example where when you were a child your mom made you promise that you would make you clean your room after school. That promise would be pending(unresolved) while you were still in school, the promise would be resolved if you made your bed when you got home, or it would be rejected if your mom came home from work and you still hadn't made your bed. 

In javascript a promise is pending if the result is not yet ready, usually it is waiting on a server to send some data or a function to finish, a promise is resolved when the result is available and the promise received the expected output, and a promise is rejected on an error. 

Promises really become helpful when working with asynchronous code. Javascript by its nature is synchronous meaning it can only execute one line of code at a time. This is troublesome because one line of code that is taking a long time to complete will completely halt the entire process of running the rest of the code. 
This is where promises come in. By using a promise on a portion of code that may take an unknown amount of time javascript will keep running the rest of the code and only go back and run the promise when that function is completed. This is especially helpful for retrieving data from servers or loading images or other large files.
Material ui themeing Typoography
Tags: react, javascript, beginners
Published: 2020-11-11 03:58:14

Hey all I have been trying to add a default margin bottom to all my typography. Struggling I dont understand the documentation.

```javascript
const theme = createMuiTheme({
  typography: {
    subtitle1: {
      fontSize: 12,
    },
    body1: {
      fontWeight: 500,
    },
    button: {
      fontStyle: 'italic',
    },
  },
});
```

I tried writing
```Javascript
const theme = createMuiTheme({
  h1: {
   marginBottom: "20px" 
  },
});
```

its not working :(
Intro to Machine Learning in Python: Part I
Tags: datascience, machinelearning, python, algorithms
Published: 2020-11-11 03:42:21

After messing around with really getting to know the in's and outs of data frame management and other sides of data science in Python I have been reluctant to get into Machine Learning with the worry of not having the time I would like to commit to it and get as good as I would like. Like everything sometimes you just gotta do it. So here we go. 

##Starting Point:
Where I am starting is Supervised learning, which basically means there is known input and outputs and you are just modifying the parameters of your model to predict future outcomes.
-An example of this would be Positive vs. Negative movie reviews

I am doing doing this work in Jupyter with the library scikit learn in Python which has algorithms already in it, which makes it much easier to fit models, split test and training data etc. 

##Linear Regression 
Linear Regression is the step up after correlation, it is when we try to model the relationship between of two variables by fitting a model to predict a value.

Within Machine Learning there are some base algorithms and it can be hard to decide what is the best model for your data. This cheat sheet really gives a pretty good guide of what you should be doing based off your data.
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/ollxz5f9ex7n3zt0gjaf.png)

##Working With Our Data
So the first thing is we need data to work with in order to try to build a model. When you have your data readily available the first thing to do is to analyze what you are working with.

The first step to this is taking your data and setting it into a data frame. We can do this by using "pd.read_csv('YourData')" or whatever type of file you are working with to read to. Creating this data frame will allows us to dig deeper to see what we need to do with our model.

##Analyzing Our Data
A good starter on where to first look within your data is use the .describe() and .columns methods on your data to see your columns names and some additional info about them.

With Seaborn in Python being imported we can use "sns.pairplot(YourDataFrame)"
to give us a good idea of the distribution of our data. 

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/hpr7230jj88298ta2zmo.png)
An example of Normally Distributed Data vs. Not Normally Distributed Data

After that we can look at the correlation of our data by using "sns.heatmap(df.corr(), annot=True)" to see a heat map of our data as well as the correlations on top of them. 1 means that they are perfectly correlated with one another.

Lastly, in analyzing our data we need to pick what we would like to predict so we can choose the column of what we want to predict and use "sns.distplot(YourDataFrame['ColumnName'])" to pull up a distribution plot of that column. It should be normally distributed like I talked about above.

##Conclusion
In this post I mainly talked about my first day in Machine Learning primarily working with Linear Regression and analyzing your data for getting ready to fit it. My next post should be more about actual ML and training, testing and fitting our model!
Migration to Typescript in a React app
Tags: typescript, react
Published: 2020-11-11 03:33:12

Recently, I was working on a project which started in 2018. It was setup with React, Redux, Mui.. There're quite a lot of features and pages.

## Problem or why we move to Typescript
I was assigned to a task that seemed really easy, which is to display the correct phone number for user logged in.

BUT when I digged into that, I found that it's really hard to figure out the shape of profile data for user. The origin data is passing around and name got changed accross different adaptors. To make things worse, the comments are out-dated.

I really want something like this, which makes everything clear:
```javascript
type OriginProfile = {
   primaryPhone: string,
}

type Profile = {
   phoneNumber: string,
}
```


## How we did it
Basically we did it one component after another. Whenever there's a task that requires us to make changes to the code.
We tried to migrate the related files to typescript. Luck that typescript is a superset of javascript.


### Rename as we go
Rename .js/jsx to .ts/tsx.

### Infer the shape
To define the shape the data, we have to infer that from the logic in code and the response payload. We did our best to infer and it doesn't matter if we miss something, because we can always add more.

### To make the code running
To fix the errors, be flexible and nice.. Just make use of `any` magic, every error will go away :)
At this point, you should realize you wrote code by guessing.. It's really luck that it worked..

### linting
By adding `eslint-disable` is useful to make code work as well.

### remove PropTypes
At this point, I really can't see any benefits to have the PropTypes because Typescript is really helpful in defining the shape. So PropTypes is redundant, that's why we remove it.
Instead we have `Interface Props {}` for every component.

## How's the feeling
It's not easy at the beginning, because I have to figure out how to eliminate all the errors and lots of basic entity typings needed in the project.

But it gets better when you know how to use `any` and once most of the entity types are defined, not much left indeed, or you can say, it's much easier to add new type.

What's important is that you become much more confident in coding. Typescript will scream if something is wrong. You trust the code, and you know exactly what you're dealing with. Is it a number, string, an object, some complex entity, is it possibly null. You know all that without guessing!


Typescript is awesome and I guess I will never go back.
Sparrowdo - Ubiquitous Asynchronous Task Runner ( with Nice Frontend )
Tags: raku, taskrunner, devops, tooling
Published: 2020-11-11 03:14:25

---
title: Sparrowdo - Ubiquitous Asynchronous Task Runner ( with Nice Frontend ) 
published: true
description: Sparrowdo - run Sparrow tasks asynchronously ( and not only )  
tags: Raku, TaskRunner, Devops, Tooling  
//cover_image: https://direct_url_to_image.jpg
---


In the latest version of [Sparrowdo](https://github.com/melezhik/sparrowdo) I've improved "hosts" API allows one to define multiple tasks configurations using Raku Hashes and Arrays:

`$ nano hosts.raku`

```perl
[
  %( 
     host => "localhost",
     name => "task1",
     tags => %(
       param1 => "val1",
       param2 => "val2",
     )
  ),
  %( 
     host => "localhost",
     name => "task2",
     tags => %(
       param1 => "val1",
       param2 => "val2",
     )
  ),
]
```
This trivial example defines 2 tasks get run with some specific parameters. To run these task we should to define a Sparrowdo scenario:

`$ nano sparrowfile`

```perl

say "you've passed me:";
say tags()<param1>;
say tags()<param2>;

# other task specific logic here

if tags()<name> eq "task1" {
 # ...
} elsif tags()<name> eq "task1" {
 # ...
}
 
```

And run it:

`$ sparrowdo --host=hosts.raku --sparrowfile=sparrowdo`

Sparrowdo will put 2 tasks into a [Sparky](https://github.com/melezhik/sparrowdo/blob/master/doc/sparky-integration.md) queue so that Sparky will handle them later in asynchronous way.

To track tasks statuses and reports - go to Sparky frontend - http://127.0.0.1:3000.

You can override some parameters using command line:

`$ sparrowdo --host=hosts.raku --sparrowfile=sparrowdo --tags=param1=value100`

---

Sparrowdo is all battery included Sparrow [plugins](sparrowhub.io) and [DSL](https://github.com/melezhik/Sparrow6/blob/master/documentation/dsl.md) one could use in their daily tasks:

`$ nano hosts.raku`

```perl
[
   %( 
     host => "192.168.0.1",
     tags => ["frontend","prod"]
   ),
   %( 
     host => "192.168.0.2",
     tags => ["backend","prod"]
   ),
]
```

`$ nano sparrowfile`

```perl

if tags()<frontend> {
   package-install "nginx"
} elsif tags()<backend> {
   package-install "java"
} 
```

---

Thanks for reading.

Alexey
100 days of code - Dia 2
Tags: python, 100daysofcode, productivity, programming
Published: 2020-11-11 03:11:43

<h2>(10/11/2020)</h2>
[PUTA QUE PARIU, QUE DIA CANSATIVO]

Comecei a organizar e estruturar meu dias às 8hrs da manhã, onde separei o que deveria ser feito pela parte da manhã e pela parte da tarde, mas houve alguns problemas de percurso:

- Eu precisei alterar a **User Model** padrão do Django, para que de encaixasse nos requisitos do sistema do cliente, mas fazia alguns meses que eu não tinha que fazer isso, contudo eu tinha no meu github um tutorial que eu fiz mostrando como realizar tal tarefa (mesmo assim ainda demorei um pouco, pois o procedimento é meio trabalhoso, devido ao fato de ter que alterar o funcionamento padrão do framework);

- Após alterar a **User Model**, comecei a trabalhar nas views e template do registro de usuarios, porém, a mudança que eu fiz no modelo padrão do django foi muito grande, dessa forma, o formulario de cadastro padrão da **User Model** (**UserCreationForm**) precisou ser alterado também, para aderir as mudanças da **User Model** (Mais um problema ocasionado pelo tempo que eu estava sem realizar tais tarefas);

- Ajeitando o frontend e backend, comecei a escrever os testes da app, essa parte foi tranquilo, pois utilizo diariamente testes nas aplicações em que trabalho.![a7ed0c16-e42c-45a1-89ac-7473465dbce8](https://dev-to-uploads.s3.amazonaws.com/i/s7o46pgvhjndshn6qqkt.jpeg)

Terminei meus trabalhos de hoje às 23hrs. É hora de tomar um banho e ir dormir.

Se hidratem, comam frutas, leiam bastante, a terra não é plana, vacinas salvam vidas e bolsonaro vai tomar no cu.
Intro to Programming with JS.
Tags: javascript, beginners
Published: 2020-11-11 03:05:02

---
title: Intro to Programming with JS.
published: true
description: 
tags: javascript,beginner 
---


>TLDR: Coding is fundamentally about learning to create a new file type on your computer that will be executed by an application (runtime) that knows how to interpret the code you put in that file. In the recording below, we explore this mental model with JavaScript in a browser.

When we first attempt learning to code is can quickly seem like an exercise in memorization. We're shown new concepts like loops, operators, arrays, and of course, functions in the first hours of studying a programming language like JS. Then we are supposed to figure out how all this equates to "programming a computer." We tend to miss one piece; we already know how to write a program; specifically, we know how to program a computer. If you're reading this, I assume you have created a computer file then ran/opened/executed that file in an associated application. Think of a .mp3 file, and it's an association with your computer media player application or .docx, and it's an association with a word processor application like Microsoft Word. These files are indeed sets of instructions we expect to run on our computers. What we are describing here is the gist of modern computer programming. 


The difference between these common computer files and code files is how they are created. Coders create files on a computer using a programming language. Once these code files are created, we pass them to an application called a runtime to execute those files' code instructions. When you learn a programming language, you learn its features and available computer instructions. For example, iTunes can't process the instructions in a .docx file. Displaying a word doc is not an available instruction for iTunes.

Another example is how we use the English language. The English language features only work if we are using them to communicate with someone who understands English. This may seem a bit abstract right now, but we use this as a mental model to cover the Fundamentals of Programming with JS in the live code lecture below. It's a mental model that helped me early in my career, and I hope it can help you as you learn this powerful programming language, JavaScript.

### Live Recording
[![](https://cdn.loom.com/sessions/thumbnails/0f8a18baa49b48e69f15b45abfe3bd3c-with-play.gif)](https://www.loom.com/share/0f8a18baa49b48e69f15b45abfe3bd3c)
*30 mins*