Monthly Archives: September 2020

Python

How to Download & Install Python 3.8.6 on Windows 10

Let me quickly guide you to install Python 3.8.6 on Windows 10. In this post, I am going to install Python 3.8.6, set Python 3.8 to system PATH, check python version with CMD, write classic ‘hello world’ program and execute it with cmd.

Please Note: If you are trying to install Python 3.8.6 on Windows XP – let me tell you Python 3.5 and above python releases are not supported on XP anymore and if you are trying to install python 3.8.x on Vista and 7 and your software are not up to date then you might get errors while installing it. If you get error or warning install python 3.8.x on Vista and 7; just google it, figure out what your system is missing and install it from Microsoft website and try install it again.

You should not have any issue installing python 3.8.x on Windows 8, 8.1, and 10.

Before we start the python installation on Windows. Let’s find out the system architecture type; mine is 64 bits. To know your system type, press Windows and Pause keys/buttons on your keyboard and release and you’ll see a ‘system info’ windows will pop up, here you can check your system type.

windows 10 system type

Let’s get to it now…

Launch Your Favorite Web Browser

I will be using Google Chrome as a web browser on my system for this demonstration.

Head to python.org

Once your web browser is up, try to pull up www.python.org on your web browser.

Click Windows under Downloads tab

Let www.python.org load in your web browser and hover your mouse on to Downloads and click Windows under Downloads.

Click Latest Python 3 Release Link

As soon as you click ‘Windows’ button under ‘Download’, you’ll see Python Releases for Windows; click ‘Latest Python 3 Release – Python 3.8.x’

Download 32 bit and 64-bit Python 3

Now scroll down to Files section and look for x64 if your system type is 64 bit and if your system type is 32-bit then you go with download links at the bottom. Hope this image will things clear for you.

There are three types of Python installers zip file, executable installer, and web-based installer for each system type 32 bit and 64-bit. Zip file and executable installers are good if you have to port these Python installers to other computers. I use web-based installer to install Python on my system.

These are direct download links to Python 3.8.5 (32 and 64 bit). If you want to save time you can download from the links above.

Python 3.8.x 64 bit

If you want to download and install python 3.x 64 bit on your Windows 10, 8/8.1 then this video will walk you through the whole process of installing python 64 bit and setting python 3 to system path. Moreover, I’ll go ahead and verify the python version and write the hello world python app and run it with CMD.

Install Python 64 bit

Run the Python Installer

Locate your download and double click to run the installer and click “YES” to allow the python installation.

One thing to note though python 3.8.x comes with PIP, TCL, TK, IDLE, Documentation server and few other libraries, that can customize on the installation wizard.

Add Python 3.8 to System PATH

As soon as you allow the Python 3.8 installation, on the installation window/wizard at the bottom; don’t forget to check the checkbox to “Add Python 3.8 to PATH“.

Customize Python 3.8 Installation

Above this checkbox, you would see two options

  • Install Now
  • Customize the Install

Install Python 3.8.x

Click ‘Install Now’ and wait for the installation to finish.

Once you see “Setup was Successful’, you can close the windows and launch your cmd and check python version

Check Python Version

python --version

Python Hello World Program

Write the following code in hello.py file and save it in your choice of folder. 

print ("Hello World")

Executive Python File

To executive python hello.py file, launch CMD or PowerShell and navigate your hello.py folder and to type the following command to execute your python code

py hello.py
python hello.py

Python 3 Course

If you are serious about mastering Python 3; here is an awesome Python 3 course at very affordable price that you must have a look at before you waste your time and money on other courses. If you are already taking any course this will be like a supplementary to your learning.

Python 3 Bootcamp

Watch me install Python 3.8.5

Related Posts…

  1. How to Install Django 3 on Windows 10
  2. Django 3 Tutorial: Build a Blogging App
  3. How to Deploy Python Django App on cPanel – Shared Hosting
MySQL

MySQL is not recognized as an internal or external command

I assume that you already have installed MySQL on your Windows operating system and you are trying to access it through command prompt or PowerShell and you are getting this message MySQL is not recognized as an internal or external command, operable program or batch file. 

I completely understand why you are getting this message. Basically, we need to add MySQL to the systems variable path.

To add MySQL to the system’s variable path, we need to locate the Bin folder in MySQL installation directory and then add it to the system’s variable path.

 Alright let’s do it

Watch me fix – MySQL is not recognized as an internal or external command
Wordpress

How to Install WP CLI on Windows 10

2 Comments

I assume that you already know what is wp-cli tool, in this post I am going to show you how to download and install wp-cli tool on Windows 10. However, if you have Windows 7 or Windows 8; these steps will work for you.

WP-CLI Prerequisites

check php and composer version with cmd.png

You need to have PHP and Composer installed and set them to system PATH. I have installed XAMPP and set PHP and MySQL to system PATH and installed Composer separately.

Please make sure that you are able to check PHP and Composer version from command line tool.

Recommended Posts

Download and Install WP-CLI for Windows

Once you have installed PHP and Composer and set them to system PATH;

  1. Download wp-cli.phar
  2. Create a folder c:\wp-cli
  3. Copy and Paste downloaded wp-cli.phar file in c:\wp-cli
  4. Create a named wp.bat in c:\wp-cli folder
  5. Paste the following code in wp.bat file and save wp.bat file

wp.bat

@ECHO OFF
php "c:/wp-cli/wp-cli.phar" %*

Set c:\wp-cli to your system PATH

From Windows Menu, open Environment Variables and select Path and click EDIT and ADD new environment variable and hit ok, ok, and ok.

Relaunch CMD & Type wp help

WP CLI Commands

Now you can run wp cli commands to manage WordPress sites and scaffold plugins, blocks, and themes. Now, install WordPress on Windows, navigate to your WordPress installation directory and try the following wp cli commands.

  1. wp scaffold plugin plugin_name
  2. wp plugin install user-switching –activate
  3. wp cli version
  4. wp scaffold _s theme-name
  5. wp scaffold post-type books
  6. wp scaffold block movie
  7. wp scaffold child-theme xyz_child parent_theme=xyz

For more wp-cli commands visit official docs’ page

CSS

Ordering Flex Items

In this post I going to show you how to create Ordering Flex Items. We will try it by style. we will take a look at ways in which you can change the visual order of your content when using Flexbox.

Straight the display of the items

The first two values ​​keep the items in the same order and display the sequentially from the start line.

<!DOCTYPE html>
<html lang="en">

<head>
	<title>Web</title>

<style>
		.container {
			display: flex;
			border: 2px solid black;
			width: 600px;
			height: 38px;
			flex-direction: row;
		}
		
	  .item1 {
		padding: 2px;
		background-color: gold;
		width: 30px;
		height: 30px;
		border: 2px solid green;
	}

	 .item2 {
		padding: 2px;
		background-color: gold;
		width: 30px;
		height: 30px;
		border: 2px solid green;
	}
	  .item3 {
		padding: 2px;
		background-color: gold;
		width: 30px;
		height: 30px;
		border: 2px solid green;
	}

	.item4 {
		padding: 2px;
		background-color: gold;
		width: 30px;
		height: 30px;
		border: 2px solid green;
	}

	 .item5 {
		padding: 2px;
		background-color: gold;
		width: 30px;
		height: 30px;
		border: 2px solid green;
	}


	</style>

</head>
<body>

	<div class="container">
		<div class="item1">
			<a href="#">one</a>
		</div>
		<div class="item2">
			<a href="#">two</a>
		</div>
		<div class="item3">
			<a href="#">three</a>
		</div>
		<div class="item4">
			<a href="#">four</a>
		</div>
		<div class="item5">
			<a href="#">five</a>
		</div>
	</div>

</body>
</html>

The above code should look like this Image below in your preferred browser.

Ordering Flex Items in html

Reverse the display of the items

The second two values ​​reverse the items by switching the start and end lines.

We can reverse the image using row-reverse in flex-direction.

<!DOCTYPE html>
<html lang="en">

<head>
	<title>Web</title>

<style>
		.container {
			display: flex;
			border: 2px solid black;
			width: 600px;
			height: 38px;
			flex-direction: row-reverse;
		}
		
	  .item1 {
		padding: 2px;
		background-color: gold;
		width: 30px;
		height: 30px;
		border: 2px solid green;
	}

	 .item2 {
		padding: 2px;
		background-color: gold;
		width: 30px;
		height: 30px;
		border: 2px solid green;
	}
	  .item3 {
		padding: 2px;
		background-color: gold;
		width: 30px;
		height: 30px;
		border: 2px solid green;
	}

	.item4 {
		padding: 2px;
		background-color: gold;
		width: 30px;
		height: 30px;
		border: 2px solid green;
	}

	 .item5 {
		padding: 2px;
		background-color: gold;
		width: 30px;
		height: 30px;
		border: 2px solid green;
	}


	</style>

</head>
<body>

	<div class="container">
		<div class="item1">
			<a href="#">one</a>
		</div>
		<div class="item2">
			<a href="#">two</a>
		</div>
		<div class="item3">
			<a href="#">three</a>
		</div>
		<div class="item4">
			<a href="#">four</a>
		</div>
		<div class="item5">
			<a href="#">five</a>
		</div>
	</div>

</body>
</html>

The above code should look like this Image below in your preferred browser.

Ordering Flex Items.html

The order property

You can also use negative values with order, which can be quite useful. If you want to make one item display first, and leave the order of all other items unchanged, you can give that item an order of -1. As this is lower than 0 the item will always be displayed first.

<!DOCTYPE html>
<html lang="en">
<head>
	<title>Web</title>
<style>
		.container {
			display: flex;
			border: 3px solid black;
			width: 500px;
			height: 80px;
			flex-wrap: wrap;
		}

		 .active {
            order: -1;
            flex: 1 0 100%;
            padding: 3px;
            max-width: -webkit-fill-available;

        }   
		

	  .item1 {
		padding: 2px;
		background-color: gold;
		width: 30px;
		height: 30px;
		border: 2px solid green;
	}

	 .item2 {
		padding: 2px;
		background-color: gold;
		width: 30px;
		height: 30px;
		border: 2px solid green;
	}
	  .active {
		padding: 2px;
		background-color: gold;
		width: 10px;
		height: 30px;
		border: 2px solid green;
	}

	.item4 {
		padding: 2px;
		background-color: gold;
		width: 30px;
		height: 30px;
		border: 2px solid green;
	}

	 .item5 {
		padding: 2px;
		background-color: gold;
		width: 30px;
		height: 30px;
		border: 2px solid green;
	}


	</style>

</head>
<body>

	<div class="container">
		<div class="item1">
			<a href="#">1</a>
		</div>
		<div class="item2">
			<a href="#">2</a>
		</div>
		
		 <div class="active"><a href="#">3</a></div>
		
		
		<div class="item4">
			<a href="#">4</a>
		</div>
		<div class="item5">
			<a href="#">5</a>
		</div>
	</div>

</body>
</html>

The above code should look like this Image below in your preferred browser.

The order property.html

Use cases for order

The card is going to be our flex container, with flex-direction set to column. I then give the date an order of -1. This pulls it up above the heading

<!DOCTYPE html>
<html lang="en">
<head>

	<title>WEB</title>
	<style>
		
		 .card {
            display: flex;
            flex-direction: column;
          }

        .date {
                order: -1;
                text-align: right;
                 font-size: x-large;
              
            }

            p,h3 {
              font-size: x-large;
          } 

         
         .container {
             display: -webkit-inline-box;
             border: 1px solid black;
			 width: 660px;
			 height: 230px;
         }

	    .card1 {
             background-color: mediumturquoise;
             color: black;
             height: 190px;
             width: 300px;
             margin: 10px;
             border: 2px solid lightslategray;

           }

       .card2 {
       	    background-color: mediumturquoise;
            color: black;
            height: 190px;
            width: 300px;
            margin: 10px;
            border: 2px solid lightslategray;
       }
       

		
	</style>
</head>
<body>

	     <div class="container">

	     	<div class="card1">
            <div class="card">
                <h3>News item title</h3>
                <div class="date">1 Nov 2017</div>
                <p>This is the content of my news item. Very newsworthy.</p>
            </div>
            </div>

            <div class="card2">
            <div class="card">
                <h3>Another title</h3>
                <div class="date">6 Nov 2017</div>
                <p>This is the content of my news item. Very newsworthy.</p>
            </div>
            </div>
    </div>
  

</body>
</html>

The above code should look like this Image below in your preferred browser.

Use cases for order.html
Blogging

How to Monetize Downloadable links

There are lots of downloadable links on your websites and blogs that are not being monetized or somewhat under monetized. If your website or blog is ranking for any downloadable software or any other sort of media and you want to monetize your traffic then this post will help you quickly monetize your pages with download traffic on the web.

This monetization method would be based on geographical location of your visitors that means if your visitor happens to be from a rich country then you will get more money.

But,

Don’t worry if your website is already monetized with other monetization platforms like adsense, adsmobi, media.net, adcash and etc.

You’ll still be able to monetize your download links on your pages and make some extra bucks and get it transferred to your back account on monthly basis.

Monetize Your Facebook Pages and Groups

If you have Facebook page or Facebook group that you would like to monetize this works too. Simply sign up for this awesome site, create links and start making money from your FB fan pages and groups.

Monetize Your YouTube Channel and Videos

There are a lot of YouTubers that are struggling to make money from your videos that simply don’t yet qualify for Google Adsense. But don’t worry; if you have download traffic on your YouTube videos and would like to make money from your YouTube videos then this website will help you monetize your YouTube videos.

To monetize your YouTube traffic: all you have to do is – just sing up for this website and create links, and put it in your video description and you are done.

Monetize Your Forum Traffic

If you would like to make money for your forum profile and answers then this website will help you monetize your forum reputation. Just sign up, create links and put this in your forum profile and answers.

CSS

Introduction to CSS

In this post I am going to show you basic styling code on an HTML page which is very easy to use or learn. With codes and visual images that will help you understand CSS codes. What is syntax, selector and also show how to add a style-sheet in HTML file and how many ways to use style code.

Let’s dive in…

CSS stands for Cascading Style Sheets.

CSS tells how HTML  elements are to be displayed on screen, paper, or other media.

CSS helps to simplify the work,it saves a lot of work, it can control the layout of multiple web pages at all once.

CSS SYNTAX

Syntax means the set of rules that determines the arrangement of words in a sentence.

A CSS syntax rule composed of a selector and a declaration block

Multiple declarations can be included in a selector separated by semicolon.

Declaration block must be surrounded by curly braces.

CSS Syntax

Example:

p {
	color: white;
	text-align: center;
}

In this example all p elements will be center-aligned, with a white text color

p is the selector in CSS (it points to the HTML element which you want to style p element).

color is a property, and white is the property value
text-align is a property, and center is the property value

CSS Selector

CSS selectors are used to “find” (or select) the HTML elements that you want to style.

Simple Selects

The element selector selects HTML elements based on the element name, id and class.

Selects HTML elements based on the element name

Name Selector

p {
	font-family: serif;
	
	color: white;
	background-color: gray;
}

Here, all p elements on the HTML page will be font- family “serif” with white text color and background color will also be gray.

Id Selector

The id selector uses the id attribute of an HTML element to select a specific element.

The id of an element is unique within a page so the id selector is used to select one unique element.

When you select an element with a specific id so first write a hash character (#), then write the id of the element

The CSS rule given below will be applied on the  HTML element with id=”para1″

#para1 {
	background-color: tomato;
	text-align: center;
}

Class Selector

The class selector selects HTML elements with a specific class attribute.

when you select an element with a specific class so first write full stop or period (.) then write class name of the element.

In this example HTML elements with class=”main__para” will be red and center-aligned

.main__para {
	color: red;
	text-align: center;
}

You can also specify that only specific HTML elements should be affected by a class.

In this example only <p> elements with class=”main__para2″ will be center-aligned

p.main__para2 {
	text-align: center;
}

HTML elements can be given more than one class separated by white-space.

<p class="main__para  main__para2">This paragraph refers to two classes separated by whitespace.</p>

Universal Selector

Universal selectors are used to select all elements in the HTML page. These selectors are denoted by an asterisk (*) character.

The CSS rules below will affect every HTML element of the page.

* {
	margin: 0px;
	padding: 4px;
	font-family: cursive;
}

Grouping Selector

Group selectors ( Multiple selector ) are used when you have to give the same type of style to the selected selector.

To minimize code, put multiple selectors in a group.

Look in the below code the h1, h2, p and pre elements  have the same style code

h1, h2, p, pre {
	margin: 20px;
	padding: 10px;
	background-color: #587;
	display: inline-block;
	border-radius: 8px;
}
HOW TO ADD CSS ON HTML PAGE

When a browser reads a style sheet, it will format the HTML document according to the information  within the style sheet.

We can insert CSS in three ways-

  1. External CSS
  2. Internal CSS
  3. Inline CSS
1. External CSS

external styles are defined within the link element, inside the head section of an HTML page.

<!DOCTYPE html>
<html>
<head>
	<link rel="stylesheet"  href="mystyle.css">
</head>

I am showing you what I have styled in the style sheet.

* {
	margin: 0px;
}
body {
	font-family: sans-serif;
	font-size: 18px;
	color: white;
	background-color: #125;
}
h1, h2, h3, h4, h5, h6 {
                         margin: 10px;
}

An external style sheet can be written in any text editor, and it must be saved with a .css extension.

You can change the look of the entire website by adding just one style sheet  or .css file.

The external .css file should not contain any HTML tags.

2. Internal CSS

If one  single HTML page has a unique style  then the internal style sheet can be used.

Internal CSS are defined in the head section of the HTML page inside the elements of the style tag.

<head>	
  <style> 
    body {
     font-family: sans-serif;
     font-size: 18px;
     background-color: blue;
     color: white;     
    }
    h1, p {
      margin: 10px;
      background-color: #234;      
      padding: 6px;
    }

  </style>
</head>
3. Inline CSS

An inline style may be used to apply the unique style for any single element.

<h1 style="color: white; background-color: gray; ">Heading First</h1>	


<body style="font-family: sans-serif; background-color: blue;">
<main style="width: 70%">

Now, I’m showing you some styled pages using CSS codes on the HTML page. Using the Class selector with class attribute.

EXAMPLE:-
body{
	font-family: sans-serif;
     	font-size: 18px;
        
       	background-color: #345;
   		}
		h1, h2, h3 {
     	border: 2px solid #890;
     	border-radius: 13px;
     	background-color: #e45;        
     	padding: 9px;
	    }
	    .h1_1, .h1_2, .h1_3 {
	    	    display: flex; 
	    }

The code above must look like this in your browser.

Using CSS codes design HTML pages

Example:-

.h1_0 {
	    	background-color: #987;
	    	display: inline-block;
	    	border: 2px solid #987;
                border: ridge;            
	    	border-radius: 13px;
	    	padding: 9px;
	    	margin: 20px;
	    }

And the above code must look like this in your browser:

Use CSS code create elements around border
  .side {
        background-color: #014;
        padding: 4px;
        width: 25%;
        margin: 3px;
        border-radius: 9px;
     }

Example:-

Create border using CSS codes
HTML 5

Creating Lists in HTML 5

In this post you will learn all three HTML 5 lists data types, there are three types of lists in HTML.

  1. Ordered List
  2. Unordered List and
  3. Definition List

All you need to know I am going to write each HTML lists data type code and attach a screenshot for visual understanding. I would suggest that you fire up your favorite text editor and web browser and code along with me.

Let’s dive in….

Now the ordered list starts from here

List style type upper-Latin

HTML 5 upper-Latin list data type. This example uses an ordered list to show the sequence of steps in a process.

<style>
       li {
    list-style: upper-latin;
}
</style>
<body>
 <main>
<ol>
  <li>You can do it</li>
  <li>You should not give up</li>
  <li>You good at doing it is</li>
  <li>all the best for you</li>
  <li>i hope you can do it </li>
</ol>  
 </main>
</body>

The above code should look like the upper-Latin list image below in your preferred browser.

upper-Latin data type

List style type lower-alpha

HTML 5 lower-alpha list data type. This example uses an ordered list to show the sequence of steps in a process.

<style>
       li {
    list-style: lower-alpha ;
}
</style>
<body>
 <main>
<ol>
  <li>You can do it</li>
  <li>You should not give up</li>
  <li>You good at doing it is</li>
  <li>all the best for you</li>
  <li>i hope you can do it </li>
</ol>  
 </main>
</body>

The above code should look like the lower-alpha list image below in your preferred browser.

lower-alpha data type

Ordered List

HTML 5 ordered list data type. This example uses an ordered list to show the sequence of steps in a process.

	   <ol>
	     <li>You can do it</li>
	     <li>You should not give up</li>
	     <li>You good at doing it is</li>
             <li>all the best for you</li>
	     <li>i hope you can do it </li>
	   </ol>

The above code should look like the ordered list image below in your preferred browser.

html 5 ordered list data type

Now the unordered list starts from here

List style type Devanagari

HTML 5 Devanagari list data type. This example uses an unordered list to show the sequence of steps in a process.

<style>
        element.style {
        }
        li {
           list-style:devanagari;
        }
</style>
<body>
  <main>
    <ul>
        <li>broccoli</li>
        <li>cucumber</li>
        <li>lettuce</li>
        <li>pumpkin</li>
        <li>beetroot</li>
        <li>brussel sprouts</li>
     </ul> 
  </main>
</body>

The above code should look like the Devanagari list image below in your preferred browser.

Devanagari list data type

List style type Telugu

HTML 5 Telugu list data type. This example uses an unordered list to show the sequence of steps in a process.

<style>
        element.style {
        }
        li {
           list-style:telugu;
        }
</style>
<body>
  <main>
    <ul>
        <li>broccoli</li>
        <li>cucumber</li>
        <li>lettuce</li>
        <li>pumpkin</li>
        <li>beetroot</li>
        <li>brussel sprouts</li>
     </ul> 
  </main>
</body>

The above code should look like the Telugu list image below in your preferred browser.

Telugu data type

List style type Malayalam

HTML 5 Malayalam list data type. This example uses an unordered list to show the sequence of steps in a process.

<style>
        element.style {
        }
        li {
           list-style:malayalam;
        }
</style>
<body>
  <main>
    <ul>
        <li>broccoli</li>
        <li>cucumber</li>
        <li>lettuce</li>
        <li>pumpkin</li>
        <li>beetroot</li>
        <li>brussel sprouts</li>
     </ul> 
  </main>
</body>

The above code should look like the Malayalam list image below in your preferred browser.

Malayalam list data type

Unordered List

HTML 5 unordered list data type. This example shows an unordered list of items to buy at the store.

<ul>
   <li>broccoli</li>
   <li>cucumber</li>
   <li>lettuce</li>
   <li>pumpkin</li>
   <li>beetroot</li>
   <li>brussel sprouts</li>
</ul>

The above code look like the unordered list image below in your preferred browser.

html 5 unordered list data type

Definition List 

HTML 5 definition list data type.This example uses a definition list to group a definition with the term that is being defined.

<dl>
    <dt>Name</dt>
    <dd>Steve Doe</dd>
    <dt>tel</dt>
    <dd>55-78454925</dd>
    <dt>email</dt>
    <dd>[email protected]</dd>
    <dt>DOB</dt>
    <dd>30/7/2005</dd>
   </dl>

The above code look like the definition list image blow in your preferred browser.

html 5 definition list data type

WSL

How to Make/Change default directory in Bash/WSL Windows 10

How to change default directory with WSL/BASH on every time you launch your WSL on Windows 10. How make your user directory default directory every time your launch your BASH or WSL like Ubuntu, Debian, Apline, Arch Linux, Fedore, Suse, and other Linux distro.

To make this permanent default directory whenever you launch your WSL terminal, you’ll have to edit your .bashrc file with your favorite editor like nano or vim.

I’ll be using Micro ‘a terminal based text editor’ more like Nano but Micro is a little more feature rich.

Install WSL 2

If you have not upgraded your WSL on Windows 10 then you should upgrade your WSL to WSL2 and it’ll offer fast execution and more features.

Install WSL 2

Upgrade WSL 1 to WSL 2

Download and install WSL 2 kernal from link above, restart your system, then launch PowerShell with admin right, and run WSL upgrade command.

Replace Ubuntu-20.04 with your Distro name, 2 at the end is the WSL version number.

wsl --set-version Ubuntu-20.04 2

Check WSL version

To check WSL version, simply relaunch your CMD or PowerShell and run the following command.

wsl -l -v

Launch Your WSL Terminal

I have launched my Ubuntu WSL 2 and it opens in Ubuntu home/user directory, which your check by running this pwd command, this tells you the current directory you are in.

pwd

To Get into Windows Directory

To change into your Windows directory, you have to change many directories which is time consuming and nobody wants waste time like that.

To manually change the directory, you type the following commnad

cd /mnt/c/Users/user_name

To Make it Default WSL BASH Directory

Run the following commands, type the following commands in your WSL terminal.

cd

The above command will take you to /home/user_folder

Edit .bashrc

I’ll be using Micro text editor, you can use nano or vim

sudo nano .bashrc

Run the above command and enter your password and it should open your .bashrc file.

Type the following command to launch your BASH WSL terminal in your choice of directory.

cd /mnt/c/Users/User_Name

Change /User_Name with your username; save the file and exit.

Okay, you are done. Just relaunch your WSL terminal.

To display last directory name only

sudo nano .bashrc

Enter your sudo password and type the following code in your .bashrc file and save the file and relaunch your WSL terminal.

export PS1="\[\e[32m\]\W\[\e[m\] \\$ "
Moodle

Best Moodle Hosting: All You Need to Know

Features of Moodle?

Moodle is a PHP powered open source e-learning CMS that lets you start online classes and connect with your students in no time. Moodle project empowers educators and students alike. Moodle is packed with cool features that make teaching online easy. Here is the list of features that Moodle has to offer.

  1. Modern and Easy User Interface
  2. Mobile Responsive
  3. Personalized and customizable dashboard
  4. Collaborative tools like forums, wiki, glossaries and more
  5. Feature Rich Calendar
  6. File Management
  7. Rich Text Editor
  8. Notification System
  9. Track Progress
  10. Mass Enrollment and Secure authentication
  11. Site and Layout Customizer
  12. Multilingual
  13. Let’s you create courses
  14. Backup
  15. User creation, roll, and permissions
  16. Enhance features with Plugins
  17. Group Management
  18. Multimedia integration
  19. Integrated badges
  20. Marking system
  21. Security and Privacy

This post will help you find web hosting and cloud hosting for Moodle for your expanding schools, institutes, colleges, and universities.

How to Install Moodle on Shared Hosting

Moodle Hosting

If you are looking for managed Moodle hosting with root access; here is my recommendation that you can try.

WSL

How to Upgrade to WSL 2

How to upgrade from WSL 1 to WSL 2 on Windows 10. If you want to upgrade your WSL on Windows 10, there are two possible ways to upgrade your WSL. First one is simple – if you already have WSL installed on your system, you simply have to download the latest WSL 2 Linux kernel from Microsoft website and install it and then run the following command.

Download & Install WSL 2 Linux Kernel

Download WSL 2 Linux kernel from Microsoft website. This download is for Windows 10 64 bit architecture only.

Upgrade to WSL 2

Launch your PowerShell and run the following command to upgrade WSL to WSL 2

wsl --set-version Ubuntu-20.04 2

You might have to change the Ubuntu-20.04 to the version of Ubuntu you have installed on your system.

Check WSL version

To check WSL version on your Windows 10; launch your PowerShell and run the following command

wsl -l -v

WSL Does Not Upgrade

In case, your WSL does not upgrade then you need to uninstall your current WSL and reinstall WSL from Microsoft Store again.

Few things to do before you start installing WSL again.

  1. Install Microsoft Windows 10 updates
  2. Make sure Hyper-v and Sub-system are enabled
  3. Make sure you have installed WSL 2 Linux Kernel installed

Install WSL Again and Check Version

After installing WSL again, go ahead and check WSL version with PowerShell

check wsl version