teleren/devto huggingface dataset:
Facebook Login Implementation In Node.js Using Passport.js
Tags: node, sociallogin, tutorials
Published: 2020-02-05 07:43:17

---
title: Facebook Login Implementation In Node.js Using Passport.js
published: true
date: 2019-11-04 07:08:58 UTC
tags: Node.js,node.js,social-login,tutorials
canonical_url: https://codesquery.com/facebook-login-using-nodejs-passport/
---

These days every web applications are using the social login to authenticate their users. Facebook login is one of the most used social logins for website authentication due to its large userbase. In this article, we are going to implement the facebook login in Node.js using the Passport.js library. A brief About Passport.js Library Passport.js [...]

The post [Facebook Login Implementation In Node.js Using Passport.js](https://codesquery.com/facebook-login-using-nodejs-passport/) appeared first on [CodesQuery](https://codesquery.com).
Nuxt Storybooking: The Painless Way
Tags: vue, javascript, nuxt, storybook
Published: 2019-11-22 06:30:53

---
title: Nuxt Storybooking: The Painless Way
published: true
date: 2019-11-04 07:05:15 UTC
tags: vuejs,javascript,nuxtjs,storybook
canonical_url: 
---

[![](https://cdn-images-1.medium.com/max/888/1*1cWr45qyVhbwOclAsOij8Q.png)](https://medium.com/@richard.e.schloss/nuxt-storybooking-the-painless-way-eb5a3653265f?source=rss-40d325a4ce73------2)

TL;DR — “Storybooking” is the process of organizing project and component requirements (a.k.a. “stories”) in such a way that all aspects…

[Continue reading on Medium »](https://medium.com/@richard.e.schloss/nuxt-storybooking-the-painless-way-eb5a3653265f?source=rss-40d325a4ce73------2)
20 Amazing Software and Services to grab for Free with Student Email Account
Tags: student, webdev, software, free
Published: 2019-11-04 06:56:53

---
title: 20 Amazing Software and Services to grab for Free with Student Email Account
published: true
description: Learn about 20 cool software and services that you can get for free with a student .edu email account.
tags: student, webdev, software, free
---

I am sharing an aggregated list of the best software and services you can get for Free with a student email account. By a student email account, I actually mean an email account with a .edu domain.

If you have that, you'd amazed at the list of things you're entitled to.

Here's what you can get:

-GitHub Student Developer Pack (Including Free Domains, webhosting, amazing software services, Email servers and what not)

-Free Microsoft Office 365 (Including Microsoft Word, Excel, PowerPoint, OneNote)

-Free .me domain for 1 year from Namecheap (with Free SSL certificate)

-Notion App Premium (Popular Note Taking app)

-eSurveyCreator survey software (Survey creation and distribution app)

-AutoCad and Maya3d (Free for life time)

-Free LucidChart service (Popular Flowchart service)

-Free JetBrains software (IDE platform)

-Google Suite for Education (Your school / university needs to enroll)

-Microsoft Imagine Student Portal (Includes Visual Studio, Xamarin, Free Microsoft Azure etc.)

-Last Pass Premium account (Valid for 6 months)

-Shapr3d designing and modeling service (For creating professional 3d models)

-Gliffy subscription (Popular diagram software to draw your ideas)

-Free Autodesk Sketchbook (Popular Sketching software free for 3 years)

-Portfolio Box Pro (Online service for creating professional portfolios)

-Lumion Pro (World's best 3d rendering software for architects)

-Tableau Desktop and Prep Builder (1 year Free subscription to both software)

-Invision App (Premium Product Design app for free)
Basecamp account (Popular Project management and Team collaboration software)

-Amazon Prime Student (Mega discounts and Deals on Amazon)

Link to all these services can be found in the source mentioned below. Do share your experiences with these giveaways with us.

Source: https://www.webemployed.com/free-stuff-with-student-email-account/
How to test your WordPress Plugin on Travis CI
Tags: wordpress, travisci, php, bash
Published: 2019-11-04 06:35:48

---
title: How to test your WordPress Plugin on Travis CI
published: true
description: We look into how to setup a project that will install WordPress and test your plugin or theme on Travis CI.
tags: WordPress, travisci, PHP, bash
cover_image: https://thepracticaldev.s3.amazonaws.com/i/7r55j7r26jxv9f8tq8p7.jpg
---

{% youtube CI439myGvNg %}

We look into how to setup a project that will install WordPress and test your plugin or theme on Travis CI.
Building a Real-time Comment System in MERN using WebSockets
Tags: webdev, mongodb, react, node
Published: 2019-11-04 06:16:48

Greetings, DEV Community! Excited to write my first DEV Post about how I built a Real-time Comment System! So, I was asked to code a simple commenting system in MERN as part of a take-home assignment for a start-up's hiring process. The major requirment was to have support for 👍 & 👎.
 
I had actively started using Twitter and was amazed by its feature of real-time updation of retweet & ♥️ count. How does twitter do that? After reading [this](https://stackoverflow.com/a/12855533/6763544) amazing answer on SO, I thought _Why not try implementing real-time comments & 👍👎 using WebSockets?_ I would completely agree with implementing Long Polling would have made more sense, and that's what [Socket.IO](https://socket.io/docs/server-api/#new-Server-httpServer-options) library will prefer doing, but then decided to learn more about WebSockets and implement the same.

So, did it turn out to be good? ***You decide!*** Watch the video demo I made after completing the assignment.
{% youtube  8bGpU7fMBU0 %}

Interested in having a look at the code? Cool! Head over to my Github Repo and check it out!
{% github sairajsawant/comment-system %}

Do tap the ♥️ to encourage & comment on any improvements, preferably in real-time😉!
CodeIgniter and AJAX form submit
Tags: codeigniter, php, mysql, ajax
Published: 2019-11-04 06:23:15

Html part in view

<form id="comment" method="post">
    <h2>Enter Your Details</h2>
    <center><div id="result"></div></center>

    <div class="form_fld">
        <label>Name</label>
        <input type="text" placeholder="Enter Your Full Name" name="name" required=""> 
    </div>
    <div class="form_fld">
        <label>Email ID</label>
        <input type="text" placeholder="Enter Email ID" name="email" required="">
    </div>
    <div class="form_fld">
        <label>Contact Number</label>
        <input type="text" placeholder="Enter Contact Number" name="contact" required="">
    </div>
    <div class="form_fld">
        <label>Developer</label>
        <select name="developer">
            <option>Lotus</option>
            <option>Ekta</option>
            <option>Proviso</option>
            <option>Dosti</option>
            <option>All</option>
        </select>
    </div>
    <div class="form_fld">
        <button type="submit" id="send">Submit</button>
    </div>
</form>


Read More: https://realprogrammer.in/codeigniter-and-ajax-form-submit/
Watch:
3.1 String Concatenation
Tags: python, beginners, webdev
Published: 2019-11-04 06:18:14

Previous post in this series:
{% post https://dev.to/mohit355/2-3-variables-in-python-2264 %}{% post https://dev.to/mohit355/2-2-python-as-a-calculator-2fn1 %}

###What is string ?
1. Strings are the most popular types in Python.
2. We can create them simply by enclosing characters in quotes.
3. Python treats single quotes the same as double quotes.
4. Creating strings is as simple as assigning a value to a variable. 
For example −

var1 = 'Hello World!'
var2 = "Python Programming"

  {here we can say that var1 and var2 are two string variable.for proofing this we use type() function.}

=>> you can convert a number into a string by putting it into the single or double quotes.
Example:
**x=2**  (here 2 is treated as a number)
**x='2'** or x="2"  (here 2 is string. known this by using type function) 
#####Type() function 
type() method returns class type of the argument(object) passed as parameter. (more details in upcoming posts)
**Synatx :** type(paramenter)

Here we have two variable var1 and var2 so we use type function to know its data types we write
**type(var1)**
**type(var2)** , and then print it.
  ![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/jjsf2mp31mmas0m9nz62.png)

### String concatenation
1. combining two or more string in a single string.
2. In order to merge two strings into a single object/string, you may use the “+” operator. When writing code, that would look like this:

**str1="hello"
str2="World"
str3=str1+str2**  ,   output is helloWorld.
  ![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/gu7eb9w24lgwpmg7ai6o.png) This concatenation is not possible with integers.
3. String is only concatenation with string. if you  try to concatenate one string with a number the it will show error.
  ![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/n57vbfntq8mxqaqrit9i.png)
**2. Use of (*) in concatenation**
a. If you write str1="hello"*2 and print it then the output is hellohello
  ![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/0yejyt0bg7tqabrnx1wm.png) Its meaning is similar as for the numbers when you write 4*2 it means you add 4 two times.
similarly here when we write "hello"*2 it add "hello" two time ("hello"+"hello")=hellohello.
![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/1uumuht2yubksa1ddzh1.png)
How to Create an admin user

Tags: django, admindjango
Published: 2019-11-04 06:10:39

First, create Model

class Contact(models.Model):
      name = models.CharField(max_length=100)
      email = models.EmailField(max_length=100)
      subject = models.CharField(max_length=100)
      message = models.TextField()
      mobile = models.IntegerField()
      created_date = models.DateField(auto_now_add=True)
Import model within the admin

from django.contrib import admin
from .models import Contact
# Register your models here.

admin.site.register(Contact)

Read more: https://realprogrammer.in/how-to-create-an-admin-user/
Python Interview Questions & Answers
Tags: django, flask
Published: 2019-11-04 06:09:08

1) What is Python? What are the advantages of utilizing Python?

Python is a programming language with objects, modules, strings, exemptions and programmed memory the executives. The advantages of pythons are that it is straightforward and simple, versatile, extensible, form in information structure and it is open-source.

2) What is PEP 8?

PEP 8 has emerged as the style guide that most projects adhere to it promotes a very readable and eye-pleasing coding style.

3) What is pickling and unpickling?

Pickling – is the process whereby a Python object hierarchy is converted into a string.

Unpickling – is the inverse operation, whereby a string is converted back into an object hierarchy.

4) How Python is interpreted?

The Interpreted or compiled is not a property of the language but a property of the implementation. Python program runs directly from the source code. so, Python will fall under byte code interpreted. The .py source code is first compiled to byte code as .pyc. This byte code can be interpreted. Python source code (.py) can be compiled to different byte code also like IronPython (.Net) or Jython (JVM). There are multiple implementations of Python language. The official one is a byte code interpreted one. There are byte code JIT-compiled implementations too.

As concluding remarks, Python is neither a true compiled time nor purely interpreted language but it is called interpreted language.


Read More: https://realprogrammer.in/python-interview-questions-answers/
How to set Static Files & Images | Django 2.2 Tutorial
Tags: django
Published: 2019-11-04 06:07:46

There are 3 main things we need to do:

set STATIC_ROOT in settings.py
run python manage.py collectstatic (or python3.5 or python3.6 as appropriate) Example: python manage.py collectstatic
set up a Static Files entry on the PythonAnywhere Web tab.
we can also customise STATIC_URL, if we want to use a static URL prefix other than /static/

STATIC_ROOT = os.path.join(BASE_DIR, ‘assets’)

Set url.py to load template

from .views import indexPageView

urlpatterns = [
        path('', indexPageView, name='index')]

Read Complete: https://realprogrammer.in/how-to-setup-static-files-in-django-2-2/

Watch: https://www.youtube.com/watch?v=pNNHjo6UqDs
Programing languages
Tags: python
Published: 2019-11-03 22:38:50

Learning any programming language is not just about the syntax but more about what is really going on under the hood. pass by value, pass by reference, mutable or immutable. Why is this so important?

You might say why, I can write and read the code? If you don’t understand what is really going on you will be very confused by many of the bugs and will even have trouble finding them.

Mutable - the value can be changed
Immutable - the value cant be changed
Pass by value - the variable contains the value
Pass by reference - the variable just points to a place in memory that holds that piece of data.

##Mutable/immutable

In Ruby, strings can be mutated this means we can directly change the string, let’s say there is a spelling mistake in the string you can just access it and make a direct change

```string = "hellyworld"```

```string[4] = "o"```

```stirng => "helloworld"```

In python a string is immutable and can't be changed if we try to run the above code we will get an error ```TypeError: 'str' object does not support item assignment```

which means strings cant to be changed. We would need to slice and copy what we want and add it to a new variable

```newString = string[:4] +"o" + string[5:]```

```newStirng >>> "helloworld"```

## Pass by value/ Pass by reference
In python, a variable that has an immutable (can't be changed) the value is actually saved inside the variable and if we copy one variable to another the original variable will be on touched and the addition will only affect the new variable.

For example

```addString = newStirng```

```addString + " simcha "```

This will return

```>>>' helloworld simcha'```

But if we check the old variable,

```newStirng >>> 'helloworld'```

However, a List in python which is mutable the variable is just a reference to a place in memory that holds that data so saving it to a new variable has just created a new reference to that data. Think of it like this, in Windows sometimes we create an icon on our desktop, a shortcut to a file path for quick access. If we would make a copy of the icon we are just making a copy of the shortcut, not the file. The same thing in python with mutable data variables are only a reference or a shortcut to that data. The reason for this is a list can hold thousands of pieces of data and we might be changing only one of them with index lookup

```myList[35] = “change me”```

Instead of loading the whole list every time we call the variable, there is just a reference that will only look at that index speeding up the execution. These concepts are not just a simple syntax but to truly understand the mechanics behind a language. If you want to be a true good developer make sure you understand these concepts well.

Stay tuned for more,

All the best,

[Simcha Greenbaum](http://www.simchagreenbaum.com)
Django 2.2 Dynamic data pass to view
Tags: django
Published: 2019-11-04 06:05:24

Create a model

class Page():
    id: int
    name: str
    
Import to View

from .models import Page

Read Complete Blog: https://realprogrammer.in/django-dynamic-data-pass-to-view/

Youtube: https://youtu.be/-I2cH8l6NiA
How to use multiple authentication guards in Laravel 6 app

Tags: laravel, php, mysql
Published: 2019-11-04 06:00:36

Prerequisites

PHP >= 7.1.3
OpenSSL PHP Extension
PDO PHP Extension
Mbstring PHP Extension
Tokenizer PHP Extension
XML PHP Extension
Ctype PHP Extension
JSON PHP Extension

Getting started

Check all Prerequisites are installed in your machine. then this tutorial is already looking for you, we will create 3 user class – admin, blogger, user and we will make guards for 3 user classes and restriction different parts of the application based on those guards.

Create the application
We need to run command to create laravel 6 projects.

laravel new laravel_multi
After creating the app, now comes on the folder.

cd laravel_multi
Now configure database in .env file

Example:

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=laravel_multi
DB_USERNAME=root
DB_PASSWORD=root@123

Read complete: https://realprogrammer.in/how-to-use-multiple-authentication-guards-in-laravel-6-app-2/

Watch Video: https://www.youtube.com/watch?v=5WHFlzAD2uw&feature=youtu.be
How to use multiple authentication guards in Laravel 6 app

Tags: laravel, laravelmultipleauth, php
Published: 2019-11-04 05:55:29

Prerequisites

PHP >= 7.1.3
OpenSSL PHP Extension
PDO PHP Extension
Mbstring PHP Extension
Tokenizer PHP Extension
XML PHP Extension
Ctype PHP Extension
JSON PHP Extension

Getting started

Check all Prerequisites are installed in your machine. then this tutorial is already looking for you, we will create 3 user class – admin, blogger, user and we will make guards for 3 user classes and restriction different parts of the application based on those guards.

Create the application
We need to run command to create laravel 6 projects.

laravel new laravel_multi
After creating the app, now comes on the folder.

cd laravel_multi
Now configure database in .env file

Example:

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=laravel_multi
DB_USERNAME=root
DB_PASSWORD=root@123

Read complete: https://realprogrammer.in/how-to-use-multiple-authentication-guards-in-laravel-6-app-2/
Laravel 6 Generate PDF File
Tags: laravel, pdf, php
Published: 2019-11-04 05:53:31


Step 1: Setup Laravel 6
We going to setup laravel 6 projects in our machine

laravel new laravel
Step 2: Install dompdf Package

we will install barryvdh/laravel-dompdf composer package by following composer command in your laravel 6 application.

we need to install barryvdh/laravel-dompdf composer package in our project.

composer require barryvdh/laravel-dompdf

Read Complete Blog: https://realprogrammer.in/laravel-6-generate-pdf-file/

Youtube Link: https://youtu.be/d0jE13h10IE
Waiting for Godot !?!
Tags: gameoff, gamedev, gameinamonth, sideprojects
Published: 2019-11-04 05:40:31

So to push myself a little, I took the plunge and registered for [Itch/GitHub Game Off 2019](https://itch.io/jam/game-off-2019). 
Looking at the [Godot open source engine/game dev platform](https://godotengine.org/) ATM, and it's more like Godot is waiting for me...
Hah ! 
Omw to work till 0400 so Godot will wait
BOJasonNET - Bruce's Own JSON for .NET
Tags: legacy, vbnet, json
Published: 2019-11-04 05:38:17

Today I uploaded to github a VB.Net implementation of an earlier VB6 project. The VB6 one was called BOJASON and the .NET implementation [BOJasonNET](https://github.com/axtens/BOJasonNET).

It's a JSON parser. Back in the day this was a thing. Nowadays [Newtonsoft's JSON.Net](https://www.newtonsoft.com/json) makes it irrelevant. Nevertheless, I've made it available because someone may be interested in the parsing and storage techniques.

This is not all my own work. The vast majority of the code derives from original, BSD licensed, code by Michael Glaser (vbjson@ediy.co.nz) who adapted for VB6 code originally developed and made available by Google at http://code.google.com/p/vba-json/.

I may post my VB6 version eventually.
FullStack.Cafe + ProductHunt = 🚀
Tags: producthunt, imadethis, career
Published: 2019-11-04 05:11:25

---
title: FullStack.Cafe + ProductHunt = 🚀
published: true
description: Today I launch my product FullStack.Cafe on ProductHunt. Please help me to make this launch day special! 
tags: #ProductHunt #imadethis #career
---

Hi guys! I'm excited to announce today [I launch FullStack.Cafe on ProductHunt](https://www.producthunt.com/posts/fullstack-cafe). 

One year ago I've started a side project called FullStack.Cafe to help myself to better prepare for Full Stack Tech Interviews. As a developers who are looking for a job we often waste a huge amount of time just to google, gather, refine, filter and capture information for our planned interview session. JavaScript, Angular, React, NoSQL DB and etc... the amount of topics that may be covered on an average Full Stack Interview is massive so is the time spent on a proper interview prep.

FullStack.Cafe solves that problem by providing more than 3k interview questions (and answers) meticulously hand-picked from all around the internet. The UI/UX focused on non disruptive preparation experience and ability to create and download your own personal interview preparation plans as PDF, Markdown or CSV documents.

Surprisingly (especially for my wife!) hundreds of devs and even companies trusted FullStack.Cafe their interview preparation process for the last year. I would appreciate if you could give your vote for the FullStack.Cafe on ProductHunt using [that link](https://www.producthunt.com/posts/fullstack-cafe) and share this message with your network to make this #launch day truly special :) 

Thank you for all your support!

![FullStack.Cafe on ProductHunt](https://ph-files.imgix.net/0c516582-13f4-4d81-bf11-39ea2913f616?auto=format&auto=compress&codec=mozjpeg&cs=strip&w=640.5985037406484&h=380&fit=max&dpr=2)
365 Days of Coding Challenge: Day 3
Tags: codingphase, coding365challenge
Published: 2019-11-04 05:11:00

---
title: 365 Days of Coding Challenge: Day 3
published: true
description: Day 3 of my attempt to complete 365 days of coding
tags: #CodingPhase #Coding365Challenge
---

<p>
Today is my third day of <a href="https://codingphase.com">Joe Santos' (aka CodingPhase.com) Coding365Challenge</a>.  Again, I am working with the Bootstrap framework in the attempt of creating an HTML email for an e-commerce startup.  With this latest work, I made some layout and content changes and <a href="https://help.shopify.com/en/manual/sell-online/buy-button">embedded a Shopify product collection</a> in the code.
</p>
<p>It should be noted that I am currently not following the best practices concerning HTML email development--especially regarding responsive design and embedded JavaScript. In the days to come, I will work on revising my work to create a sendable email that appears without formatting errors in the majority of inboxes. 
<p>Here is the link to my CodePen for Day 3 and a screenshot below:
<a href="https://codepen.io/idrissalemairethiam/pen/QWWQjRw">https://codepen.io/idrissalemairethiam/pen/QWWQjRw</a></p>

![#CodingPhase #Coding365Challenge: Idrissa Lemaire Thiam's screenshot for Day 3](https://thepracticaldev.s3.amazonaws.com/i/u4nmlmxg65bs5l9nwf5o.png)

<p>A quick shoutout to the <a href="https://putsmail.com/tests/">Litmus.com's PutsMail HTML email testing service</a> which offers a free way to test HTML emails in a multi-part fashion.</p>
<p>I know this sucks right now but I hope to level-up as I increase in consistency.  Bye for now.</p>