teleren/devto huggingface dataset:
Python Zero to Hero - Ep.38 - Will a dictionary of emoji help us in the prediction?
Tags: python, machinelearning, beginners, nlp
Published: 2021-03-13 21:02:39

---
title: Python Zero to Hero - Ep.38 - Will a dictionary of emoji help us in the prediction?
published: true
description: Like all NLP projects, it's not easy as the quality of your data may dictate everything! I showed some experiments on the old method that we used and we may have a better result with the new dataset - emoji net.
tags: python, machinelearning, beginner, nlp
---
Like all NLP projects, it's not easy as the quality of your data may dictate everything! I showed some experiments on the old method that we used and we may have a better result with the new dataset - emoji net. If you have any questions or any suggestions about which Python topics to cover, please leave your comment at my [Twitch channel](https://www.twitch.tv/cheukting_ho)
Add fully vector emoji's to your website
Tags: design, productivity, webdev
Published: 2021-03-13 20:47:23

### A CDN for SVG emojis
# **Emoji Cloud · 300+ Collections of SVG emojis**

Easily copy and paste SVG emojis to your projects
**1. Goto [https://alohe.github.io/emojicloud/](https://alohe.github.io/emojicloud?ref=devto)**
**2. Search and Copy Link**
```
https://alohe.github.io/emojicloud/svg/Face with medical mask.svg
```
**3. Then Paste the link into your project**
```
<img src="https://alohe.github.io/emojicloud/svg/Face with medical mask.svg" width="200px" />
```
**4. Output** 
<img src="https://alohe.github.io/emojicloud/svg/Face with medical mask.svg" />
Responsive login form using HTML and CSS
Tags: html, css, tutorial
Published: 2021-03-13 20:28:56

The login form is a very important part of a website it helps people log in to your website. In this blog post, I will show you how you can create a login form using CSS that you can use onto your website.
<a rel="nofollow" href="https://codewithbishal.com/example/css-login-form">View it on our website(Responive login form)</a>
View More :
<ul>
<li><a rel="nofollow" href="https://codewithbishal.com/example/css-movie-cards">How to create Movie ticket using CSS</a></li>
<li><a rel="nofollow" href="https://codewithbishal.com/example/how-to-create-animated-typing-effect-using-css">Animated typing effect using CSS</a></li>
</ul>
At first, on our webpage, there is a preview of our login form, then there are a few QNA and an overview of the blog. There is a button to copy and Download the codes (HTML and CSS). You can also try it on our website.

You can view and copy and download the source code files through the link given below. <a rel="nofollow" href="https://codewithbishal.com/example/css-login-form">View and Download Source Code</a>
Responsive login form using HTML and CSS
Published: 2021-03-13 20:24:56

The login form is a very important part of a website it helps people log in to your website. In this blog post, I will show you how you can create a login form using CSS that you can use onto your website.
<a rel="nofollow" href="https://codewithbishal.com/example/css-login-form">View it on our website(Responive login form)</a>
View More :
<ul>
<li><a rel="nofollow" href="https://codewithbishal.com/example/css-movie-cards">How to create Movie ticket using CSS</a></li>
<li><a rel="nofollow" href="https://codewithbishal.com/example/how-to-create-animated-typing-effect-using-css">Animated typing effect using CSS</a></li>
</ul>
At first, on our webpage, there is a preview of our login form, then there are a few QNA and an overview of the blog. There is a button to copy and Download the codes (HTML and CSS). You can also try it on our website.

You can view and copy and download the source code files through the link given below. <a rel="nofollow" href="https://codewithbishal.com/example/css-login-form">View and Download Source Code</a>
Search Stack Overflow, docs, and code on GitHub from a single app
Tags: productivity, programming, showdev
Published: 2021-03-13 19:38:13

Hey all!

My friend and I are both developers and working on the app called [Devbook](https://usedevbook.com). I thought this community might find it especially useful. It's basically a search engine made just for developers.

It's a desktop app available for Windows, Linux, macOS. It works similar to Spotlight on macOS. You hit a global shortcut and Devbook appears as an overlay on top of any app you might be using. Then you just start typing and we search Stack Overflow, code on GitHub and docs. No ads, content marketing, personalization, slow websites, etc. Plus it's all controllable using just a keyboard. This way you almost don't need to leave your coding editor.

The goal was to keep you as a programmer productive as much as possible and minimize the annoying context switching.

We made this based on our own needs. We realized how much time we spent on Google searching for stuff when coding. Looking for information should be a better experience than that. A place where developers first-class citizens.

Here's a short video of me using Devbook
{% youtube 569pYL7i1J0 %}

Would love to learn what you folks think. Give it a try and let me know!
Installing Django and Start a project
Tags: beginners, tutorial, python, django
Published: 2021-03-13 19:30:45

On the previous post, We had already created a virtual environment where we can isolate the dependencies of each project... On this post lets now install Django and also start a new project.

from your terminal, please enter the following command

``
pipenv install django
``

this tells the virtual environment that we would like to install Django in this environment. Btw since each environment is unique to its own, each new project you need to repeat this steps.

![Install Django](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/zyc368oe18eq5528qb1s.png)

Once the process is done, you may now initiate Django startup template

the command is as follow

``
django-admin startproject ToDo .
``

django-admin is the command build in with django to invoke Django
startproject is to initiate django to copy django starter template
ToDo is my starter project name
the . at the end is to tell django to copy at the current directory.

in your explorer you may now see 1 new folder name Todo and also manage.py 

![Django startproject](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/1q5awbgivoha6nlkp9hy.png)

now to test if your installation is correct you may now use this command to run your dev server

``
python manage.py runserver
``

![Django runserver](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2w07pjjjarwhsc0epr75.png)

for now you may see that Django inform us that there's 18 unapplied migrations. Don't mind this for now. In the next step we will make a few changes before we can apply those changes.

open your browser and on the URL terminal 

type either 

127.0.0.1:8000 or localhost:8000

 
![Django](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ojlmz3cuzureu5enijvm.png)


if you see this, Congratulation you have installed a django library, start a django project and also tested to be correct.


in the next post, you will be makeing changes to the setting so that we will be able to have a better time working in the future.
Can’t install an APK in Android Phone
Tags: android, beginners
Published: 2021-03-13 19:19:40

Several users are getting the “App not Installed” on their Android phone when they try to install an application from third-party websites or other sources rather than Google play store.
#**What causes the App not installed in Android?**
Most of the time this problem can be caused by the following number of reasons:
### Apk File Location:
There can be two types of locations for phones, internal and external. Depending on the application it might work well in Internal rather than on an SD card and this can cause the installation failure.
### Storage Space: 
The common problem most users face is insufficient space on their phones. Every application has a different size and usage which can impact your phone storage.
### Incompatible Application: 
If the application you are trying to install on your phone is not compatible with your phone, then it can’t be installed and an error will occur.
### Google Security: 
Our phones are secured by Google’s security, which keeps the harmful applications away from our phone, and if it’s already in the phone it notifies the user about the threat.
# Here is the solution :
## 1. Google Play Protect
Google Play Protect helps you keep your device safe and secure.
It runs a safety check on apps from the Google Play Store before you download them.
It checks your device for potentially harmful apps from other sources. These harmful apps are sometimes called malware.
It warns you about any detected potentially harmful apps found and removes known harmful apps from your device.
It warns you about detected apps that violate our Unwanted Software Policy by hiding or misrepresenting important information.
It sends you privacy alerts about apps that can get user permissions to access your personal information, violating our Developer Policy.
####Solution: 
Turn Google Play Protect off
####Important:
 Google Play Protect is on by default, but you can turn it off. For security, we recommend that you always keep Google Play Protect on.
1. On your Android phone or tablet, open the Google Play Store app.
2. Tap Menu icon, then select Play Protect, then select Setting.
3. Turn OFF “ Scan apps with Play Protect”. (Note: Make sure you turn it back ON as it was, after checking this method)
4. Now go and try installing your apk file.

##2.Using Airplane Mode
This suspends all the transmission signals that the device is trying to get from services.

####Solution:
1.On your main screen of the phone, scroll down the status bar of the phone.
2.Select the “Airplane Mode”, and press “Turn ON”Selecting airplane mode in your phone.
3.Now go and try to install your application.
4.While installing a notification may appear about “Blocked by Play Protect”.
5.Expand the “Details” by drop-down icon.
6.Then press “Install anyway”Select install anyway for google security.
Create A Virtual Environment
Tags: beginners, tutorial, python, django
Published: 2021-03-13 19:05:01

Continue on from where we have left off, lets now start a virtual environment. If you are new with python, you might wonder why do we need a virtual environment. Short answer you don't actually. Long answer well since your PC/Laptop will not be used for only one project, sometimes when you make multiple project you might need to have packages or library that will conflict with another library that you are using on another project. So by having different isolated virtual environment, your project A will not have conflicting library with let say project B or so and so. Don't make the mistake I did way back when I started my python journey. Hahaha Boy what a honest newbie mistakes. Imagine how long it took my to figure that one out.... even StackOverFlow cant help me there...

Anyway lets now focus on creating a virtual enviroment.

for reference your terminal should look like this now....

![VS Terminal](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/m3oowolruzhcm8a1vtuy.png)

now with your cursor click inside the terminal enter the following command

``
pipenv shell
``

by the way, there are multiple virtual environment library that you can use. However I think for me the easiest one had been pipenv... My step by step guide is for pipenv. If you prefer or are using other packages please consult each packages manual, you're on your own. I can't help much with other packages.


once you have enter the pipenv shell command in your terminal and press enter, you will see this

![VS Pipenv shell](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/kw0sq0pqhcsf0wcyfj7v.png)

if you notice the directory now is different

![Pipenv Dir](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ebesq1k4bunbs2p9fdzf.png)

the () indicates that you are currently inside the virtual environment. for window, the convention as been your filename-hash
on Mac/Linux its just your filename.

btw if you look at your explorer now you will see a new file call Pipfile. Always open your virtual environment where you see the Pipfile is located.

 
Ok now we have created a virtual environment. In the next post I will be going through how to install Django and also start a Django project.
Womica
(Women Safety Application)
Tags: android, kotlin, beginners
Published: 2021-03-13 18:57:32

The safety of women matters a lot whether at home, outside the home, or working place.
Using the Womica app, At the time of emergency, you can send your current location to your family, friends, and dear ones.
By tapping a single button, Users will send emergency SMS with their current location to multiple persons.
This app also provides the following features :
1. You can schedule your events through this application.
2. All the India Emergency call lists (like police, hospital, medical, etc..) also provided in this application.
3. You can also see the safety tips.
You can download this application from the google play store :
https://play.google.com/store/apps/details?id=io.priyankam.womica
Understanding Javascript equality == vs ===
Tags: javascript, equality
Published: 2021-03-13 18:56:37

### Loose equality using == ###

This operator compares two values for equality. (==) does not care about data types as it implicitly converts the value.

***Example***
```javascript
'2' == 2 // true
'' == 0 // false
0 == '' // true

false == '0' // true
false == 'false' // false

' \t\r\n ' == 0 // true
```

### Strict equality using === ###
Is very strict and cares about the datatypes.
 
Value conversion does not happen in this instance. If the values have a different type they are evaluated as false

***Example***

```javascript
'2' === 2 //false
'' === 0 //false

//Comparing operands of the same Type
console.log("hello" === "hello");   // true
console.log("hello" === "hola");    // false

console.log(3 === 3);               // true
console.log(3 === 4);               // false

console.log(true === true);         // true
console.log(true === false);        // false

console.log(null === null);         // true


```

Strict equality makes your code more robust there are no underlying value changes that may after your conditions.

**Rules**
- If the operands are of different types, return false.
- If both operands are objects, return true only if they refer to the same object.
- If both operands are null or both operands are undefined, return true.
-If either operand is NaN, return false.
(Numbers must have the same numeric values. +0 and -0 are considered to be the same value.)
- Strings must have the same characters in the same order.
- Booleans must be both true or both false.


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



Reference [https://developer.mozilla.org/en-US/docs/Web/JavaScript/Equality_comparisons_and_sameness]
How to Set Up MySQL Database in GoDaddy cPanel, 2021 | Creating Database in GoDaddy Server
Tags: database, php, webdev, mysql
Published: 2021-03-13 18:40:38

How to Set Up MySQL Database in GoDaddy cpanel, 2021 | Creating Database in GoDaddy Server. 
How do I host a SQL Server database on GoDaddy?,
How do I create a MySQL database server?,
Where is my MySQL hostname GoDaddy?,
Does GoDaddy support PHP and MySQL?,
Stepwise Guide to Create PHPMyAdmin Mysql database:

Watch Video: 
{% youtube b5ruAhqU17o %}

Create a MySQL database in my Linux Hosting
1-   Go to your GoDaddy product page.
2-   Under Web Hosting, next to the Linux Hosting account you want to use, click Manage.
3-   In the account dashboard, click cPanel Admin.
4-   In the cPanel Home page, in the Databases section, click MySQL Database Wizard.
Follow the steps in the video to set up the new database.
What is MYSQL Database?
MySQL is a freely available open-source Relational Database Management System (RDBMS) that uses Structured Query Language (SQL). SQL is the most popular language for adding, accessing, and managing content in a database. It is most noted for its quick processing, proven reliability, ease, and flexibility of use
#mysql #database #godaddy  #webdevelopment #WebDeveloper  #phpvideos #programminglife #100DaysOfCode #codingisfun #CodeNewbie  #mysqldatabase #webserver
Can you style console.log() in JavaScript
Tags: webdev, javascript, html
Published: 2021-03-13 18:20:20

Hello Devs,

Is it possible to style cosole.log() in JavaScript ?
Its YES.

Have you ever tried this ?
If No, then lets do it together in these 2 simple steps.

1. Add %c before the text you want to style.
2. Insert one more argument in the console log function with the style you want to apply.

Do Checkout some of these examples:


```javascript
console.log(`I LOVE 💜 %c${name}`, 'color: green')
```
>will produce

>![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/njvsuq8zlz8vupu9ozom.JPG)
-------------

```javascript
console.log(`I LOVE 💜 %c${name}`, 'color: red; font-size: 50px')
```
>will produce

>![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ytdcl2a7115rq5vye7fk.JPG)
----------------

```javascript
console.log(`%cI LOVE 💜 %c${name}`, 'color: red; font-size: 50px')
```
>will produce

>![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/r2cfeg3lpx4zmf4smce0.JPG)


If you liked this, please let me know in the comment.



Thanks,

CapsCode
A thing to keep in mind when using fetch() [API Call]
Tags: webdev, beginners, javascript
Published: 2021-03-13 18:16:35

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

Take a look at the below code:
```
fetch('https://jsonplaceholder.typicode.com/todos/4')
        .then(response => response.json())
            .then(result => console.log('success:',result))
                .catch(error => console.log('error:', error));
```

Here, we’re making an **API** call to get a todo with id 4 and it will work
because there is a todo with id 4 But what If the id does not exist or the
server throws an error like 404 or 500 or any other error?
```
fetch('https://jsonplaceholder.typicode.com/todos/2382822')
        .then(response => response.json())
            .then(result => console.log('success:',result))
                .catch(error => console.log('error:', error));
```
Here, we have provided a very large id that does not exist. But if you
execute in the browser console, you will see that a success message is
printed even though it’s clearly a 404 error.
Ideally, the .catch handler should be executed but that does not
happen in the case of fetch .
fetch only goes into .catch handler when it fails to make the
request for example when the network is not available or the domain
does not exist.

So If you’re using fetch for performing CRUD (create, read, update,
delete) operation and the id do not exist then you will get an error.
If you’re using fetch then you have to write a lot of extra code for
handling every HTTP status code error which is cumbersome.
So If you’re building a large scale application or you don’t want to
handle all HTTP status code errors, then use axios or superagent or
any other library instead of fetch .
Because in all of those libraries catch will be executed when there is
any type of error that is easy to handle rather than writing code for
every status code.
This is the reason, you will find code for fetch written like this:
```
fetch('https://jsonplaceholder.typicode.com/todos/4')
                .then((response) => {
                   if (response.ok) {
                     return response.json();
                   }
                    return Promise.reject(response);
                })
                .then((result) => {
                    console.log(result);
                })
                .catch((error) => {
                    console.log('Something went wrong.', error);
                });

```

where inside the .then handler, we’re checking if the response is ok .
If the response is **OK** , we’re calling **response.json()** method which
will send the result to the next .then handler.
If the response is **NOT OK**, then we’re **rejecting the promise** so it will
call the **.catch()** handler to print the actual error.

I hope this article help you to understand something or improve yourself ! If you have any question ask me in comment !
Would be **Happy to HELP**! 😊
Django Playbook
Tags: django, beginners, tutorial, python
Published: 2021-03-13 17:57:25

I think the official [Django Tutorial](https://docs.djangoproject.com/en/3.1/intro/tutorial01/) have been indispensable when trying to learn Django. However sometime I feel that at least for me, I often need to flip through tutorial after tutorial to get that one piece of code that could help me reach a simple solution to a big problem. So this is my take on creating a play book. I don't know how many chapter it will take for me to create all playbook but my hope is that I can help new and veteran Django Developer find my way of sharing appealing and such will help even for a bit learn something new or revise an old idea.

I know my way is not necessary the best, but after going through a lot of trial and error, I think the things share here is what work best for me.

To just share snippets and code would be boring. So lets start with a simple but often overused example of the web. The famous **'To Do List'**.

for this example to be useful, I think I need to state the objective of this '**TODO LIST**'. Lets start with the basic,

### User Requirement Spec.

####1) Landing Page. 
- I guess this part is needed. What is a website without a landing page right?

####2) Registrations Page and Login Page
- User must be authenticated before He/She can start using the todo list.

####3) Dashboard (To Do List Page)
- User must be able to see unfinish todo list on his/her dashboard. At a glance, User will also able to update status of the To Do by clicking on either the update/delete/complete button.

####4) Create List Page
- Each item in the To Do list must have a title, date/time created, updated and completed, description of the item, and status. Urgency and Importance status.
- To make it hard for attacker/hacker to try and abuse the system, each item must have a slug hash of randomly regenerated 20 alphanumeric + digits unique to each user.

####5) Detail To Do Item Page
- Display Detail of the Item
- Add/Edit/Delete Comments

I think as Phase 1 of the project, this can be prove to be an excellent starting point.


###Technical/Functional Spec

####1) User Identification

Django came with an amazing User Authentication and Authorization Module build-in. I would leverage this to get the project running first. Slowly maybe as it seems fitting we will improve upon this as and when is required.

####2) To Do App

This is where the customization of the system is required.
under the To Do App, I would create 2 different Class. One would be a ToDo Class and also a Comment class.

I think with the project requirement layed out like this, Its should be easy to now work with the project.