Description
Zero to Full Stack Hero is a complete web development course. You don’t need any programming experience to use this course, we’ll start with the basics of web development and work towards a master’s degree in React. In this way, you will learn existing technologies such as Redux, Firebase, Typescript, Next.js, mongoDB.
The instructor of this course has more than ten years of coding experience and as a full-stack developer, he has worked in startups and large companies and gained a lot of experience. He is very interested in teaching his skills to others and for this reason he has trained many people so far that he has been seen by millions of people on YouTube.
What you will learn in Papa React – Zero to Full Stack Hero:
- Full Stack Development: Covers all components of web development, including Frontend and Backend technologies and everything in between.
- Development training from basic to advanced level
- Principles of REACT
- All web development requirements including HTML, CSS, Javascript
- Learn CSS skills by learning Flexbox, CSS Grid, Bootstrap, Material-UI to improve the look of your site
- Complete Reaction Training
- REDUX training
- How to get server side rendering
- FIREBASE training
- Backend programming training with NODE.JS and EXPRESS training
- Learn to use TYPESCRIPT
- Complete learning of GRAPHQL
Course specifications
Editor: Dad reacts
Instructors: Son
French language
Education Level: Basic to Advanced
Duration: 101.5 hours
Zero to Full Stack Hero course titles:
Introduction to React
Component-based design
Create a React app
VS Code Extensions
Introducing JSX
BEM naming convention
Class-Based Components vs Functional Components
Introduction to the State
Introduction to accessories
Style Components
Creation of our first input form
Hook rules
The useEffect hook
Building our first custom hook and how to use a useRef!
Introduction to basics of web development
Extensions you MUST install now!
HTML introduction and document layout
Tags and attributes
Adding links and images
Lists and tables
An Introduction to Divs
Classes and identifiers
Reach and online
Introduction to Storybook – Image Optimization in Next.js – Mobile First Design with Tailwind CSS – Saga and Thunk Discussion
Getting started with Tailwind CSS – Tailwind JIT – Dark mode with local storage – Mobile-first responsive design – Themes – Next.JS
Introduction to CSS and Using Dribble Design with Tailwind CSS by AVNEESH AGARWAL
JavaScript
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
JavaScript: Creating a Console Game (thinking outside the box) by Ben Elferink
JavaScript: Having fun with mathematics to animate and think outside the box by Ben Elferink
JavaScript: JavaScript Interview Questions – String Manipulations by Sanjay Tholani and Ben Elferink
Props and Status – Class and Functional Components – Productivity Hacks – Book Recommendations – VS Code Extensions
React Hooks Fundamentals – React Hook Forms – CSS Modules – Datalist Dynamic Search – Investment Advice and Client Negotiation
Recoil Mastery – Atoms/Selectors – Recoil vs Redux – Open Q&A – Presentation Components – React Suspense – Async in Recoil – State Persistence
Creating a Weather Application – API – String Manipulation – useRef – Git – MomentJS – CSS Media Queries – ES6 Reduce – Glassmorphism
Google Sheets API + React – React-hook-form – Form validation – useRef vs useState – Axios and API – Data Fetching
Learn with different projects +:
Introduction to Framer Motion – JS Animations – Portfolio Ideas & Inspirations – Firebase Cloud Functions Discussion
Using Charts in React (ApexCharts) – react-firebase-hooks – Converting Class-Based Components to Functionals – Node & Express – Conditional Rendering
Creation of a React application with Webpack and Babel by LUKA RESETAR
Tasty React Recipes by SHRADDHA HINGE
2D game named Breakout made in React: Implementation of a third-party library called Phaser – useState and useEffect hooks – Firebase Deploy by Richard Lawlor
Working with State – Add and Edit State Items – Toggle Preferred (Boolean) and Filtered Render Lists – How to Use LocalStorage by Ben Elferink and Aldo Echeverria
Asynchronous functions (with a TRY/CATCH instead of a promise) – Fetching Data – Map an {Object} by Ben Elferink
Responsive Navigation Bar – Router, Switch, React-router-dom – NavLink – useState – CSS Media Queries – Font Awesome Icons by Tommy Kelly
Video bookmark application in React: hook useRef – Broadcast operator – Event binding – Time format by Asad Memon
Introduction to useRef Hook in React – Document selector in VanillaJS vs useRef by Asad Memon
Building an Ecommerce Site with Redux – Cart Implementation – Actions and Selectors – Collapse Function – Routing in Next.js Vs React Router – Q&A
Basic Redux Concepts – Building a TODO Application with Redux Implementation by PEDRO GONCALVES
React
Introduction to React Native & Expo – Testing Suggestions – React Native Lifecycle Focus & Blur – Interview Tips – Performance Optimizations
Build REST API with Express and MongoDB – Test API with POSTMAN – Deploy in Heroku – Control API with web application – Fetch API to frontend application by AADIL and SANJAY
Firebase Hosting 101 (Images & Videos) – Media Types – Progress Indicators – Q&A
Firebase Cloud Functions – Using Express on a Cloud Function – CORS – SQL vs NoSQL – Data Modeling – Hindsight Overview
Drag and drop it like it’s hot! (dnd) – Introduction to typescript – Portfolio 101
Introduction to Typescript with Next.js – Building a Menu the Right Way with Headless UI – Tailwind CSS
Build a translation app with Firebase extensions – Next.JS – Internationalization – SSR vs SSG – Netlify & Vercel deployments
Handling Different Authentication Methods in Next.js – NextAuth – Facebook and Google Login – Advantages and Disadvantages – Next.js Image Component and Webp Explanation – Lazy Loading
Stripe Session Checkout & Backend Next.js – Nvm Node Version Check – Productivity Tips – react -hooks-form
Next.js SSR vs SSG in practice – API’s – useRouter – How to deploy a Next.js application on Vercel – Q&A session
Introduction to GraphQL – Apollo Client and Server Setup – Next.JS – SSR with GQL – Queries and Mutations [DIAMOND PREVIEW]
Productivity and Life Hacks 101 – Time Management – Roadmap from Beginner to Entrepreneur – Career Guide & Mentoring – Questions and Answers
Databases 101 and Introduction to SQL by YAP
QIANG Freelancing 101 by PRIYANSHU SARAF
Learning Linear Data Structures in Node.js – on Learning, Tracking, Big O Notation, Code Runner Extension, Classes, Node and LinkedList Queue and Stack by ROBERT PARSONS
Deep into the Git CLI – Linux Bash Commands Dive by KEVIN BARTA
Zero to Full Stack Hero Requirements:
This course covers everything from the BASICS to the most ADVANCED topics. This is a FULL Stack tutorial which means both Frontend and Backend technologies will be taught. Whether you have ZERO experience or more than 10 years of experience, this course is for you!
Pictures
Sample Zero to Full Stack Hero movie:
Installation guide
After ripping, watch with your favorite player.
Subtitle: None
Quality: 1080p
Download link
File password(s): ngaur.com
Cut
35.1 GB