Week 4

🕜 3 Hours 11 Minutes

❗ Recoil Mastery - Atoms / Selectors - Recoil vs Redux - Open Q&A - Presentational Components - React Suspense - Async in Recoil - State Persistence

Week 5

🕜 3 Hours 3 Minutes

❗ Using Charts in React (ApexCharts) - react-firebase-hooks - Converting Class Based Components to Functional - Node & Express - Conditional Rendering

Week 6

🕜 3 Hours 30 Minutes

❗ Built a Weather App - APIs - String Manipulation - useRef - Git - MomentJS - CSS Media Queries - ES6 Reduce - Glassmorphism

Week 7

🕜 3 Hours 2 Minutes

❗ Google Sheets API + React - React-hook-form - Form Validation - useRef vs useState - Axios and API's - Data Fetching

Week 8

🕜 3 Hours 6 Minutes

❗ Intro to Framer Motion - JS Animations - Portfolio Ideas & Inspirations - Firebase Cloud Functions Discussion

Week 9

🕜 2 Hours 56 Minutes

❗ Firebase Cloud Functions - Using Express on a Cloud Function - CORS - SQL vs NoSQL - Data Modelling -  Recoil Overview

Week 10

🕜 3 Hours 1 Minute

❗ Firebase Hosting 101 (Images & Videos) - Media Types - Progress Indicators - Q&A

Week 11

🕜 2 Hours 51 Minutes

❗ Building a Translation App with Firebase Extensions - Next.JS - Internationalisation - SSR vs SSG - Netlify & Vercel Deployments

Week 12

🕜 3 Hours 1 Minutes

❗ Next.js SSR vs SSG In Practice - API's - useRouter - How to Deploy a Next.js App to Vercel - Q&A Session

Week 13

🕜 3 Hours 15 Minutes

❗ Getting Started with Tailwind CSS - Tailwind JIT - Dark Mode with Local Storage - Responsive Mobile First Design - Themes - Next.JS

Week 14

🕜 2 Hours 33 Minutes

❗ Introduction to Storybook - Image Optimization in Next.js - Mobile First design with Tailwind CSS - Saga and Thunk Discussion

Week 15

🕜 2 Hours 48 Minutes

❗ Typescript Introduction with Next.js - Building a Menu the right way with Headless UI - Tailwind CSS

Week 16

🕜 3 Hours 6 Minutes

❗ Productivity & Life Hacks 101 - Time Management - Beginner to Entrepreneur Roadmap - Career Guide & Mentorship - Q&A

Week 17

🕜 2 Hours 59 Minutes

❗ Building an E-Commerce Site with Redux - Basket Implementation - Actions & Selectors - Reduce Function - Routing in Next.js Vs React Router - Q&A

Week 18

🕜 2 Hours 57 Minutes

❗ Handling Different Authentication methods in Next.js - NextAuth - Facebook & Google Sign In - Pros & Cons - Next.js Image Component & Webp Explanation - Lazy Loading

Week 19

🕜 3 Hours 57 Minutes

❗ Stripe Session Checkout & Next.js backend - Nvm node version control - Productivity tips - react-hooks-form

Week 20

🕜 4 Hours 10 Minutes

❗ React Hooks Fundamentals - React Hook Forms - CSS Modules - Datalist Dynamic Search - Investing Tips & Client Negotiation

Week 21

🕜 2 Hours 58 Minutes

❗ A Deep dive into the world of Agile working & Scrum processes - Serverless Architectures - Q&A

Week 22

🕜 2 Hours 54 Minutes

❗ Accepting a Paypal Payment with the Paypal API - Higher Order Components - Q&A

Week 23

🕜 3 Hours 39 Minutes

❗ API's with SpaceX - Client side vs SSR with Next.js - Handling Maps with Leaflet - Transforming data - GeoLibraries - Dynamic imports - Grouping Marker Clusters

Week 24

🕜 2 Hours 56 Minutes

❗ React Native with Expo & Typescript - React native navigation - Passing props through routes - Interface vs Types - useLayoutEffect

Week 25

🕜 3 Hours 15 Minutes

❗ Javascript Fundamentals - Variables & Data types - Object & Arrays - Spread Operator - Reduce, Map, Filter, Find - Optional Chaining - Async/Await & Promises - Destructuring - Loops - Currying - Recursion - Complex Reduce - ES6 Basics

Week 26

🕜 2 Hours 31 Minutes

❗ Basics of Web Development - Data Structures - Class Based vs Functional - Refactoring - Q & A

Week 27

🕜 2 Hours 25 Minutes

❗ Learning Flexbox with Flexbox Froggy - Flexbox vs CSS Grid - Responsive Styling with Examples - Next.js SSR vs Static Discussion - Q&A

Week 28

🕜 3 Hours 10 Minutes

❗ Deep dive into Headless CMS with Strapi.io - Images in Strapi - Static vs SSR - Scrum & Agile insight - Freelancing tips, tricks & Contract advice

Week 29

🕜 2 Hours 20 Minutes

❗ Tailwind UI Introduction - Firebase Authentication with V9 vs V8 - Recovery password with Email reset - JWT deep dive - Q&A

Week 30

🕜 2 Hours 46 Minutes

❗ Diving into Firebase v9 with Remote Config - Deploying a Cloud Function with CORS - Firebase-admin - Cloudflare tips

Week 31

🕜 2 Hours 25 Minutes

❗ Javascript Basics 101 - Variables, Data types, Weakly vs Strong typed, classes, inheritance & constructors, Arrays, Loops, Objects, Functions + ES6, Async/Await & Promises with React demos

Week 32

🕜 2 Hours 01 Minute

❗ A first look at Nextjs Commerce + Shopify - SSG vs SSR vs ISR with demonstration - Firebase Security rules tips - getStaticPaths explanation - Q & A

Week 33

🕜 2 Hours 32 Minutes

❗ A deep understanding of Next.js - getStaticPaths & getStaticProps - Static vs SSR vs ISR with demos and explanations - Q&A

Week 34

🕜 2 Hours 34 Minutes

❗ Deep Dive into the Context API with custom useAuth Demo - Firebase v9 - useMemo - Memoization - Git 101 & How teams work together - Merge conflicts & Git Flow

Week 35

🕜 2 Hours 30 Minutes

❗ A look into React 18 Server Components, Concurrency mode & SSR Streaming - Client Side vs All types of Server Side Rendering - First look at Hydrogen with Shopify - CI/CD Tips - Deep Q&A

Week 36

🕜 3 Hours 09 Minutes

❗ Explanation of Web3 + NFT's + Blockchain tips - Deep Dive into Moralis with our first project - Decentralised authentication with MetaMask and WalletConnect & realtime database demo

Week 37

🕜 2 Hours 33 Minutes

❗ An explanation of Web 3.0 & decentralised networks - Building a Todo App with Moralis - Web 3 authentication with MetaMask - Live Queries & webSockets

Week 38

🕜 3 Hours 07 Minutes

❗ Intro to success in 2022 - Dev Roadmap - Agile & Scrum Methodology - Sprint Poker & Planning - Analytics Resources & Testing - Salary Negotiation - Project Environments - JS Transformation Exercise

Week 39

🕜 2 Hours 04 Minutes

❗ Next.JS rendering types & caching explained - Pre-rendering data using SSR vs SSG vs ISR - Typescript - Inspecting Cache mechanisms in realtime

Week 40

🕜 3 Hours 10 Minutes

❗ Integration testing VS Unit testing - Cypress Demo - Headless Testing example - Debugging with VS Code Tutorial & Tips - Debugging Component Testing with Cypress

Week 41

🕜 1 Hour 41 Minutes

❗ Creating our first NFT marketplace with ThirdWeb - How to Buy & Sell NFT's - Test Network & Faucet Explanation - Pulling NFT data into a Next.JS app

Week 42

🕜 2 Hours 15 Minutes

❗ Building a E-Commerce Cryptocurrency Website - React-Firebase-Hooks with V9 - Transaction Breakdown, Gas Fees with Moralis - Combining Firebase & Moralis for Transactions - Typescript

Week 43

🕜 2 Hours 07 Minutes

❗ Javascript Fundamentals Reloaded - Recursion & Currying -  CSS Flexbox & Grid with Tailwind - A deep dive into the Mantine component Library

Week 44

🕜 1 Hour 42 Minutes

❗ How to price & negotiate with a client - Scrum & Agile breakdown - How to value/price yourself & portray yourself to future employers - Off-loading contracts - Objection Handling

Week 45

🕜 2 Hours 31 Minutes

❗ Back to Basics with React & Redux - The Redux Pattern Broken down simply - Dispatch, Selectors, Thunks vs Sagas + More - React Router V6 - Debugging a Production App with Rodgers Chayuga

Week 46

🕜 1 Hour 37 Minutes

❗ Fetching Data from Google Sheets API & Visualising with Recharts - Data Transformation Exercise - Practice with Typescript - Q & A

Week 47

🕜 1 Hour 26 Minutes

❗ React Native Introduction with Expo & Typescript - React Native Navigation - TS troubleshooting - Fetch API with RN - Crypto Investing Advice

Week 48

🕜 2 Hours 50 Minutes

❗ How to Navigate & Extend an existing Codebase w/ a Twitter Build Example - Content Modelling in Sanity - Typescript Tips - Mutations & GROQ practice - Frontend & Backend API in Next.js

Week 49

🕜 2 Hours 28 Minutes

❗ Intro to Mantine Component Library - SQL introduction - Connecting Supabase with Stepzen to create a GraphQL endpoint - Apollo client with Next.js

Week 50

🕜 2 Hours 28 Minutes

❗ Building a BLOG with Next.js using GraphCMS - CSR vs SSR vs ISR - GraphQL querying - Typescript - getStaticPaths Demo - A brief intro to react testing library

Week 51

🕜 2 Hours 30 Minutes

❗ Building an E-Commerce Site with GraphCMS - Next.js - Typescript - Recoil - GraphQL with Apollo - Stripe Checkout with Next.js API

Week 52

🕜 1 Hour 31 Minutes

❗ Introduction to Solidity programming with a Lottery Dapp - Deploying a Smart Contract to thirdweb - How to use a Smart Contract in Next.js

Week 53

🕜 1 Hour 55 Minutes

❗ Introduction to JIRA & Agile Scrum Tutorial - Freelancer Conversation Tips & Tricks - How to keep an organised and PLANNED developer workflow in a team - Behance & Dribblbe demo - Gitflow

Week 54

🕜 2 Hours 49 Minutes

❗ Intro to Next.js 13 - Next.js 12 complete walkthrough and comparison to 13 - Migration guide - Server Components vs Client Components

Week 55

🕜 2 Hours 28 Minutes

❗ How to use SWR to replace Redux in Next.js 13 - Caching Techniques including SWR Mutate - Pull/push data into a Redis DB using Upstash - API Endpoints - Client & Server components tutorial

Week 56

🕜 2 Hours 28 Minutes

❗ Creating an NFT Gated App - How to protect routes based on certain conditions using SSR vs Middleware approaches with Thirdweb NFT Drop example

+

NEW COACHING CALLS EVERY WEDNESDAY!

These Live Coaching Calls are lead by our OWN Success Coaches every Fridays for the whole community!

❗Building a REST API with Express and MongoDB - Testing API with POSTMAN - Deploying in Heroku - Controlling the API with a Web App - Fetching API to a Front-End Application

🕥 Lead by Aadil and Sanjay (2 Hours 49 Minutes)

❗In Depth into Git Command Line Interface - Diving in Linux Bash Commands

🕥 Lead by Kevin Barta (1 Hour 46 Minutes)

❗Learning Linear Data Structures in Node.js -On Learning, Tracking, Big O Notation, Code Runner Extension, Classes, LinkedList Node & Queue, and Stack

🕥 Lead by Robert Parsons (4 Hours 29 Minutes) 

❗Tasty Recipes of React

🕥 Lead by Shraddha Hinge (2 Hours 10 Minutes) 

❗Freelancing 101

🕥 Lead by Priyanshu Saraf (1 Hour 16 Minutes) 

❗Creating a React app with Webpack and Babel

🕥 Lead by Luka Resetar (2 Hours 09 Minutes) 

❗Databases 101 and Introduction to SQL

🕥 Lead by Yap Yee Qiang (1 Hour 48 Minutes) 

❗Introduction to CSS and Using Dribble Design with Tailwind CSS

🕥 Lead by Avneesh Agarwal  (2 Hours 19 Minutes)

❗Building WhatsApp 3.0 using ReactJS

🕥 Lead by Pranav Rajesh (6 Hours 41 Minutes) 

❗Building the Apple Homepage and the AirTags Page using ReactJS, NextJS and Tailwind CSS

🕥 Lead by Arjun Joshi (2 Hours 55 Minutes) 

❗Basics of Tailwind CSS

🕥 Lead by Arjun Joshi (48 Minutes) 

❗Building a Login System using Firebase, NextJS and Tailwind

🕥 Lead by Pranav Rajesh (1 Hour 57 Minutes) 

❗Creating blurred out blob Animations with Key Frames

🕥 Lead by Brian Artea (1 Hour 30 Minutes) 

❗React Testing using Jest and Enzyme

🕥 Lead by Aneesh Kalra (7 Hours 34 Minutes) 

❗Implementing File Upload and other Firebase tricks

🕥 Lead by Sanjay Tholani (2 Hours 38 Minutes) 

❗React Native Basics - Adding Text, Images, Buttons, Inputs, Modals and Navigation

🕥 Lead by Prashoon Bhattacharjee (2 Hours 24 Minutes)

❗Monetising React Native Apps with Google AdMob

🕥 Lead by William Gyekye (40 Minutes)

❗Creating a Login and Register Page - Redux async calls - Redux Thunks

🕥 Lead by Pedro Goncalves (3 Hours 29 Minutes)

❗Typescript Basics - Using TypeScript in Vanilla JavaScript

🕥 Lead by Rodgers Chayuga (1 Hour 56 Minutes)

❗Building an API with CRUD functionality - Working with MongoDb and Compass - Testing routes with POSTMAN - Handling errors and middleware

🕥 Lead by Luke Menton (1 Hour 52 Minutes)

❗Freelancing Tips - Learning basics of SCRUM - How to LinkedIn

🕥 Lead by Aadil Ghani (56 Minutes)  

❗React Native Set Up - App Icons - Splash Screen Integration - Reusable Components

🕥 Lead by Rodgers Chayuga (1 Hour 16 Minutes) 

❗Adapting Monolithic ReactJs/NextJs Applications to Microservice ReactJS/NextJs Applications

🕥 Lead by Chad Buie (1 Hour 06 Minutes) 

❗Implementing Google Auth in React Native - Typescript - React Navigation

🕥 Lead by Pranav Rajesh (2 Hours 01 Minute) 

❗A Guide To Advanced JavaScript Animations

🕥 Lead by Tino Taylor (4 Hours 57 Minutes) 

❗How to Mint Your Own Cryptocurrency

🕥 Lead by Brian Hough (1 Hour 56 Minutes) 

❗Integrating Stripe Payment with React Native

🕥 Lead by Ben Carter (1 Hour 40 Minutes) 

❗Optimizing search experiences with Elastic App Search & Google Cloud Firestore

🕥 Lead by Rodgers Chayuga (1 Hour 33 Minutes) 

❗Redux State Management and Redux Toolkit

🕥 Lead by José Santos (2 Hours 23 Minutes) 

❗Understanding & Creating a CRUD app demo using Firebase v9 functions and Stripe checkout

🕥 Lead by Tino Taylor (1 Hour 46 Minutes) 

❗Building an App that uses the MovieDB API with Framer-Motion animations

🕥 Lead by Marios Kanellopoulos (3 Hours 10 Minutes) 

❗Building the Mobile Version of the Papareact App

🕥 Lead by Michael Satumba (2 Hours 05 Minutes) 

❗Building amazing search experiences for users, with Algolia and NextJS - Adding search functionality to an E-commerce web app

🕥 Lead by Parth Patil (3 Hours 01 Minute)

❗UI / UX Fundamentals

🕥 Lead by Conrad Goh (39 Minutes)

❗How to build a Responsive Site using Next.js and Tailwind CSS

🕥 Lead by Arjun Joshi (1 Hour 14 Minutes)

❗Building 3D Shapes using Three.js in a Metaverse Home Page

🕥 Lead by Colin Dale (1 Hour 10 Minutes)

+ MORE EVERY FRIDAY!

We allow our members to voluntarily share their personal projects for the PAPA Community and they are value packed content for FREE!

❗️JavaScript: Difference between const, var and let - Loops: while and for - Arrays: Push, Pop, Shift, Unshift - Connecting JS function to React component

🕓 by Ben Elferink (19 Minutes)

❗️Video Bookmark App in React: useRef Hook - Spread Operator - Event Binding - Time Format

🕓 by Asad Memon (5 Minutes)

❗️React: Async functions (with a TRY/CATCH instead of a promise) - Fetching Data - Map an {Object}

🕓 by Ben Elferink (14 Minutes)

❗️React: Introduction to useRef Hook in React - Document Selector in VanillaJS vs useRef

🕓 by Asad Memon (4 Minutes)

❗️React: Responsive Navbar - Router, Switch, React-router-dom - NavLink - useState - CSS Media Queries - Font Awesome Icons

🕓 by Tommy Kelly (46 Minutes)

❗️JavaScript: JavaScript Interview Questions - String Manipulations

🕓 by Sanjay Tholani and Ben Elferink (45 Minutes)

❗️2D Game named Breakout made in React: Implementing 3rd Party Library called Phaser - useState and useEffect hooks -  Firebase Deploy

🕓 by Richard Lawlor (1 Hour 16 Minutes)

❗️React: Using State - Add & Edit State Items - Toggle Favourite (Boolean) and Render Filtered Lists - How To Use LocalStorage

🕓 by Ben Elferink and Aldo Echeverria (1 Hour 5 Minutes)

❗️JavaScript: Having Fun With Math to Animate, Creating a Console Game & Thinking Outside The Box

🕓 by Ben Elferink (50 Minutes)

+ MORE CAN BE SUBMITTED!

Available only for DIAMOND Members. These intense live calls happen fortnightly on Thursdays where Sonny goes in depth on tough concepts that are essential to know in the developing world!

Week 1

🕜 3 Hours 25 Minutes

❗ Introduction to Mentorship - Roadmap to success as a developer - Investment Strategies - Books to read - Tips and Tricks - How to correctly handle a form in React

Week 3

🕜 3 Hours 02 Minutes

❗ Total Recoil -> Learning Recoil.js - Book Recommendations - Performance Optimisations - Synchronous vs Async Calls - React Suspense - Security Considerations

Week 5

🕜 3 Hours 19 Minutes

❗ Serverless, Microservices & Architecture - SQL vs noSQL - Firebase Cloud Functions - Debugging

Week 7

🕜 3 Hours 15 Minutes

❗ Deep dive into NEXT.JS - Static Site Rendering vs Server Side Rendering - Optimisations with Lighthouse - Typescript

Week 9

🕜 3 Hours 15 Minutes

❗ Prototyping WhatsApp v2 with Next.js - 1-1 Messaging - Modelling Data - Online Statuses - Firebase Hooks

Week 11

🕜 3 Hours 25 Minutes

❗ Introduction to Tailwind CSS - HeroIcons Demonstration - Responsive & Mobile First Design

Week 13

🕜 3 Hours 27 Minutes

❗ Intro to GraphQL - Apollo Client & Server Setup - Next.JS - SSR with GQL - Queries & Mutations

Week 15

🕜 3 Hours 23 Minutes

❗ Next.js with GraphQL/Typescript - Code Reviews - Investment Advice - Q&A

Week 17

🕜 2 Hours 46 Minutes

❗ Mapping Space X Using OpenStreetMaps with Next.js SSR - Leaflet - API - Clustering Markers Together - Browser Geolocation API

Week 19

🕜 2 Hours 30 Minutes

❗ Transforming data from an API - Map, Reduce, Filter, Flat - Lodash - Debounce - Live Share demo

Week 21

🕜 2 Hours 52 Minutes

❗ Incremental Static Generation with Next.js - getStaticPaths - getStaticProps - Typescript

Week 23

🕜 3 Hours 50 Minutes

❗ Deep Dive into React Query using Next.js - Caching vs Persistence - Client Side vs Hydration via SSR - Prefetching - Local state Cache vs API cache

Week 25

🕜 2 Hours 57 Minutes

❗ Maps with React Native & Expo - Tailwind CSS with RN - Typescript - async inside useEffect demo - GeoLib - Marker Clustering on a RN Map

Week 27

🕜 3 Hours 27 Minutes

❗ React hooks Form - Yup Schema validation - Dropzone with RHF controllers - Handling Files - Next JS Basics & Routing - Regex

Week 29

🕜 2 Hours 59 Minutes

❗ Creating a Messenger app using getStream.io - Generating a JWT authentication token using Next.js AP - Full Stack Demo

Week 31

🕜 2 Hours 36 Minutes

❗ Implementing Modals & Upload Functionality to Instagram - Custom NextAuth Signin page & Custom Sessions - v9 Firebase SDK - Recoil - File Picker & Firebase Storage Demo

Week 33

🕜 3 Hours 06 Minutes

❗ Building a chat app with Socket.io & Next.js API - How to Ngrok a HTTPS tunnel from localhost - Startup Advice

Week 35

🕜 2 Hours 10 Minutes

❗ An Model Interview Full-Stack API exercise with Next.js & Typescript Support - Web 3.0 explanation - REST API's - Promise Handling with Async Requests

Week 37

🕜 2 Hours 50 Minutes

❗ First look at Supabase - SQL vs noSQL - Auth, SQL Database, Realtime - custom useAuth hook with Context API

Week 39

🕜 1 Hour 43 Minutes

❗ Integration & Unit Testing - Debugging Tools with VS Code - Productivity Hacks & Managing Stress

Week 41

🕜 2 Hours 32 Minutes

❗ Entrepreneurial deep dive - Income, Taxes & Investment streams tips - Freelancing tips - Client Procurement - How to Optimise your environment, circle & network

Week 43

🕜 2 Hours 22 Minutes

❗ Redux with Next.js & Typescript - Handling Side effects with Redux Thunk for Todo App - Breaking down the Redux Pattern - Q&A and Pair Programming

Week 45

🕜 2 Hours 15 Minutes

❗ How to write your first Contract - Handling International Payments the right way - Starting a YouTube Channel - Screenflow Tutorial - Interview Prep, Skills and Q&A

+ MORE EVERY FORTNIGHT!

YES!

This course covers everything from the BASICS to the most ADVANCED topics. This is a FULL Stack tutorial meaning both Frontend and Backend technologies will be taught. Whether you have ZERO experience or 10+ years of experience, this course is meant for you!

You can Upgrade Membership Type by paying the cost difference!

However, You CANNOT Downgrade to a cheaper membership and asking for a refund of the difference so please make your purchase carefully.

If you experience any issues, please contact the team at [email protected] and we will be happy to resolve the issue for you!

Currently we do not offer refunds. This is because we are building a COMMUNITY of ACTION-TAKERS and we have found that many people simply purchase products/courses and then refund before the trial period. We only want those who are COMMITTED to success inside this community.

Please read the course contents carefully before purchasing!

For more details, please read our Refund Policy

YES!

But there are a few conditions:

1) Cryptocurrency is accepted with a few major ones such as BTC, ETH, XRP

1) The payment must be a complete payment and not a 3 monthly plan EMI option 

3) Once you have the funds arranged, contact the team at [email protected] and we will assist you further with your purchase!