teleren/devto huggingface dataset:
Create a Netflix clone from Scratch: JavaScript PHP + MySQL Day 25
Tags: php, javascript, tutorial, webdev
Published: 2021-08-20 05:11:08

Netflix provides streaming movies and TV shows to over 75 million subscribers across
the globe. Customers can watch as many shows/ movies as they want as long as they are
connected to the internet for a monthly subscription fee of about ten dollars. Netflix produces
original content and also pays for the rights to stream feature films and shows.

In this video,we will be creating sendToMail method

{% youtube qNldbusSm34 %}



If you like my work, please consider
[![Buy me a coffee](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/jm11knj7d8zwcvo150q2.png)](https://www.buymeacoffee.com/cglikpo)
so that I can bring more projects, more articles for you

If you want to learn more about Web Development, feel free to [follow me on Youtube!](https://www.youtube.com/c/ChristopherGlikpo)
Yay || Nay (Automate saying Yes/No)
Tags: webdev, programming, node
Published: 2021-08-20 04:42:31

While walking through a Target in Chicago and getting ready for my first year at IIT, I thought to myself that I was saying "Yes" or "No" a lot to my mom. But, as a programmer, I felt this was a task that would 100% benefit from being automated, which is why I made this simple yet elegant website. It just works.

Check it out: https://yay.ornay.net/
Review on Producthunt: https://www.producthunt.com/posts/yay-nay-press-a-button-to-say-y-n
10 Solid tips to get your first job as a Web Developer
Tags: webdev, career, tutorial
Published: 2021-08-20 04:36:57

We all start somewhere. No one is born an expert in anything. Everyone has to start somewhere. 

Getting your first job can be just as hard as finding a partner in life. Don't Worry! 😀

So here is a list of 10 tips to help you get your first job as a web developer! 

**1.** Be professional & Genuine.
 
**2.** Do research on the company in advance. Look into background and on what projects they are working on. 

**3.** Use email as a form of communication; it's more professional than phone calls. (if you can have your own custom professional domain email, that will be really great)

**4.** Bring or send a copy of your creative resume with you. Creative? Yes, it's important for modern trends-- Use Canva (A Free Design tool with pre-made templates) -- Use attractive colors

**5.** Dress professionally (Even if you are on video call - like zoom). 😁 

**6.** Answer any questions the developers or hiring manager may have for you (Show confidence). 

**7.** Don't show up late (Very critical part). 

**8.** Don't be afraid to ask questions (Most Important). 

**9.** Be prepared to answer the question "Why should we hire you?" 

**10.** Bring a portfolio of your work (As a web developer, you should have your online resume with attached portfolio).


If you want to learn about the **main strategies** of getting your first first job as a web developer:

We recently **published** a complete guide for you: Have a look

[How to Get your first job as a web developer](https://www.coderchamp.com/tips-to-get-your-first-job-as-a-web-developer/)
What if you forget to add Python to the PATH variable?

Tags: python, beginners
Published: 2021-08-20 04:35:24


If you forget to add Python to the PATH, you won't be able to run Python in your command line from any other directory.

You will get a message saying,

>**'python' is not recognized as an internal or external command.**

This is because Windows is trying to search for Python in its PATH variable and is unable to find it.

Here is a **step-by-step instruction** to add Python to the PATH variable in Windows 10.

1. Copy the directory to which Python is being installed.
2. Search for **System Properties** in the Search Bar.
3. Click on the **"Environment Variables" button** in System Properties.
4. Click on the **"Path"** variable and then click on "Edit".
5. **Now here's the deal. Pay Attention!**
   Paste the directory path from Step 1 **at the top of the list.** You can use the "Move up" button to get it to the top.
   Now click on "Ok".

Now you can open up your command line and run python. **The Python interactive shell will open up.**

**Here is a little extra tip! **

**Add the Scripts folder to the PATH variable too.** This is the folder where all your libraries will be installed.
 
If the instructions are not clear enough for you, you can also check out the **[visual guide](https://www.pylenin.com/blogs/why-add-python-to-path/)** containing images of every step, on my blog for achieving the above objective.

Good luck and let me know!
Did you know, GitHub has a mobile app?!
Tags: github, mobile, productivity
Published: 2021-08-20 04:13:26

Lots of software programs now have mobile apps. Did you know, GitHub has one too?

## [GitHub for Mobile](https://github.com/mobile/)

This app saves so much time being able to quickly review things on your phone instead of jumping on the computer. I love being able to roll out of bed in the morning and check what's been assigned to me overnight before eating breakfast.

![GitHub For Mobile Home](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/19yde4weoxebdtoyjw33.png)

I thought I'd share the top three things I like about GitHub for Mobile.

### Quickly check issues

Issues are one of the things I'm constantly checking. What am I assigned to? Who has mentioned me in an issue? Has anyone looked at my issues?

![126410920-1472cf83-7d7c-4c7b-ad38-4f2b9975d638](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/yowya6rffe3vrwfygepr.png)
 
With GitHub for Mobile you can easily view all your issues. You can filter them by:
- Opened or Closed
- Created, Assigned, or Mentioned
- Public repos or Private repos
- Organisation
- A specific repository

You can then sort them by age, most commented, emoji, or updated status.

I work a lot in issues and being able to quickly check on mobile is super handy. I no longer get lost in a flurry of email notifications, nor do I need to open my computer to quickly check in on progress.

## Pull Requests

Like issues, being able to view and review pull requests on my phone is awesome. If I'm out and about and one of my team members sends me a PR to review, I can quickly do this on my phone without having to wait until I'm back in the office.

![Pull requests](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/e3w0mls16uw3dpa4k7ex.gif)

Similar to issues, I can view PRs by:
- Open, Merged, or Closed
- Created, Assigned, Mentioned, or Review requested
- Public repos or Private repos
- Organisation
- A specific repository

I can then sort by the same parameters as issues. This means anyone can sort their PRs by age, comments, updated, or emojis.

### Discussions

GitHub Discussions are now available on GitHub for Mobile. This makes it easy for me to check in on conversations, see what's been answered or not, and create a new Discussion straight from my phone.

![Eui0rulXUAAtjM7](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/vy3eykch41v3l10y18vd.jpg)

Having this feature on mobile means I'm always connected to my communities.

## Available on iOS or Android

Those are the top three things I love about GitHub for Mobile. Do you use the app? What do you like the most? GitHub for Mobile is [available on iOS](https://apps.apple.com/app/github/id1477376905?ls=1) or [Android](https://play.google.com/store/apps/details?id=com.github.android), so go check it out.
cron job inside docker container 👨‍💻
Tags: docker, cron, server
Published: 2021-08-20 03:19:13

Bonjour!

In this post i'll show you how is the easy way to run cronjob inside docker container. It's kinda different between running cronjob inside VM or local server with OS. So here it is.

#### Cron file.  
This file is used for cron set up. For example:

``/cron``
```txt
* * * * * echo "Hello world" >> /var/log/cron.log 2>&1
# An empty line is required at the end of this file for a valid cron file.
```

#### Dockerfile set up.  
At bottom of your base image on Dockerfile, add these lines.

``/Dockerfile``
```Dockerfile
RUN apt-get update && apt-get -y install cron

# Copy cron file to the cron.d directory on container
COPY cron /etc/cron.d/cron
 
# Give execution access
RUN chmod 0644 /etc/cron.d/cron

# Run cron job on cron file
RUN crontab /etc/cron.d/cron
 
# Create the log file
RUN touch /var/log/cron.log
 
# Run the command and record the log
CMD cron && tail -f /var/log/cron.log
```

You can also run the cron as foreground to see the logs. Change the last line at bottom of your Dockerfile to this.

``/Dockerfile``
```Dockerfile
# Run cron as foreground
CMD ["cron", "-f"]
```

That's it! Thank you for reading XD!
Paypal sandbox accounts and cards for testing
Published: 2021-08-20 02:28:12

Sandbox PayPal accounts 
demo@userdemo.com

demo1@userdemo.com

demo2@userdemo.com

sb-gt97e7289308@personal.example.com

sb-gt97e7289308@personal.example.com
password: demo1234

PayPal Sandbox cards

Card Type: Visa

Card Number: 4032035468603394

Expiration Date: 11/2025

CVV: 461


Card Type: MasterCard

Card Number: 5110923244897475

Expiration Date: 09/2022

CVV: 628



Card Type: Amex

Card Number: 379763852944764

Expiration Date: 09/2024

CVV: 8353



Card Type: Discover

Card Number: 6011151596637988

Expiration Date: 11/2023

CVV: 040
Ultimate KPI Card
Published: 2021-08-20 02:20:04

https://appsource.microsoft.com/en-us/product/power-bi-visuals/WA104381977?src=office&tab=Overview


Shows a value, its variance to a reference value and its variance to 2nd or 3rd refetence value.

Basic Features are free. Once advanced features are used, a watermark will appear. With the Setting “revert to default” the watermark will be removed again. To remove the Watermark, order your Trial License: license@dataviz.boutique or visit http://dataviz.boutique/. The Power BI Ultimate KPI Chart Custom Visual. The visual shows a value, its variance to a reference value and its variance to second or third reference value. in absolute and in [%] with Arrow and Color Indicator. Can be used on Dashboards or for example as Reporting Portal Entry, as well on mobile device. It shows a Measure by comparing key indicator to a target and/or to previous year. Latest Version got Multivariate Reporting also known as Small Multiples.
Ultimate Waterfall
Published: 2021-08-20 02:17:04

https://appsource.microsoft.com/en-us/product/power-bi-visuals/WA104380956?src=office

Start Value, Chart Orientation, Small Multiples, Sub Totals, Deviation, IBCS (R) Table
To remove the Watermark, order your Trial License: license@dataviz.boutique or visit https://dataviz.boutique/.The Ultimate Waterfall Chart supports horizontal and vertical Chart Orientation and many more features. Custom Colors are possible for Contribution, Sub Totals, Totals, Start Value (Paid Version Only) and Deviation Calculation. More Details, new Versions and other Charts which follow somehow the IBCS (R) - Standard can be found always here: https://dataviz.boutique/2018/12/19/the-financial-visuals-reference-management-reporting-in-power-bi/

The Ultimate Waterfall Chart is now a certified Custom Visual, so Export to PowerPoint or subscription to report pages is now possible.
August 20th, 2021: What did you learn this week?
Tags: weeklylearn, discuss, weeklyretro
Published: 2021-08-20 02:15:47

It's that time of the week again. So wonderful devs, what did you learn this week? It could be programming tips, career advice etc.

<center>

![Yoda wooping someone's butt](https://media.giphy.com/media/yDYAHbqe5DfyM/giphy.gif)
</center>

Feel free to comment with what you learnt and/or reference your TIL post to give it some more exposure.

{%tag todayilearned %}

And remembered, if something you learnt was a big win for you, then you know where to drop it as well.👇👇🏻👇🏼👇🏽👇🏾👇🏿

{%link https://dev.to/devteam/what-was-your-win-last-week-4f0n %}

<center>

![Little kid making a fist as if to say "Yes!"](https://media.giphy.com/media/6brH8dM3zeMyA/giphy.gif)
</center>
I'll be speaking at CodeLand!
Tags: codenewbie, devcommunity, forem
Published: 2021-08-20 01:39:06

---
title: I'll be speaking at CodeLand!
published: true
description: I was so happy to see my talk about the path from tech support to development get accepted. 
tags: #CodeNewbie #DEVCommunity #Forem
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/arjxliclwnvf3uwxdpyu.png
---

*I'm pleased to announce that I'll be speaking at Codeland 2021 this year! Register today to join the fun — tickets are pay-what-you-want starting @ $0. See the full program here: https://codelandconf.com/#program*

I submitted two talks this year for Codeland, and I was so happy to see my talk about the path from tech support to development get accepted. 

It's my second year speaking at Codeland, and it remains one of my favorite conferences of the year.
Python get domain name from URL — Python Solutions
Tags: python, domainnamefromurl, codewarspython, pythonsolutions
Published: 2021-08-20 01:10:43

Today we are going out to find the domain name out of the URL string through Python. There is a similar Kata in Codewars to extract the domain name from a URL through Python.
Let’s say we have the URL string which is https://hecodesit.com/ What would be the domain name of this URL? The domain name will be hecodesit.
The URL string has 4 main parts.
The first Part is Protocol, a Protocol is rules to transfer data. The most common protocols used in today’s era are HTTPs and HTTP. To know about the difference between HTTP and HTTPs visit HERE.
The Second Part is Subdomain, it is actually a part of the domain. For e.g, my site offers things to sell and I want a shop for my site, in order to do so, I create a subdomain with the same domain name https://shop.hecodesit.com where the shop is a subdomain. To know more about the Subdomain visit HERE.
The Third Part is the Domain Name, It is also known as Root Domain. The domain name is the identification of your site. It is always unique, two people can’t have the same Domain name. To know more about it visit HERE
The Fourth Part is the Top Level Domain, It often describes the purpose of the website. For e.g, if the Top-level Domain is .org we identify the site as an Organization site if a site ends with .com we identify it as a commercial site, etc. To know more about the Top Level Domains visit HERE
Find the Code at https://hecodesit.com/python-get-domain-name-from-url-python-solutions/
System.IO.Path Class Methods in Powershell
Tags: powershell, crossplatform, quickcoding
Published: 2021-08-20 00:57:17

There are a lot of great path-related functions and methods available to the `[System.IO.Path]` class.

Here is an example for writing a small function that changes the value of `$env:PSModulePath`.

```powershell
function Set-PSModulePath {

<#
.Synopsis
Set-PSModulePath [path]
.Description
Adjust the PSModulePath env variable to your liking
.Notes
Add integration with other modules so they can add their own dir
to the psmodulepath!
#>
param(
    [parameter(Mandatory = $false)]
    [string]
    $Path
)
# Cross-platform path-separator value
# On Windows it is `;`, on Unix-like systems it is `:`
$sep = [System.IO.Path]::PathSeparator
if ($Path) {
    Write-Host -ForegroundColor Yellow "Adjusting PSModulePath
Adding $Path to `$env:PSModulePath"
    Write-Verbose "Setting old path to `$oldPSModulePath"
    $oldPSModulePath = $env:PSModulePath
    $env:PSModulePath = "${Path}${sep}$env:PSModulePath"
    Write-Host -fore Yellow "`$env:PSModulePath is now $env:PSModulePath"
}
else {
    Write-Error "You did not write a Path"
}

}
```
Ejecutar varias aplicaciones en Node.Js
Tags: node, backend, javascript, spanish
Published: 2021-08-20 00:46:00

Hace unos días en un proyecto tuve que desplegar dos aplicaciones en Node.js en el mismo servidor y en ese momento encontré un gran dilema ya que no daba en como hacer esto pero con tanto rodar y rodar di con la grandiosa solución y la verdad es muy sencillo. Lo primero que tenemos que hacer es instalar por npm estados dos servicios.
```bash
sudo npm install -g forever forever-service
```

Luego de esto nos dirigimos a la ubicación de nuestro proyecto.
```bash
cd /var/www/dannielnavas/
```

Estando dentro ejecutamos el servicio.
```bash
sudo forever-service install dannielnavas --script ./bin/www -e "NODE_ENV=production PORT=3000" --start
```

Con esto obtendremos mediante un servicio del sistema operativo nuestro proyecto en ejecución. Para manejar el servicio contamos con estas opciones:
```bash
Start – "sudo start dannielnavas"
Stop – "sudo stop dannielnavas"
Status – "sudo status dannielnavas"
Restart – "sudo restart dannielnavas"
```

Si queremos conocer que servicios tenemos corriendo tenemos el comando.
```bash
sudo forever list
```

Y de esta forma sencilla tendremos todos nuestros proyectos corriendo bajo el mismo servidor.
Variables en CSS
Tags: css, spanish, frontend
Published: 2021-08-20 00:38:30

Una de las ventajas que nos trae CSS para los que hemos desarrollado Backend es la utilización de las variables.

Como utilizarlas:

En root declararemos las variables toda la paleta de colores de nuestra aplicación la cual reutilizaremos en muchas partes y con esto si queremos cambiar el esquema solo sera realizarlo en nuestra definición y el cambio estará realizado.

Ejemplo:

1. Declaración:
```css
	:root{
		--main-color: #051937;
		--second-color:  #133660;
		--thir-color: #1d578d;
		--four-color: #1f7abb;
		--five-color: #4db6ac;

		--font-title: 'Pacifico', cursive;
	}
```
2. Utilización:
```css
	.nav{
		background-color: var(--five-color);
	}
	h2{
		font-family: var(--font-title);
	}
```
Y de esta forma declaramos no solo los colores si no las fuentes que utilizamos y eso seria todo, utiliza esto en tus próximos proyectos y veras lo útil que es para realizar tu proyecto Frontend.
Created my first JavaScript library
Tags: node, javascript, npm, library
Published: 2021-08-20 00:34:32

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

Hi, I found that existing JavaScript libraries don't cover the operations on sorted arrays boardly and in a standard way, and so I created a library with a wide coverage on sorted array operations. Please give the GitHub repository a star if you like it!

https://github.com/sakura90/sorted-array-operations

https://www.npmjs.com/package/sorted-array-operations
Como realizar botón de ver contraseña
Tags: javascript, html, frontend, spanish
Published: 2021-08-20 00:30:28

Realizando un proyecto en mi trabajo me encontré con el la pantalla de login donde solicitaban realizar un link que mostrara la contraseña cuando le diera click, la solución que realice fue muy sencilla y aquí te mostrare como lo realice:

Voy a utilizar una librería llamada Materializecss con esto iniciaremos

El código html es el siguiente
```html
<div class="container">
      <div class="row">
        <div class="col s12 m12 l6">
          <label for="password">Ingrese su contraseña</label>
          <input type="password" id="password">
        </div>
        <div class="col s12">
          <button id="viewPassword">Mostrar contraseña</button>
        </div>
      </div>
    </div>
```
Utilizare un poco de css para cambiar el cursor
```css
    #viewPassword{
        cursor:pointer;
    }
```
Y en el Javascript es donde ira nuestra funcionalidad

Primero creamos tres variables que contendrán nuestros objetos del DOM
1.Password:
```javascript
    let password = document.getElementById('password');
```
2.viewPassword que sera nuestro texto:
```javascript
    let viewPassword = document.getElementById('viewPassword');
```
3.Y una que contendrá una variable booleana
```javascript
    let click = false;
```
Ahora a la variable viewPassword le agregaremos un evento que este escuchando la acción click
```javascript
    viewPassword.addEventListener('click', (e)=>{
    }
```
Y dentro evaluaremos como se encuentra nuestra variable click si se encuentra en false cambiaremos el type de password a text y a click le asignaremos true así:
```javascript
    if(!click){
        password.type = 'text'
        click = true
    }else if(click){
        password.type = 'password'
        click = false
    }
```

El código completo seria:
```javascript
    let password = document.getElementById('password');
    let viewPassword = document.getElementById('viewPassword');
    let click = false;

    viewPassword.addEventListener('click', (e)=>{
        if(!click){
            password.type = 'text'
            click = true
        }else if(click){
            password.type = 'password'
            click = false
        }
    })
```

Demo: [JSFielddle - Ver contraseña](https://jsfiddle.net/DannielDev/ktLx4gov/)
Carbohydrate Molecular Weight Calculator
Tags: python
Published: 2021-08-20 00:17:38

```python
# carb_molecular_weight_calc.py
#   This program computes the molecular weight of a carbohydrate
#   (in grams per mole) based on the number of hydrogen, carbon and
#   oxygen atoms in the molecule.
# by: Scott Gordon

HYDROGEN_ATOMIC_WEIGHT = 1.00794
CARBON_ATOMIC_WEIGHT = 12.0107
OXYGEN_ATOMIC_WEIGHT = 15.9994

print("***** Carbohydrate Molecular Weight Calculator *****")
hydrogen_atoms = int(input("How many Hydrogen atoms are there? "))
carbon_atoms = int(input("How many Carbon atoms are there? "))
oxygen_atoms = int(input("How many Oxygen atoms are there? "))

hydrogen_combined_weight = HYDROGEN_ATOMIC_WEIGHT * hydrogen_atoms
carbon_combined_weight = CARBON_ATOMIC_WEIGHT * carbon_atoms
oxygen_combined_weight = OXYGEN_ATOMIC_WEIGHT * oxygen_atoms
total_combined_weight = hydrogen_combined_weight + \
    carbon_combined_weight + oxygen_combined_weight

print("The total combined molecular weight of all the atoms is",
      total_combined_weight, "grams per mole.")
```
Pensamientos 4: Proyecto 1
Published: 2021-08-20 00:14:53

Como prefacio, cambiaré el título de mis entradas a "pensamientos" en vez de día, es más práctico.

Implementé la tabla de símbolos similar a como lo propuse a mi grupo. Todo bien con eso de momento.

Donde estoy teniendo problemas de momento es con ver si el valor de retorno de un método coincide con el tipo del método, no estoy seguro cuál será la mejor manera de revisar el valor de retorno, ya que no siempre tiene que ser una variable, puede ser una simple expresión como 1 o "string" o lo que sea.

También, dejando esa restricción en pausa, intenté hacer la relacionada a parámetros y pienso que está complicado, aunque será similar a la instrucción anterior, primero debo obtener bien el tipo de la expresión/variable. Así que esta la dejare en pausa hasta que complete la anterior, tiene más sentido.
Pi Approximation
Tags: python, pi, math
Published: 2021-08-20 00:05:57

```python
# pi_approximation.py
#   This program approximates the value of pi by summing the terms
#   of this series: 4/1-4/3+4/5-4/7+4/9-4/11+... The larger the 
#   amount of iterations, the less variance from Python's math.pi
# by: Scott Gordon

import math

print("***** Welcome to the PI Approximation Program *****")

n = int(input("How many terms would you like to sum? "))
sum = 0
sum2 = 0
numerator = 4
pi = math.pi

for i in range(1,n+1,4):
    sum -= numerator/i
for i in range(3,n+1,4):
    sum2 += numerator/i
total_sum = abs(sum + sum2)

print("The total approximation of pi based on",n, "terms of the series totaling", total_sum)
print("Compared to math.pi's results of", pi)
print("There is a difference of", total_sum-pi, "between the two.")

```