teleren/devto huggingface dataset:
HOW TO START PROGRAMMING
Tags: coding, codenewbie, programming, tech
Published: 2020-01-14 12:40:46



![Description Image](https://cdn-images-1.medium.com/max/800/1*yBizmpgEkD81jsbIEn0GNA.jpeg "image")

Over the past few years, a lot of folks have become more interested in technology especially the programming aspect, but they seem not to know how to start. Well if you are one of them or you happen to know somebody who is, kudos!!! you have found the right article.

[Programming](https://hackr.io/blog/what-is-programming) is the process of taking an [algorithm](http://www.businessdictionary.com/definition/algorithm.html) and implementing it with a [programming language](https://en.wikipedia.org/wiki/Programming_language) to proffer a solution. These process are carried out by individuals otherwise known as [Programmers](https://en.wikipedia.org/wiki/Programmer) who are equipped with skillsets that enable them carry out various task in web, mobile, artificial intelligence (AI), deep learning (DL)/ machine learning (ML), and what have you.

So how do you get started:-

**\#1 BE PASSIONATE :** Yeah! You have to be passionate about it because this goes a long way to help you through all the hurdles that comes along and also help you to become better. When it seems as thou you want to quit, the passion will overshadow it and keep you moving.

**\#2 MAKE RESEARCH :** With easy access to internet and portability of your mobile phone, you can check out the different areas or careers in programming and draw a conclusion on what you want to venture into.

**\#3 ENROLL FOR A COURSE :** After making your research, and knowing what area, you need to acquire the skill by enrolling in a training center or any of the online learning platforms like [udemy](https://www.udemy.com/), [khan academy](https://www.khanacademy.org/), [udacity](https://www.udacity.com/),etc., attend boot-camps or simply meet a friend who is knowledgeable in that skill.

**\#4 SELF-PRACTICE :** Apart from enrolling in a study center (physical or online), the larger part still falls on you, yeah! , you need to keep practicing, reading and expanding your knowledge. This helps you to be better at your skill.

**\#5 MEETUPS :** There are several local community groups that you can be part of, where you get to find other programmers at different phrases of their career, interact with them, share thoughts and also learn.

I sincerely don’t want to make this lengthy, but I do hope, it can help you get started.
How To Access Hosted Website Files Without Domain Name Or Domain Control
Tags: host
Published: 2020-01-14 12:15:05

In Windows system hosts files are located in Windows – SystemRoot > system32 > drivers > etc > hosts
By default, the system root is C:Windows, so if you are using Windows, your host's file is most probably: C:\Windows\System32\drivers\etc\hosts

In Linux system hosts files are located in Linux – /etc/hosts

In Mac system hosts files are located in Mac OS X – /private/etc/hosts

For More details, please check the link 

https://www.blazingcoders.com/how-to-access-hosted-website-files-without-domain-name-or-domain-control
Make aliases in ubuntu
Tags: linux, ubuntu
Published: 2020-01-14 12:12:43

Easiest way to make aliases of often used commands is to open file manager and then hit ctrl-h to show the hidden files. Open the .bashrc file and scroll down to the bottom of the file

The syntax is: *alias='commands'*


For example you can combine these two commands with a simple alias

*alias ago='sudo apt-get update && sudo apt-get upgrade'*

Now save the file, open a terminal window and hit 'ago'

I like to hit 'ls' everytime I cd into a folder just to get a view of the newly entered folder so therefore i like to combine the cd command with a ls. However, this kind of command needs a function as opposed to an alias

Type:

*function cd {
builtin cd "$@" && ls
 }*

hit save and open up a new terminal window and test it
How to disable browser cache easily for particular, individual and separate function and controller in Codeigniter
Tags: php, cache, functional, javascript
Published: 2020-01-14 12:09:07

<?php
defined('BASEPATH') OR exit('No direct script access allowed');
class MY_Cacheoff extends CI_Cacheoff {
    /**
     * author: https://www.blazingcoders.com
     */
    function disable_cache() {
        $this->set_header('Expires: Sat, 26 Jul 1997 05:00:00 GMT');
        $this->set_header("Last-Modified: " . gmdate("D, d M Y H:i:s") . " GMT");
        $this->set_header('Cache-Control: no-cache, no-store, must-revalidate, max-age=0');
        $this->set_header('Cache-Control: post-check=0, pre-check=0', FALSE);
        $this->set_header('Pragma: no-cache');
    }
    
}

For more details check the link

https://www.blazingcoders.com/how-to-disable-browser-cache-easily-for-particular-individual-and-separate-function-and-controller-in-codeigniter
Connect your node app to MongoDB in ten easy steps
Tags: javascript, node, mongodb, json
Published: 2020-01-14 12:06:49

1. npm init -> entry point: server.js

2. create file "server.js" in project root

3. npm install mongoose express config nodemon

4. in package.json add script "start":"nodemon"

{
  "name": "server",
  "version": "1.0.0",
  "description": "",
  "main": "server.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "start":"nodemon"
  },
  "author": "",
  "license": "ISC",
  "dependencies": {
    "config": "^3.2.4",
    "express": "^4.17.1",
    "mongoose": "^5.8.7",
    "nodemon": "^2.0.2"
  }
}

5. in project root -> make folder "config"

6. in folder "config" make two files -> "db.js" and "default.json"

7. in file "default.json" add the link with your mongodb credentials

{
    "MongoURI":"mongodb+srv://username:yourpassword@aquacontrol-atxjt.mongodb.net/test?retryWrites=true&w=majority"
}

8. in file "db.js" - add the following:

const mongoose = require('mongoose');
const config = require('config');
const database = config.get("MongoURI");

const connectDB = async () => {
    try {
        await mongoose.connect(database, {
            useNewUrlParser: true,
            useUnifiedTopology: true
        });
        console.log('Connected to mongoDB');
    } catch (err) {
        console.error(err.message);
        process.exit(1);
        
    }
};

module.exports = connectDB;


9. in "server.js" - add the following:

const express = require('express');
const app = express();

const PORT = process.env.PORT || 5000;
app.listen(PORT, () => console.log(`Server started on port ${PORT}`));
/*
 * Connecting to mongoDB 
 */
const connectDB = require('./config/database');
connectDB();
app.use(express.json({
    extended: false
}));

module.exports = connectDB;


10. npm start


B
Best Travel Website Design Ideas And Inspirations
Tags: webdev, php, wordpress, codepen
Published: 2020-01-14 12:05:27

When you plan to develop travel web design projects, Must have Online travel website features

Predictive search
Huge beautiful images
Customer reviews
Favorites list
Clear pricing without hidden fees
Google map integration
Destination Laning Page
Destination Based hotel booking Page
Destination Car rental Page
Tour Plan Page

https://www.blazingcoders.com/best-travel-website-design-ideas-and-inspirations
Laravel 6 Pagination with Next And Previous Button using Ajax
Tags: laravel, ajax, pagination, jquery
Published: 2020-01-14 11:58:11

If you want to make Pagination in Laravel 6 on with Next and Previous Button Link, then this tutorial is for you. In this post, you can learn How to make Pagination only with Next and Previous Button Link in Laravel using Ajax. Here we will create customize next and previous pagination link in Laravel 6 framework using Ajax

https://www.codechief.org/article/laravel-6-pagination-with-next-and-previous-button-using-ajax
Organic SaaS Growth: The quest for immortal SaaS
Tags: growth, saas, organic
Published: 2020-01-14 11:21:21

It took me over 3 months to develop a website.

And 7+ months to get 500 registered users. Registered, not active.

Over the course of next few months, I tasted my first success with Facebook ads. I grew sales and solved some pressing issues with the growth.

But I only had one growth channel, and relying 100% on it was not something I felt comfortable with. So, I asked Google and YouTube “how to build new growth channels”.

A day spent only to realize that most of the top ranking blogs and videos are just noise. They are either based on top-level strategies or are pure PR garbage.

Nothing actionable there! Spend days reading them and you will not be able to execute a single thing to attract new clients.

For example, look at this screenshot:

[Google search result for 'how zoom grow'](https://thepracticaldev.s3.amazonaws.com/i/epenzrakqzj25on5xxxp.png)

This top result tells three things:

Being customer driven

Great product

Zoom spent huge money on billboards

Now, which of these insights you can actually use today to build your audience tomorrow?

None.

And this is not a lone case. Internet is filled with such ‘top results’.

Don’t get me wrong, I understand the importance of top-level strategic insights. But if you are a Founder or CMO trying hard to gain traction, build audience and grow revenue, what you need are actionable strategies, not the ones from boardrooms’ slides.

So I started my research again, this time little differently.

I started researching the growth strategies that some of the most successful companies adopted. I didn’t go to blogs this time.

Rather I used analysis tools, interviews of founders, experienced free trials and dug deeper into their campaigns.

Though every company built its engine of growth differently, but I found one common thread among all success stories:

##“Every successful company’s first and most reliable growth channel was organic.”

No exceptions.

No paid ads.

And you know, this is not even the trickiest part.

Trickiest part is that you will find people teaching about Google ads or Facebook ads. But almost none to talk about organic growth strategies. At least not on google’s first page. The world of Internet is the world of low signal / noise ratio today.

So, I have decided to research and write about organic growth strategies. Not top-level boardroom’s talk, but real actionable strategies and tactics.

I am writing [Organic SaaS Growth](https://thoughtlytics.substack.com/) newsletter on substack.
Laravel Vue JS Infinite Scroll Example From Scratch
Tags: laravel, vue
Published: 2020-01-14 11:21:06

I was recently assigned to as task to paginate our chat app and other pages that requires pagination. Pagination was great but we want to try something new and in our chat app it is a big no no.

So the solution is to create an infinite scroll, which is very common now and you can see this in popular chat applications like facebook messenger. 

In this post, i want to share with you how to create infinite scroll pagination using vue js and laravel 6. we will create step by step vuejs infinite loading data using laravel, so if you are new and then you can do it too. You have to just follow few step.

https://www.codechief.org/article/laravel-vue-js-infinite-scroll-example-from-scratch
Study Log: Reading Vue's RFCs (3)
Tags: motivation, devjournal
Published: 2020-01-14 11:12:56

I've read all the [Vue's active RFCs](https://github.com/vuejs/rfcs/tree/master/active-rfcs) and related documents.

I categorized them into some groups according to the topics and am going to share it at internal study meeting in my company.

Besides the meeting, I, by myself, will study RFCs in more depth so that I can summarized them in the way the article can be more informative to Dev community.

---

I decided to continue to keep posting, and also tweet my posts with hash tag.

I believing in openness of this community, but I do appreciate if you tell me the more valuable way I can contribute to the community.
Debug with Visual Studio using all browsers in incognito mode
Tags: visualstudio, browsers, incognito
Published: 2020-01-14 10:44:18

By default, when we debug web applications, **Visual Studio launches a new browser window** which obviously uses cache, cookies and all the rest of the **previous sessions**.

Obviously this sometimes wastes some time, especially when working with applications that have SSO or, as in my case, applications that use the login on Azure Active Directory.

To overcome this problem, we can go to change the settings of Visual Studio and add **the parameters necessary to launch browsers in "Incognito" mode** so as to have a new browser session each time, as if it were at its first use without carrying anything saved.

### Basic configuration
To access the browser configuration, click on the arrow next to the default browser and then on "Browse With" and add the browsers by clicking on "Add"

### Browsers Configuration
#### Chrome
Program: "C:\Program Files (x86)\Google\Chrome\Application\chrome.exe"
Arguments: --incognito
Friendly Name: Chrome - Incognito
#### Chromium
Program: "C:\Program Files (x86)\Chromium\Application\chrome.exe"
Arguments: --incognito
Friendly Name: Chromium - Incognito
#### Firefox
Program: "C:\Program Files\Mozilla Firefox\firefox.exe"
Arguments: -private
Friendly Name: Firefox - Incognito
#### Firefox Developer Edition
Program: "C:\Program Files\Firefox Developer Edition\firefox.exe"
Arguments: -private
Friendly Name: Firefox Developer - Incognito
#### Opera
Program: "C:\Program Files\Opera\launcher.exe"
Arguments: --private
Friendly Name: Opera - Incognito
#### Brave
Program: "C:\Users\barto\AppData\Local\BraveSoftware\Brave
Browser\Application\brave.exe"
Arguments: --incognito
Friendly Name: Brave - Incognito
#### Edge Beta on Chromium
Program: "C:\Program Files (x86)\Microsoft\Edge Beta\Application\msedge.exe"
Arguments: -inprivate
Friendly Name: Edge Beta - Incognito
#### Edge Dev on Chromium
Program: "C:\Program Files (x86)\Microsoft\Edge Dev\Application\msedge.exe"
Arguments: -inprivate
Friendly Name: Edge Dev - Incognito
#### Edge Canary on Chromium
Program: "C:\Users\barto\AppData\Local\Microsoft\Edge SxS\Application\msedge.exe"
Arguments: -inprivate
Friendly Name: Edge Canary - Incognito

![](https://topnewsinworld.com/wp-content/uploads/2019/07/Google-closes-Chrome-Incognito-Mode-loophole-to-improve-privacy.jpg)
Netlify で Sphinx をデプロイする
Tags: sphinx, netlify
Published: 2020-01-14 10:31:18

Netlify で Sphinx がデプロイできました。

requirements.txt には最低限だけ登録してあります。注意点としては Python3 を指定するために runtime.txt を用意して 3.7 と書いておく必要があります。


```
$ cat requirements.txt
Sphinx==2.3.1
sphinx-rtd-theme==0.4.3
$ cat runtime.txt
3.7
```

あとは Build command に make html を指定し、 Publish directory に build/html を指定すれば、終わりです。
How can I deploy my React app on ghpages
Tags: react
Published: 2020-01-14 10:24:04

How can I deploy my React app on gh-pages? 
i am trying to deploy my react app .. using gh-pages .. and after upload it .. i found white page .. i tried many solutions but nothing work .
this is the url :

https://mosherad.github.io/spreago-react/

and my json file contain 
"homepage": "https://mosherad.github.io/spreago-react/",
Array Destructuring Javascript ES6
Tags: javascript, arr, es6, destructuring
Published: 2020-01-14 10:05:51

// Array Destructuring
// Present the basic terminology of Array Destructuring
// Explain the difference between Object and Array Destructuring
// Arrays are zero-based indexing
// Object rely on properties

// Example 1:
// Destructure an Array by binding variables to a specific
// element on a specific index of the Array
```javascript
const studentInfos = [8634, "Maria Carter", "Washington"];
const [id, name, city] = studentInfos;
```

// Example 2:
// Add a New element to the Destructured Object and
// assign a value to it

```javascript
const studentInfos = [8634, "Maria Carter", "Washington"];
const [id, name, city, college = "Harvard"] = studentInfos;
```

// Example 3:
// Update the "id" variable by using the value of "id"
// within the object by using Array Destructuring

```javascript
const studentInfos = [8634, "Maria Carter", "Washington"];
let id = 4352;
const studentInfos = [8634, "Maria Carter", "Washington"];

[id] = studentInfos;

```

// Example 4:

```javascript
const studentInfos = [8634, "Maria Carter", "Washington"];
const [, , city] = studentInfos;
```

// Example 5:
// Swapping Values

```javascript
let a = 12;
let b = 45;

let initialA = a;

a = b;
b = initialA;

// Swapping values using array destructuring
[a, b] = [b, a];

```
// Example 6:
// Destructuring Nested Array
```javascript
const studentInfos = [
  8634,
  "Maria Carter",
  ["flashtoni", "@corpoint", "Ali_bird"],
  "Washington"
];

const [id, name, [facebook, twitter, instagram], city] = studentInfos;

```
Starting my JamStack headless blog - Part 01
Published: 2020-01-14 09:49:40

For a long time I wanted to make a blog. As time goes by I decided to make one and learn a couple of things on the way. Here I will present my experience developing this blog, so that you can probably make yours.
 
## The goals

The main idea is to make a blog using modern technologies. By the way, I have made many attempts in the past and found there are easy and difficult things in creating a blog.
 
The first one is to find something interesting to talk about. There are so many things that is hard to think that inspiration will come to you once in a while. 
 
So to solve this issue, I decided to talk about this blog in this section, so it will be an easy task, as long as I will be building and commenting on what I do. 
 
The second thing is to pick a tech stack. Than means to decide how it is going to be built. I tried in the past with the standard LAMP stack (Linux, Apache, MySql, PHP), using a shared hosting service at [Iweb](https://iweb.com/) and later with [Funio](https://funio.com/en/), a spin off of the former. Any way, all hosting services basically include WHM, CPanel or Plesk and the big difference is the confidence you have on them. I have tired for some clients other services like Hostigator, GoDaddy, and many others, but always around the LAMP stack.
 
Modern technologies use other languages as well, Python is really good with Django. Ruby on Rails is not my first choice, but also a good technology. Java has some options, as well as C#, but I decided for the Javascript and Node based technologies, just because I feel there is a lot going on there and I want to be in that move.
 
Javascript used to be a toy in the past, but not any more. Is very hard to master javascript, because there are lots of things to learn. If you want to go this path, you have to understand it well and that will take you some time to achieve.
 
To make thin experience interesting I decided to get out of my comfort zone and embrace the JAMstack: JavaScript, APIs, and Markup [Jamstack](https://jamstack.org/). That will be challenging.
 
This is a whole new way of looking at things. The main principle is "think big, act small".
 
By the time I started this post, I have a week of experimenting things. I could set up a blog up and running. With a different technology it would probably be a matter of hours, instead of days. But I am learning so I have to make a lot of mistakes on the way, and test what works and what does not, so that evaluation will take some time.
 
This will be a very long series of posts, and I will try to guide you if you want to follow my steps to achieve a similar goal.
 
I would be pleased if you try, make something and let me know if this information has been useful.

[original-post](https://jorgebarrero.com.ve/admin/#/collections/posts/entries/starting-my-jamstack-headless-blog-part-01)
Why your POSTed models may stop working after upgrading to ASP.NET Core 3.1
Tags: dotnet, aspnet
Published: 2020-01-14 09:44:23

I just upgraded my medium size application from ASP.NET Core 2.2 to 3.1 and everything seemed to work fine. The upgrade wasn't a very big task but there were some gotchas along the way. One of the gotchas that went unnoticed until I was trying to get a new feature working was particularly hard to debug.

Starting with ASP.NET Core 3.0 the model-binder handling incoming JSON-data uses 
`System.Text.Json` instead of Json.NET. This shouldn't immediately be any issue, but I am lazy and pragmatic, so when I for reasons want to post my forms using ajax, I iterate over all input-fields and generate a JSON-structure that I POST to my endpoint. HTML being what it is, all integer inputs return their values as strings, and this is what blows up. 

Previously the Json.NET parser said "Oh hi, I need an int here, but the incoming value is a string... Hmm.. Is it parsable though? Yes it is! OK, I'll stuff the parsed value into the int property then!". But now, the `System.Text.Json` parser doesn't do that. It says "Oh no! I need an int here! But the incoming value is a string! OMG! ABANDON SHIP! AAAAAAaaaaaaaa!!!" and throws away the whole model, giving you a big fat NULL in your incoming parameter. And failing silently of course. To find out what's going on you need to inspect the `ModelState`, and sure enough, the `ModelState` reports an error parsing a Int32 from the provided value "0".

The fix, not including actually posting the correct model to begin with (lazy, remember) is adding the package `Microsoft.AspNetCore.Mvc.NewtonsoftJson` and updating your configuration in `Startup.cs` to include `.AddNewtonsoftJson()` after `.AddMvc()` or `.AddControllers()` or whatever method you use to add your api-functionality. This will replace the new System.Text.Json parser with the old true and tried Newtonsoft Json.NET parser.

If you want to read more about the new `System.Text.Json` namespace you can go [here](https://devblogs.microsoft.com/dotnet/try-the-new-system-text-json-apis/). If you want to read the blog post that I found after screwing around with this for half a work day, it's [here](https://dotnetcoretutorials.com/2019/12/19/using-newtonsoft-json-in-net-core-3-projects/)
Laravel 6 Tutorial: Build a Follow UnFollow System in PHP from Scratch
Tags: php, laravel, webdev, tutorial
Published: 2020-01-14 09:32:20

## How to Build a Follow UnFollow System In PHP using Laravel 

### Learn how to partialiy refresh a page and setup realtime notification using axios. 

Do you want to learn how to build a follow, unfollow system like Twitter & Facebook ?

Then this course is all you need, in this course you would learn how to implement a follow and unfollow system with PHP Laravel and MySQLI like Twitter and Facebook. So basically, a user can follow & unfollow another user and you can see which user is following you and how many followers you have.

You would also get a real time notification soonest a new user starts following you, plus a notification sound played on your browser like we have in top applications like Facebook, Twitter and Instagram.

I would take you through a step by step guide on user authentication & registration, where we would be validating users form input in real-time, so we don't have to reload our website to show validation errors.

This course was made for both beginners & professionals, i would be taking this course on a slow pace, so we get a proper understanding of how things work, i would not be performing any magic :-) , and by magic i mean copy pasting any code , i would explain how every function works as we create them.

What you'll learn
* Create a Basic User Login & Authentication system Using Laravel
* Valdiate Users Input without leaving the page using Axios - a javascript framework.
* Write codes using best practices
* Learn the follow, unfollow business logic
* Learn how to show realtime data from the database without using Redis or Channels.

{% youtube gzlI7zfsDuk %}