teleren/devto huggingface dataset:
Tools to know when starting coding
Tags: productivity, webdev, beginners, javascript
Published: 2021-05-26 18:38:59

When we start to code, most of us really don't focus on tools. These tools can really make your programming more productive and efficient. 

In the tech world, there are thousands of tools that people use themselves, or probably will tell you to use these tools. How are we as beginners or intermediates know which tool is good for us. In this blog, I have talked about this in this article, **Enjoy**-

1.**WhatFont**

This Amazing Chrome extensions help to us to identify the fond of the website.

2.**StackOverFlow**

Most of us falls in problems related to our code or there is a bug that you are facing but can't solve, you can search that on stackoverflow and could get the solution over there.

3.**Wappalyzer**

This is also a Chrome extension that helps in identifying the technology used in that website.

4.**Redux Dev Tools**

This tool is good for debugging application made by Redux.

5.**Vimeo Repeat and Speed**

This is Also an Chrome extension, most of coding tutorials made by individual websites are either hosted on Vimeo or sometimes Youtube. This extension gives you flexibility to watch vimeo videos in a your custom way. 

6.**Git Lens**

If you use VS code, this vs code extension will help you find what, when changes were made and who made the changes in the code.

7.**VSCode-Icons**

This extension on VS code changes the Coding window according to yourself and make it the most pleasant look for your eyes.

8.**Code Spell Checker**

This as the name suggest checks the spelling of the code, and makes it easier for you to code, if you don't want to waste your time on learning and memorizing spellings.

9.**Guides**

This code guide will make sure that the brackets and parenthesis that you put in your code are correct and is in the write place, so that in the future no bugs could be found.

10.**Auto Rename Tag** 

This will automatically make the ending tag of any HTML code you do, like if you wrote <html> then it will automatically make </HTML> in the correct position according to your code.

**END**

*Finally this big topic is over now, Now I would like to talk about my Newsletter* -

*I have started a newsletter in which you will get Email twice a week directly from me. I will send you latest tech, coding & Other useful information. I will also be spending a one riddle each time and the first to complete the riddle will get a small gift from me*


[![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/tyih1zf664aoqcwaxr17.png)](https://linenewsletter.substack.com/subscribe?utm_source=menu&simple=true&next=https%3A%2F%2Flinenewsletter.substack.com%2Fp%2Fcoming-soon)

Follow me on Twitter as well. [Click Here.](https://twitter.com/chetanistaken)
paradoxical products (ephemerapost)
Published: 2021-05-26 18:36:46

I have not been appreciative enough of impossible goals, like autonomous time-telling networks. I have pursued achievable goals at the expense of interesting ones. Paradoxical goals are especially powerful.

A long time ago I was in love with the problem of decentralized but ordered claims. How can you put things in a definite order without any authority? I filled a notebook with ideas. 

After a year or so I decided there was no definite win for me personally. How would this problem help make me a living? I am not an academic. I am not a writer. I am a developer, and the problem I was in love with was not a good idea for a product.

So I stopped.

15 years later I realize how inspiring that paradoxical problem was. If I had kept going it might well have - paradoxically - earned me a better living than the tactical projects I switched over to.

---

This is an emphemeral blog entry: I always rewrite the same one. It is a long-lasting mount point for writing that comes and goes.
Plotting Decision Trees using Python
Tags: python, machinelearning, datascience
Published: 2021-05-26 18:29:05

Hello folks,
To plot Decision Trees using python as output the following code can be implemented:-
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/pn98aq41u282so48wir9.png)

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

Before, executing the python code download the dataset from the following link:
https://github.com/ruthvikraja/DT.git 
```python
# Decision Tree Classifier
import pandas as pd
from sklearn.model_selection import train_test_split
# This is used to split our data into training and testing sets
from sklearn import tree # Here tree is a module
from sklearn.metrics import accuracy_score
# Used to check the goodness of our model
import matplotlib.pyplot as plt
# Used to plot figures

df1=pd.read_excel("/Users/ruthvikrajam.v/Desktop/heart.xlsx")
# storing our excel file in df1
df1.info() # This function is used to check whether our data consists of any missing or null values
X=df1.loc[:,df1.columns!="target"]
y=df1["target"]
X_train, X_test, Y_train, Y_test=train_test_split(X, y, test_size=0.2, random_state=0)
# Here test_size = 0.2 means it uses 20% of our input data for testing and 80% for training set
# random_state = 0 means every time it uses the same set of testing and training set for evaluation

clftree1=tree.DecisionTreeClassifier(criterion="entropy")
# Using Entropy for computing the Decision Tree
clftree1.fit(X_train,Y_train)
pred=clftree1.predict(X_test)    # Predicting the values for our test data
accuracy_score1=accuracy_score(Y_test, pred)   # Finding the accuracy score of our model
print(accuracy_score1)
                                     
fig, ax = plt.subplots(nrows = 1, ncols = 1, figsize = (10,10),dpi=300)
# Let us create a figure with size (10X10) and density per inch = 300
tree.plot_tree(clftree1, feature_names=list(df1.columns),class_names="01",filled =True)
# plot_tree is used to plot our decision tree. The parameters are our Decision Tree, feature names, class names to be displayed in
  # string format (or) as a list, filled=True will automatically fill colours to our tree etc
fig.savefig("imagename1.jpeg.png")                                     

clftree2=tree.DecisionTreeClassifier(criterion="gini")
# Using Gini Index for computing the Decision Tree
clftree2.fit(X_train,Y_train)
pred=clftree2.predict(X_test)    # Predicting the values for our test data
accuracy_score2=accuracy_score(Y_test, pred)   # Finding the accuracy score of our model
print(accuracy_score2)

fig, ax = plt.subplots(nrows = 1,ncols = 1,figsize = (10,10),
dpi=300)
tree.plot_tree(clftree2, feature_names=list(df1.columns),
class_names="01", filled=True)
fig.savefig('imagename2.jpeg.png')                            
```
Done...
Sonnet of The Coder's Quest
Tags: poem, access, security, help
Published: 2021-05-26 18:27:46

Hello, the world, I am but meek and lean,
I seek to change the code within the frame.
But lo! Access blocks me, oh how mean!
To be but free, to play the coding game!

Systems of checks, they do adherence seek,
But they prevent the hard, the real, the task.
Design, construct, create, let no one leak,
A system that values brain over mask.

Real work is near, no fear, the fight is done,
Adapt and change, the complex systems tweak.
To be but simple, yes, the web is spun,
Access granted, now the change will peak.

Today we start a system, simple, neat,
That values brain over bronze, oh how sweet!
A un año de DevTo 🎉, mi experiencia como bloguero
Tags: spanish, blog, devto
Published: 2021-05-26 18:21:46

Hace un año por la pandemia decidí empezar a escribir posts sobre desarrollo de software, específicamente sobre tecnologías relacionadas con el frontend, osease JavaScript. 

Inicialmente mi primer post lo escribí en medium y eran sobre las custom properties en css, lo recuerdo bien, un amigo desarrollador me comentó: "No uses médium, mejor usa DevTo", y yo: "Dev que?" jajja fue chistoso porque nunca había oído hablar sobre esta plataforma de posts tecnológicos, era justo lo que buscaba.

Muy aparte de la tecnología me apasiona mucho la literatura, por el tiempo extra obligatorio que nos hizo tener en 2020 puede leer alrededor de 35 libros y varios cuentos, es asi que decidi dar un paso más al fondo y empezar a tratar de escribir un poco, al principio fue complicado por que no sabia si lo estaba haciendo bien o mal, pero después de un año puedo decir que la experiencia fue muy buena y bastante reconfortante, conocí personas que tienen hábitos similares a los míos, me ayudó a no caer y salir un poco del síndrome del impostor con el que aún lucho.

Tengo que mejorar mucho aún y mientras pueda seguiré posteando post para compartir conocimiento y aprender más y mejor!

Saludos a todos los que leen mis publicaciones.
Cara Buat Akun MiChat Terbaru
Tags: tutorial
Published: 2021-05-26 18:17:28

Cara Buat Akun MiChat – Seiringnya waktu Michat saat ini menjadi aplikasi Chatting Mobile yang paling populer, dan pengguna android sudah mulai banyak menggunakan MiChat. Michat bisa dibilang aplikasi pesan instan yang di distribusikan secara gratis untuk pengguna smartphone android dan IOS, Michat memiliki markas besar di singapore, dengan menggunakan aplikasi ini kamu bisa mendapatkan teman baru di lokasi yang berbeda dari wilayah kamu.

Apa Itu MiChat?

MiChat adalah aplikasi pesan gratis dengan fitur-fitur luar biasa. Tidak hanya untuk keluarga dan teman-teman, MiChat juga membantu anda menemukan teman-teman baru dan orang-orang di sekitar, sehingga memperluas jaringan sosial anda. (Source MiChat)

Dengan fitur yang sangat menarik yang diberikan oleh michat, tidak heran kalau peminat MiChat sudah semakin banyak termasuk di indonesia, untuk kamu yang ingin menggunakan MiChat dan masih bingung bagaimana cara buat akun MiChat, dan kamu butuh panduan cara daftar akun michat ,kamu bisa lihat panduannya di artikel kami ini.

Cara Buat Akun MiChat Di Android & PC
MiChat – Kompirasi.com
1. Langkah pertama install dan download aplikasi michat di android & pc anda terlebih dahulu, kalau di pc anda bisa menggunakan aplikasi nox emulator.

Nomor MiChat
2. Setelah itu anda masuk ke MiChat dan masukan nomor ponsel anda, yang nantinya akan digunakan untuk memverifikasi akun MiChat, langkah selanjutnya kalau anda sudah memasukan nomor hp untuk daftar michat, klik Masuk

Kata Sandi Michat
3. Di bagian Mengatur Kata Sandi, kamu diminta untuk membuat password akun michat kamu, kalau sudah kamu buat klik Lanjutkan.

Buat Nama MiChat
4. Di menu Lengkapi Profil Anda, kamu diminta untuk membuat Nama akun michat kamu, kalau kamu sudah membuat nama profil michat, langkah selanjutnya Klik Lanjutkan.

Foto profil michat – Kompirasi.com
5. Di bagian Lengkapi profil anda, kamu masukan foto/ gambar profil kamu, kalau sudah kamu upload foto kamu klik lanjutkan.

Verifikasi Nomor HP
6. Setelah itu kamu diminta untuk memasukan kode verifikasi yang telah dikirimkan ke nomor hp kamu, nantinya mereka akan mengirimkan SMS kode verifikasi akun Michat setelah kamu mendapatkan kode verifikasi nya, masukan di bagian kode 6 digit.

masuk ke michat – Kompirasi.com
7. Di bagian menu Masuk Ke Michat… kamu diminta untuk menunggu, kira kira 1menitan.

Tambahkan Teman MiChat
8. Di bagian ini kamu bisa menambahkan teman yang yang sudah direkomendasikan oleh michat, lalu klik tambahkan.

Profil Michat
9. Setelah sampai tahap ini kamu sudah berhasil membuat akun michat baru.

Penutup

Bagaimana panduan cara membuat akun michat? sangat mudah bukan untuk dipelajari, dan tentunya panduan yang kami berikan tidak sulit untuk dipraktekan buat kamu yang belum paham sama sekali cara buat akun michat bukan? kalau artikel ini membantu kamu jangan lupa komentar ya.

Sumber: https://www.kompirasi.com/cara-buat-akun-michat/
Cara Memblokir Teman Di MiChat Terbaru
Published: 2021-05-26 18:15:20

Pernah tidak kamu di kirimkan pesan oleh teman kamu di michat dan pesan tersebut sangat tidak sopan, sehingga membuat kamu risih dan kamu ingin orang tersebut tidak dapat berbicara lagi kepada kamu? lalu kenapa kamu tidak blokir saja akun teman kamu tersebut?

Dengan cara memblokir teman di michat, kamu dapat memblokir orang yang sangat menganggu dan tidak sopan terhadap kamu, tidak hanya itu saja orang yang kamu blokir di michat juga tidak dapat lagi berkominkasi, mengirim pesan dan tidak dapat menghubungi kamu lagi di michat.

Min emang bisa ya blokir teman di michat? bisa kok, kamu mau tahu bagaimana cara memblokir teman di michat? simak ulasan berikut.

Cara Memblokir Teman Di MiChat
1. Langkah pertama untuk blokir teman di michat kamu buka aplikasi michat terlebih dahulu di android kamu.

Kontak MiChat
2. Langkah kedua buka menu icon Kontak pada MiChat

pilih teman – Kompirasi.com
3. Setelah itu kamu pilih daftar teman yang ingin kamu blokir di michat dan kemudian klik nama atau profil teman yang ingin diblokir

Profil Teman
4. Setelah kamu sudah menentukan teman mana yang ingin kamu blokir, langkah selanjutnya cari menu titik 3, kemudian klik menu tersebut.

Artikel Lainnya: Cara Mengganti Nomor Telepon Di MiChat Terbaru
Blokir
5. Di bagian menu lanjutkan titik 3, kamu akan menemukan 5 fitur, Atur data dan deskripsi, Kirimkan Kartu Kontak, Laporkan, Blokir, Hapus karena kita ingin memblokir teman di michat kamu pilih menu Blokir dan klik.

blokir teman michat – Kompirasi.com
6. Langkah terakhir kamu akan diberikan notifikasi Blokir ” Tambahkan ke daftar blokir. Anda tidak akan menerima pesan lagi dari pengguna ini, lalu klik saja ok, dan sekarang teman yang sudah diblokir di akun michat kamu tidak akan dapat menerima pesan kamu lagi, dan tidak dapat melihat profil akun michat kamu.

Cara Buka Blokir Teman Di MiChat
Min saya ingin membuka blokiran teman yang sudah saya blokir bagaimana caranya? untuk caranya kamu bisa melihatnya di bawah ini.


1. Masuk ke fitur saya di bagian profil lalu klik, setelah berada di bagian menu profile langkah selanjutnya klik Privasi.


2. Setelah berada di bagian menu Privasi, langkah selanjutnya kamu cari menu daftar blokir lalu klik.

3. Setelah itu kamu akan berada di menu Daftar Blokir, kamu pilih daftar teman yang mau kamu buka blokirannya kalau sudah klik nama dan profil teman kamu.

4. Dan setelah kamu buka profil teman yang sebelumnya kamu blokir, kamu cari titik 3 kemudian klik, selanjutnya klik Batalkan Blokir. Setelah kamu klik batalkan blokir teman yang sebelumnya kamu blokir di michat sekarang sudah kamu buka blokirannya, dan teman kamu tersebut sudah dapat mengirimpan pesan, chat, dan melihat profil kamu seperti sediakala.

Sumber Refrensi: https://www.kompirasi.com/cara-memblokir-teman-di-michat/
The 8 Best Programming Languages to Learn in 2021
Tags: programming, javascript, python, codereview
Published: 2021-05-26 18:10:56

If you’re new to the field of software development, the toughest part of learning programming is deciding where to begin.

1. JavaScript
It’s impossible to be a software developer these days without using JavaScript in some way. According to Stack Overflow's 2020 Developer Survey, JavaScript is the most popular language among developers for the eighth year in a row. 

2. Swift
If you’re interested in Apple products and mobile app development, Swift is a good place to start. First announced by Apple in 2014, Swift is a relatively new programming language used to develop iOS and macOS applications.

3. Scala
If you’re familiar with Java—a classic programming language in its own right—it’s worth checking out its modern cousin, Scala. Scala combines the best features of Java (such as its Object-Oriented Structure and its lightning-fast JVM runtime environment) with a modern twist.

4. Go
One of the core languages favored by Google, Go is the little language that could. As a low-level language, Go is ideal for engineers who want to enter the field of systems programming. It encompasses much of the same functionality of C and C++ without the difficult syntax and steep learning curve. 

5. Python
Python is perhaps the most user-friendly programming language of any on this list. It’s often said that Python’s syntax is clear, intuitive, and almost English-like, which, like Java, makes it a popular choice for beginners.

6. Elm
One of the youngest languages on our list, what began as a Harvard student’s thesis has now grown to become a point of passion for front-end developers around the world.

7. Ruby
Ruby is another scripting language that’s commonly used for web development. In particular, it’s used as the basis for the popular Ruby on Rails web application framework.

8. C#
Like C++, C# (pronounced C Sharp) is a general-purpose, object-oriented language built on the foundations of C. It was originally designed by Microsoft as part of its .NET framework for building Windows applications.

It’s Code Time
When deciding which programming language to learn, it’s important not to get caught up in flashy trends and popularity contests. The best programming languages to learn in 2021 are likely the same ones that were best to learn in 2017 and 2018, and that will continue to be true for the next several years as well.

Although the field of computer programming changes rapidly, the languages that we’ve discussed above have a great deal of staying power. By learning one or more of these languages, you’ll be in an excellent position not only for this year but in the years to come.


Front-end web development: JavaScript
Back-end web development: JavaScript, Java, Python, PHP, Ruby
Mobile development: Swift, Java, C#
Game development: C++, C#
Desktop applications: Java, C++, Python
Systems programming: C
Quick Tip: Formatting Elixir templates
Published: 2021-05-26 17:51:29

Finding a VS Code plugin to automatically format my Elixir templates (.eex, .leex) has been some trouble. The Elixir Language Server extension doesn't do this by default. I've been using "Beautify" up until now, because at least it properly formats HTML. However, it'd leave Elixir's special forms (if, for, etc...) completely un-indented:

![Un-indented code](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/nlywmhzwu6kdrl14bk8q.jpeg)

Reading through this issue, it's apparant that I'm not the only one who wants some indenting from a formatter: https://github.com/timmhirsens/vscode-elixir/issues/129

This comment solved it for me: https://github.com/timmhirsens/vscode-elixir/issues/129#issuecomment-653891686

After installing https://marketplace.visualstudio.com/items?itemName=ouven.vscode-yab-for-eex-leex and the `htmlbeautifier` gem, I configured the default formatting for my .leex files by bringing up the command palette, typing "format document with", then choosing "Configure Default Formatter...", and then selecting "YAB for eex/leex".

![Command palette choosing new default formatter](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/rz0d41cs8n4a2i9sqskk.jpeg)

Then, after a file save, my indentation comes back! Well, mostly. Sadly there's no indentation support for `form_for/3`, since it's just a variable assignment folled at the end by a `</form>` tag, but having indentation for the rest is a huge help.

![Indentation returned](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/vglq659m9ea2gfsx8f0p.jpeg)
Day 3 of Coding Challenge! First CSS! Finally Some Color!
Tags: css, webdev, beginners, colors
Published: 2021-05-26 18:01:48

Look out world! This up-and-coming coder has added some spice to his web pages! All jokes aside, I am very excited to have been able to start learning how to style these pages. They aren't great but its a start. Thank you to Peter for sending me the Markdown format; hopefully I did it correctly but if not please let me know! Here's a breakdown of my notes:

Color: May be displayed and specified multiple ways

   Name: Limited to the browser selection but colors can be used 
   through names (i.e. `cyan`)
   
   RGB: Controls colors by adjusting the RGB color model (Red, 
   Green, and Blue. The color cyan can instead be written as 
   `rgb(0,255,255)`
   
   Hexadcimal: Number systems based off the number 0-9 and A- 
   F(representing 10-15) Cyan would then be written as `00ffff` or 
   in this case can be shortened to `0ff` 

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

Text:

   Font-family: Gives the ability to select what font is seen. In 
   the case that the user's browser does not support that font 
   having a backup font and then the general font category gives 
   the user a similar experience to what you intended (i.e. `font- 
   family: Arial, Helvetica, sans-serif`)
   
   There are plenty of other ways to manipulate text including 
   `text-align`(orientation of the text), `font-weight`(boldness), 
   `line-height`(space between lines, standard number set at 1), 
   and lots more. Here's the MDN on the all the ways: 
   https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Text

CSS Code:
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/6vggjkcek7sbqi0n9dcl.PNG)

Result:
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/b1gi1to3c3yxedrhzq7v.PNG)
Day 93
Tags: 100daysofcode, programming
Published: 2021-05-26 17:55:52

Day 93/200 of #200DaysOfCode #100DaysOfCode

- Solved three problems on Codewars.

1 - [Basic Encryption](https://www.codewars.com/kata/5862fb364f7ab46270000078) (6 kyu) || [MySoution](https://github.com/Rb-wahid/My-Coding-Experience/blob/master/src/Codewars/6%20kyu/BasicEncryption.js)
2 - [NASA Countdown](https://www.codewars.com/kata/56c4931400165c5283000661) (6 kyu)  || [MySoution](https://github.com/Rb-wahid/My-Coding-Experience/blob/master/src/Codewars/6%20kyu/NASACountdown.js)
3 - [It is written in the stars](https://www.codewars.com/kata/5888a57cbf87c25c840000c6) (7 kyu)  || [MySoution](https://github.com/Rb-wahid/My-Coding-Experience/blob/master/src/Codewars/7%20kyu/ItIsWrittenInTheStars.js)
Custom colors in React-Native
Tags: reactnative, customization, javascript, colors
Published: 2021-05-26 17:54:40

# Pop-up your app’s brand.

Obviously, you’ll be using multiple colors in your app but the question is how to make color usage effective and optimized.

We’ll be quickly adding colors to our react-native application.
First thing first define hierarchy of your app and know where you want your color file to be, I like to keep in utilities/config folder and name it as Color.js

Now open your newly made file and start defining your colors.
```
const Colors =
{}
export default Colors;
```
We made a simple “Colors” object and exported it.
```
const Colors =
{
AQUA_GREEN: '#1A5276',
RED: '#B03A2E',
ORANGE: '#DC7633',
PURPLE: '#8E44AD',
GRAY: '#566573',
}
export default Colors;
```
You can put Hex, rgba, rgb whatever sails your boat, I like to work mostly with hex unless need to control opacity.

Now save it and go back to your App.js or wherever:
```
import Colors from './src/utilites/Color'
after importing Colors you can use as you please..
<Text style={{
backgroundColor: Colors.AQUA_GREEN,
color: Colors.ORANGE
}}>
{HELLO_WORLD}
</Text>
```
& that’s practically it.
The main advantage of using colors in separate files that it is: 
<ol>
1- Maintainable.
2- Reusable.
3- Changeable.
</ol>

Like say, if you want to change the shade of red a tone you won’t have to go in each file changing it, you can easily change it in your file & it’ll be applied to whole app.
<center> ** Automated ** </center>
Kidding lol, anyway, I have this series of easy customization things for your react-native app. If you want me to cover anything in this series do let me know in comments below.
Until next time!

P.S: Drop a heart, I just like that notification. 👇

Here's a link to github repo:
https://github.com/swairAQ/CustomizationReactNative

Youtube tutorial:
https://youtu.be/NEX_eQR-mEY