Shiburaj Pappu

How to make a Todo App using TailwindCSS, VueJS and ReactJS

2022-05-24T22:31:00.010+05:30

A three-part video series for making the Todo App using Vue and React designed using Tailwind CSS.

App Design using Tailwind CSS

App making using VueJS

App making using React JS

Design and Implement a Temperature Converter App using TailwindCSS, VueJ and ReactJS

2022-05-24T21:29:00.005+05:30

A super simple Temperature converter app that can convert temperature to and from Celcius and Fahrenheit.

Design the App using TailwindCSS

Implement Temperature Converter App using Javascript, VueJS and ReactJS

New Era of Scammers in Digital India

2022-05-24T21:17:00.003+05:30

http://fruitdeals.in

A week back I got an advertisement on youtube ads for purchasing 10kgs of Mangoes for Rs. 499/- It was too good of an offer and I was craving some fresh mangoes so went ahead and clicked on the link shown on youtube ads which led to fruit deals. in. At first, I was a little confused about how come a site like this is also selling clothes and toys. But then I trusted google and youtube. I thought youtube will never allow any XYZ scammers ads on their site so I was pretty confident and added my order to the cart. During checkout again I felt sab "Golmaal hai Bhai sab Golmaal hai" as there was no COD payment option. But again my craving along with my trust in google lead me to do the payment. Anyway, it was just a small amount so I went ahead. I completed the payment but unfortunately, there was no confirmation mail from them on the order placement. That was my third hint. I waited for three days and no courier received. It was mentioned two days delivery. I thought maybe there is some delay. After a week still no delivery. I went back to the website to check the website is no longer operational. I feel such embarrassment being so much into tech I didn't even verify the authenticity of the site before doing a payment. The bottom line is don't trust anyone when it comes to your hard-earned money. Websites like this will keep popping up. And youtube and google are just advertisers they don't care who puts up the ads as long as they are generating revenue it's not an issue for them. The best way to be safe the online digital fraudulent websites is to be a little bit digital awareness.

Steps to follow:-

Never do online payment to any new websites - Prefer COD whenever possible
If COD is not available them definitely check the following
Check the address in the Contact US page. Put it in google and check if it is valid.
Check by calling the customer care number.
Check the domain registration with the help of websites like (https://www.whois.com/) . See if the registrars contact number is visible and also check when the domain was purchased. Usually scammer website will be purchased within past 2 weeks.
Do a quick google search with the domain name with the fake? at the end to see if anyone else has reported the same. eg: fruitdeals.in fake?

These are some of the Tips that I researched to find out these scammer websites. Please comment If there are any other steps that we can follow or if you have come across any such websites.

How to Program in Python for dummies

2022-04-24T20:19:00.000+05:30

A complete beginner guide to Programming in Python. 10 days of extremely detailed explanation in Hindi and English mixed for the type of crowd who feel comfortable with the mixed language and slow-paced teaching. This course is more focused towards people interested to learning hands-on at their own pace. Soon all the tasks will be available in Hacker rank for you to practice too.

CRUD Operation in SQLite Database using Python

2022-04-11T10:08:00.001+05:30

Yes It's that Ez

Most of us are aware of the wonderful programming language called Python. Why is it so popular? The main reason according to me is that it makes programming easy. Even complex things like CRUD operations in DB, working with Network Sockets, etc. are made so simple that anyone can start programming right away. In this article, we will look at basic CRUD operations for interacting with SQLite Database using Python. Let's begin.

Is GitHub Copilot the future of Coding?

2021-12-16T14:13:00.003+05:30

First and foremost, what is Github Copilot: Its is a new service from GitHub and OpenAI, described as “Your AI pair programmer”. It is a plugin to Visual Studio Code which auto-generates code for you based on the contents of the current file, and your current cursor location.

Seems unbelievable and magical that the computers that are made up of programs can now start making code for us. This feature is already present in many other software’s like Gmail for text prediction but predicting what code you will be typing in the future is magical. For example, if we type $ in this php code then based on the context of the current program it would suggest some code:

The grey body of the function has been entirely written by Copilot! You just have to hit Tab on your keyboard, and the suggestion gets accepted and inserted into your code.

Where Copilot differs from other such tools is that it can generate entire multi-line functions and even documentation and tests, based on the full context of a file of code.

How does it work?

Copilot is powered by a deep neural network language model called Codex, which was trained on public code repositories on GitHub. The basic nature of programming is repetitive for basic tasks. Such type of repetitive code can be learned and predicted based on the context of the program written by the user.

Does that mean computers will replace programmers?

NO. Not at all. The code generated by Copilot is many of the times useless or too much extra code is generated. As such copilot doesn’t compile the code before predicting so it has no idea if the code will work or not. Also the code generated may not be optimum or the best possible solution as copilot has learned the code from many repositories which may be good or bad. Based on the search terms and context it would spit out the best possible match but that doesn’t garuantee a better code hence finally human programmer needs to go through the code and use the pieces which will be applicable for the software. Hence copilot will probably never replace a human programmer but it can definitely assist them during programming with appropriate suggestions and corrections.

How to install CoPilot?

You must have Visual Studio Code Installed on your PC. Go to extension manager and search for CoPilot. You can click the install button on the first extension called the Github Copilot. Once installed you will need to Signin to your Github Account to start using it. Once logged in you may start programming as usual and can start seeing auto suggestions which coding.

NBA SAR Calculator

2021-11-24T12:07:00.001+05:30

A consolidated list of all NBA SAR Criterias with Evaluation Guidelines and their points. Easily calculate the expected score.

DOWNLOAD

Making of a Simple JavaScript Count Down Timer with the Figma

2020-11-06T20:14:00.000+05:30

Complete design process of a JavaScript Counter from start to finish. Begin with Figma UI, followed by HTML/CSS design and then make it work using javascript.

Github Repo : https://github.com/softon/jstimer

Demo : https://softon.github.io/jstimer/

Start to Finish Todo App Design in Figma / HTML/ CSS / JavaScript

2020-10-30T17:20:00.003+05:30

In this series we will be making a simple todo application from scratch. It is divided into following parts :

Part 1 : UI Design in Figma

Part 2 : Figma Design to HTML / CSS

Part 3 : Make it work using Javascript

Part 4 : Make the data persist in Local Storage

Part 5 : Make custom modals for deleting todos

Part 6 : Modularize the Todo App

Part 7 : Persist the Todo App to Firebase Realtime Database

Start to Finish Analog Javascript Clock Design in Figma

2020-10-28T14:46:00.001+05:30

My take on designing a simple wall clock with the help of design tool figma and HTML/CSS/Javascript. This series of videos covers the following topics

Part 1 : UI Design in Figma

Part 2 : Figma Design to HTML/CSS

Part 3 : Make it work using Javascript

Binod Blog - A Simple Vulnerable Web App for Pen Testing

2020-09-12T12:34:00.001+05:30

Checkout the repo for testing various types of web attacks like SQL Injection, CSRF & XSS, Bruteforce etc.

https://github.com/softon/binod

Cheat Sheet :

SQL Injection , CSRF & XSS Attack Explained

2020-09-06T18:56:00.002+05:30

Resources:

Binod's Blog : https://github.com/softon/binod/archive/master.zip
DVWA : https://github.com/ethicalhack3r/DVWA...
Laragon: https://laragon.org/
SQLMAP : http://sqlmap.org/
OWASP ZAP : https://www.zaproxy.org/

Introduction to Version Control

2020-09-06T18:21:00.003+05:30

Contents:

Introduction to Git Version Control
Repositories
Staging and Committing
Branching, Merging & Conflicts
Local Git
Remote Git using Github

Instructor: Prof. Shiburaj

Week 1 : Lecture 1

Introduction to Git , Installing Git & Creating your first Repo

Week 1 : Lecture 2

Staging and Commiting

Week 1 : Lecture 3 & 4

Branching & Checkout

Week 2 : Lecture 5

Merging & Resolving Conflicts , Stashing

Week 2 : Lecture 6 & 7

Reset & Revert, Git Ignore, Merge & Rebase

Week 3 : Lecture 8

Creation of Remote Repo with Github

Week 3 : Lecture 9

Push & Pull

Week 3 : Lecture 10

Release & Tagging

Week 4 : Lecture 11

Collaboration & Forking in Github

Week 4 : Lecture 12

Github Issue Tracking & Introduction to Projects

Retrieve your Windows Key in One Click

2020-04-18T22:41:00.000+05:30

Use the below file to recover your windows key that you have used during installation of your windows operating system

[Click Here to Download the Script]

MultiPHP versions in single XAMPP Installation

2020-04-17T17:09:00.001+05:30

Follow the below steps to add multiple versions of php in your XAMPP / WAMP etc. installation.

Step 0: Install Latest XAMPP

Apachefriends.org

Step 1: Download PHP versions of your choice

PHP Archives

Step 2: Extract to XAMPP Root (c:\xampp)
name the folder according the the version like php56, php70, php71

Step 3: Configure php.ini inside the newly created folder. If the file does not exist copy php.ini-development to php.ini, Then uncomment the following lines

extension_dir = "ext"       // remove ; to uncomment

// Similarly uncomment all the extensions as per your requirements. for example

extension=php_curl.dll
extension=php_fileinfo.dll
extension=php_mysql.dll
extension=php_mysqli.dll
extension=php_openssl.dll

Step 4: Configure apache
Open XAMPP control panel, click config button for apache, and click Apache (httpd-xampp.conf). A text file will open up put the following settings at the bottom of the file:

ScriptAlias /php56 "C:/xampp/php56"
Action application/x-httpd-php56-cgi /php56/php-cgi.exe
<Directory "C:/xampp/php56">
    AllowOverride None
    Options None
    Require all denied
    <Files "php-cgi.exe">
        Require all granted
    </Files>
    SetEnv PHPRC "C:/xampp/php56"
</Directory>

The above code to be adjusted based on the version of PHP selected. like for PHP 7.0 replace php56 with php70.

Congratulations now you are all set to use the installed versions of PHP on your sites. You can use the particular version by creating a virtual host for each website and telling the apache to use a particular version by setting an appropriate handler as shown below. Open the xampp\apache\conf\extra\httpd-vhosts.conf and use the below code for each website with appropriate handlers based on the above config in step 4. DocumentRoot must be set to the location where your project files are present.

<VirtualHost *:80>
    DocumentRoot "C:\xampp\htdocs56"
    ServerName localhost56
    <Directory "C:\xampp\htdocs56">
        Require all granted    
    </Directory>
    <FilesMatch "\.php$">
        SetHandler application/x-httpd-php56-cgi
    </FilesMatch>
</VirtualHost>

Note: Dont forget to uncomment the NameVirtualHost *:80 to enable virtual hosts.

HTTP Status Codes

2020-04-02T17:14:00.000+05:30

HTTP Status Codes with their definitions and helpful code references
1×× Informational
100 Continue
101 Switching Protocols
102 Processing

Learning C With the Help of Examples - Week 6

2020-04-01T12:01:00.002+05:30

Task 26 : WAP to find if the entered number is a prime number or not.

Task 27 : WAP to find the sum and average of the numbers entered by the user.

Task 28 : WAP to print Fibonacci Series till number entered by the user is reached.

Task 29 : WAP to print the following pattern.

Task 30 : WAP to the following series where user enters the value for n. Also compute the value of the series.

Learning C With the Help of Examples - Week 5

2020-04-01T11:56:00.002+05:30

Task 21 : WAP to find the roots of the quadratic equation with real roots using math library.

Task 22 : WAP to read weekday number and print weekday name using switch.

Task 23 : WAP to design calculator with basic operations using switch.

Task 24 : Modify the previous program to run repeatedly along with a exit condition using goto.

Task 25 : WAP to find the height of the building when the user enters the distance from the building and the angle of elevation in degrees.

Learning C With the Help of Examples - Week 4

2020-04-01T11:51:00.003+05:30

Task 16 : Write an algorithm and program to find if the entered character is a vovel or not.

Task 17 : Draw a flowchart and program to convert a lower case character to uppercase and vise-versa.

Task 18 : WAP to check if the year entered is a leap year or not.

Task 19 : WAP to find the body mass index of the user when user enters height and weight. Also find the BMI category to which the user belongs with elseif ladder.

Task 20 : WAP to read three integer values from the keyboard and displays the output stating that they are sides of right angled triangle or not.

Learning C With the Help of Examples - Week 3

2020-04-01T11:35:00.002+05:30

Task 10 : WAP to calculate the gross salary of the employee given the basic salary. Travelling Allowance, Dearness Allowance and Home Rental Allowance is 20%, 80% and 15% of Basic Salary respectively.

Task 11 : WAP to swap two numbers with the help of a Temporary Number.

Task 12 : WAP to swap two numbers without the help of a Temporary Number.

Task 13 : WAP to check if the number is even or not using conditional operator.

Task 14 : WAP to find the greatest number amongst three entered numbers using conditional operator.

Task 15 : WAP to find sum of two integers without using ‘+’ operator.

Learning C With the Help of Examples - Week 2

2020-03-31T18:26:00.000+05:30

Task 5 : WAP to calculate the area of square.

Task 6 : WAP to calculate the simple interest taking principal,rate of interest and no. of years as inputs from user.

Task 7 : WAP to calculate the sum and average of three numbers.

Task 8 : WAP to calculate perimeter and area of a circle with the help of constants.

Task 9 : WAP to calculate the resistance required (R) to be connected in series with the LED to protect it from blowing up when Voltage (V) is applied.

Learning C With the Help of Examples - Week 1

2020-03-31T18:01:00.002+05:30

Task 1 : WAP to print your name on screen.

Task 2 : WAP to print the following pattern using printf.

Task 3 : WAP to print the following table using printf.

Task 4 : WAP to print a letter.

Operator Precedence & Associativity in C Programming Explained with Solved Examples

2020-02-15T11:14:00.002+05:30

Link to the PPT : Click Here

Notepad++ Compile and Execute Program (C,C++,JAVA,PYTHON)

2019-12-14T13:40:00.001+05:30

1) Install the Nppexec Plugin in Notepad++

2) Press F6

3) Paste the below code in the box and click save

4) Now you can execute using F6 or Ctrl+F6

Animated Git Flow

2019-07-13T12:26:00.001+05:30

Click on the buttons below / next to each branch to simulate the action. And see the commits flowing.

Learn Git by Examples : https://learngitbranching.js.org/