Bootcamp 2020: Free Online Learn to Earn Fasttrack Bootcamp to Learn Freelancing and do Remote Work in the COVID-19 Economic Environment

We will teach you online to Build Full Stack Mobile Web Apps including e-commerce apps using React, Gatsby.js, Redux, QraphQL, Node.js/Express, MongoDB, Git, GitHub, GitHub Actions, Terraform, Google Cloud Run, AWS EC2, Contentful, Stripe, SnipCart, Shopify, etc. and to sell your services on Upwork and Fiverr.

We have to understand humanity is facing a COVID-19 induced global economic recession and only the high-tech and software companies have grown and their stock prices and business have risen in this environment. We need to immediately get ready to face the upcoming economic crises boldly.

English Section:

Every Tuesday at 10:00 PM – 11:15 PM Pakistan Standard Time

Every Saturday at 10:00 PM – 11:15 PM Pakistan Standard Time

English broadcast live on Facebook

YouTube English Channel

Urdu Section:

Every Wednesday 10:00 pm to 11:15 pm Pakistan Standard Time

Every Sunday 10:00 pm to 11:15 pm Pakistan Standard Time

Urdu broadcast live on Facebook

YouTube Urdu Channel

Teaching Team:

Zeeshan Hanif, Hira Khan, Bashir Aziz, Daniyal Nogori, Moshin Khalid, Aamir Pinger, Adil Altaf, Ameen Alam and Zia Khan.

Prerequisites: HTML, CSS, and JavaScript

These topics have been released for everyone in Urdu:

Learn HTML by Hira Khan

Learn CSS Intro by Hira Khan

Learn JavaScript by Zeeshan Hanif

Note: Material in English is already available extensively on the web.

Class 1:

Learning Material for Class 1:

Assignment Notes

Presentation

Notes

Class 1 in English on Facebook

Class 1 in English on YouTube

Class 1 in Urdu on Facebook

Class 1 in Urdu on YouTube

Class 2:

Learning material

Assignment

Notes

English Videos:

Class 2 in English on Facebook

Class 2 in English on YouTube

Class 2 in Urdu on Facebook

Class 2 in Urdu on YouTube

Class 3 and 4

Learn React Learn React Tutorial Cover the Tutorial Before Fetching Data

Class 3 Facebook English Video

Class 3 YouTube English Video

Class 3 Facebook Urdu Video

Class 3 YouTube Urdu Video

Class 4 Facebook English Video

Class 4 YouTube English Video

Class 4 Facebook Urdu Video

Class 4 YouTube Urdu Video

Bootcamp 2020 Project 1: Build an Expense Tracker App using React Hooks and Context API

Class 5 and 6

After we have learned the useState Hook in class 4 using the Learn React Tutorial we will skip the fetch data (we will cover it latter) part of the tutorial and learn useContext and useReducer hooks and build the Expense Tracker App.

First we will learn the hooks:

An Introduction To React’s Context API

Working with the React Context API

How to use the useReducer React hook

Understanding the React useReducer Hook

Class 5 YouTube English Video

Class 5 Facebook English Video

Class 5 YouTube Urdu Video

Class 5 Facebook Urdu Video

The we will build the Expense Tracker App:

Follow this Video and build the App: Expense Tracker

Project Due Date: Monday, June 22, 2020 Midnight Pakistan Standard Time

Project Submit Form

Class 7 and 8

JavaScript Promises, Callbacks, and Async/Await for Beginners

Asynchronous JavaScript: How Callbacks, Promises, and Async-Await Work

Learn JavaScript Fetch How to fetch data in JavaScript

Different Options to get data in React Different ways to fetch data in React

Data fetching with React Suspense React Suspense 1 React Suspense 2 React Suspense 3 React Suspense 4 References: React Suspense Reference 1 React Suspense Reference 2

Bootcamp 2020 Project 2: COVID-19 Tracker App

Submit Project here

You will use React, React Material UI, Chart.js, and React Suspense to build this COVID-19 Tracker React App

  1. Learn Material UI Main Website Installation Getting Started Details Templates

  2. Learn Chart.js Mian Docs Getting Started

  3. Watch this video as a example for the app but build your own app don't just copy it: Example COVID-19 Tracker App Demo

  4. Choose one or more COVID-19 API's that you are going to use: COVID-19 API Listing 1 COVID-19 API Listing 1 COVID-19 API Listing 2 COVID-19 Google Map API

  5. Start building your COVID-19 Tracker App

Your code should be hosted in a GitHub Repo from the beginning with GitHub CI/CD Actions and hosted on Surge.

Bootcamp 2020 Project 3: Shopping Cart with Context API and React Hooks

  1. Learn the Context API with Hooks Context API in React with Hooks State Management with React Hooks and Context API in 10 lines of code! Building a CRUD App with React Hooks & the Context API

  2. Review Shopping Cart Demo Demo Explanation Video Code Another Example Yet Another Example

  3. Now build your own Professional Shopping Cart with Context API and Hooks

Bootcamp 2020 Project 4: Shopping Cart with Redux Toolkit

  1. Learn Redux Toolkit Basic Tutorial

  2. Build you Shopping Cart with Redux Toolkit Create a shopping basket using React and Redux Toolkit

Bootcamp 2020 Project 5: E-Commerce App using Gatsby.js, QraphQL, Contentful, Stripe and SnipCart

  1. Learn Gatsby.js Gatsby Tutorials

  2. Learn Contentful Getting Started

  3. Gatsby Ecommerce Gatsby Ecommerce Tutorial

  4. Learn to build ecommerce website Building an ecommerce site with Gatsby, Contentful and Snipcart

  5. International Ecommerce Services Options to build a ecommerce site

  6. Pakistani Payment Services Ecommerce in Pakistan Alipay in Pakistan JazzCash JazzCash Documentation JazzCash Developer Certer Payment Gateway Online Payment Gateway Telenor Opens API Integration Guide

  7. Build your own Ecommerce Website

Bootcamp 2020 Project 6: Build Scalable Microservices with Terraform, Express, Docker, Google Cloud Run and MongoDB Atlas

  1. Build a Expense Tracker Backend using Node.js & Express API

  2. What are Microservices? Microservices 101

More Details will added as we go forward.

Get AWS and Google Cloud Accounts for Bootcamp 2020

The software industry has completely shifted toward multi-cloud usage in projects. In our bootcamp we will be using Amazon and Google clouds extensively. It is requested from all participants that they make arrangements to get the following free AWS and Google accounts within one month:

AWS Free Offer

Google Cloud Free Offer

Note 1: It is very easy the difficult part is getting your account verified by using credit cards or bank accounts.

Note 2: The cloud accounts are not required immediately. We will need them in about a months time.

Bootcamp 2020 Ninja Team Selection

I will be selecting the best of the best developers from the bootcampers to work closely me and our team. First they will help the students and later they will be doing freelancing with our team. The criteria for selection will be the submitted projects, professionalism and project ownership. Even once selected you can be removed from the team because you did not follow instructions, or your performance is not up to mark. Only one warning will be given before removal.

Right now I have selected only nine developer:

  1. Jazzel Mehmood, Karachi
  2. Farhan Farooq, Karachi
  3. Abdul Raffay Rizwan, Karachi
  4. Nadir Ali, Karachi
  5. Maleeha Khalid, Lahore
  6. Muhammad Usman Tariq, Karachi
  7. Muhammad Bilal, Rawalpindi
  8. Muhammad Usman, Wah Cantt
  9. Saad Baig, Karachi

Muhammad Naeem Akhtar from Turin, Italy and Nadir Ali from Karachi have jointly won Chief Ninja position in Bootcamp 2020 I am extremely pleased to announce that Muhammad Naeem Akhtar ( https://www.facebook.com/profile.php?id=100014148211403 ) and Nadir Ali ( https://www.facebook.com/nadirali.abro.58/ ) have won the Chief Ninja position by submitting the following two React apps:

Naeem Project 1: Expense Tracker http://expense-tracker-app-mna.surge.sh/

Naeem Project 2: COVID-19 Tracker http://covid19-analytics-mna.surge.sh/

Nadir Project 1: Expense Tracker http://bootcamp2020-expense-trackerapp.surge.sh/

Nadir Project 2: COVID-19 Tracker http://bootcamp2020-covid19-trackerapp.surge.sh/

Naeem will be the Chief Ninja for the English Section: https://www.facebook.com/groups/4IRUG/

Nadir will be the Chief Ninja for the Urdu Section: https://www.facebook.com/groups/freelance.remote.work/

Both will also be joining the live classes representing the students.

Interesting info about Naeem: Right now he is living in Turin, Italy. He has done Bachelor in Electronic Engineering and Master in Mechatronic Engineering from Italy. Right now he is doing a full time job as Junior Java and IoT developer.

Note for everyone: All positions are temporary, as we move forward anyone can replace anyone, everything is purely merit based.

Please note if I am leading a team two things are not tolerated under any circumstances: telling an untruth and unprofessional behavior. I do not care if you are not super-intelligent but what we are looking for are people who take ownership and are highly ethical and professional.