Node, React, Gatsby with GraphQL and WP

courses_09

In third module you’ll cover Node, React, Gatsby with graphql and WP After the completion on 3rd module you’re considered as a MERN stack developer and your worth will be upto 100k. This module includes 38 projects, 20 capstone projects and 820 challenges. Detailed information about the module is given below

What You`ll Learn on This Section

    • Node.js Module System
    • Importing Node.js Core Modules
    • Importing npm Modules
    • Global npm Modules and nodemon
    • File System and Command Line
    • File System and Command Line
    • Getting Input from Users
    • Argument Parsing with Yargs¦ Part I
    • Argument Parsing with Yargs¦ Part II
    • Storing Data with lSON
    • Open modal

    • Asynchronous Node.js
    • Asynchronous Basics
    • Call Stack, Callback Queue, and Event Loop
    • Making HTTP Requests
    • Customizing HTTP Requests
    • An HTTP Request Challenge
    • Handling Errors
    • The Callback Function
    • Callback Abstraction
    • Callback Abstraction Challenge
    • Open modal

    • MongoDB and Promises
    • Databases and Advanced Async Development
    • MongoDB and NoSQL Databases
    • Installing MongoDB on Windows
    • Installing Database GUI Viewer
    • Connecting and Inserting Documents
    • Inserting Documents
    • The ObjectID
    • Querying Documents
    • Promises
    • Open modal

    • API Authentication and Security
    • Securely Storing Passwords
    • Logging in Users
    • lSON Web Tokens
    • Generating Authentication Tokens
    • Express Middleware
    • Accepting Authentication Tokens
    • Advanced Postman
    • Logging Out
    • Hiding Private Data
    • Open modal

    • Real–Time Web Applications with Socket.io
    • Creating the Chat App Project
    • WebSockets
    • Getting Started with Socket.io
    • Socket.io Events
    • Socket.io Events Challenge
    • Broadcasting Events
    • Sharing Your Location
    • Event Acknowledgements
    • Form and Button States
    • Open modal

    • GraphQL Basics- Schemas and Queries
    • GraphQL Queries
    • Nested GraphQL Queries
    • Setting up Babel
    • ES6/7 Import/Export
    • Creating Your Own GraphQL API
    • GraphQL Scalar Types
    • Live Reload for GraphQL–Yoga
    • Creating Custom Types
    • Operation Arguments
    • Open modal

    • Kraken Setup h Foundation
    • Routes h Views – Part A
    • Routes h Views – Part B
    • Database h Models
    • Admin CRUD – List h Add Books
    • Admin CRUD – Edit h Delete Books
    • Shopping Cart

    • Cassandra Install h Setup
    • FindaDoc User Interface
    • Express Setup
    • Express Layout
    • Fetch Doctors From Cassandra
    • Add h Search Doctors

    • MySQL h App Setup
    • Add Projects
    • Display Projects
    • Edit h Delete Projects

    • App & Kickstart Setup
    • Fetching Classes
    • Registering Users
    • Logging In Users
    • Instructor & Student Classes
    • Class Lessons

    • PostgreSQL Install h Database Setup
    • App h Dust Setup
    • Fetching h Displaying Recipes
    • Adding Recipes
    • Deleting Recipes
    • Editing Recipes

    • React Components
    • ES6/7 Classes
    • Creating a React Component
    • Nesting Components
    • Component Props
    • Events h Methods
    • Method Binding
    • What Is Component StateY
    • Adding State to Counter App
    • Alternative setState Syntax
    • Open modal

    • Setting Up Budget App
    • React–Router 1◇1
    • Setting up a 4◇4
    • Linking Between Routes
    • Organizing Our Routes
    • Query Strings and URL Parameters
    • Build It¦ Router for Portfolio Site
    • Redux
    • Setting up Redux
    • Dispatching Actions
    • Open modal

    • Install Packages our for Project
    • Setup and Building a GraphQL Backend
    • Git Clone and npm Install Dependencies
    • Initialize Express Server
    • Create MongoDB Atlas Database and Connect To It
    • Create Mongoose Schemas
    • Add Apollo–Express Middleware
    • Create GraphQL Schema
    • Add bodyParser Middleware and Root Query Type
    • Queries and Mutations in GraphQL / GraphiQL
    • Open modal

    • Files h Webpack Setup
    • Main App Component
    • Profile Component
    • RepoList h Repo Components
    • Search Componen
    • Github Profile Viewer Quiz
    • Open modal

    • App Component Setup
    • QuestionList h Question Component
    • Quiz Logic
    • Quick Quiz Application Quiz

    • Flux Structure
    • Flux Setup h Preperation
    • SearchForm Component
    • Working With The API
    • Displaying Results
    • Firebase ContactList
    • Flux Boilerplate Setup
    • Adding Contacts To Store
    • Persisting Data To Firebase
    • Listing h Deleting Contacts

    • Stickypad Boilerplate Setup
    • AddNoteForm Component
    • Add h Fetch Notes From MongoLab
    • Display Sticky Notes

    • InfoFinder Fluxboiler Setup
    • Search Form
    • Fetch Data From DuckDuckGo API
    • Display Results
    • InfoFinder Search Engine Quiz

    • Boiler h Add Video Form
    • Persist Data To Firebase
    • Displaying Videos
    • Deleting Videos

    • Webpack h React Setup
    • Server Connection Setup
    • Adding Messages
    • Display Messages
    • Username Functionality

    • Setup h ShowForm State
    • Add Workout Form
    • Using LocalStorage
    • Fetch h Display Workouts
    • Deleting Workouts
    • Workoutlogger Quiz

    • Font Awesome Update
    • Install and Setup
    • Font Awesome Update!
    • Navbar Component Logic
    • Navbar Component SASS
    • Main Project Structure
    • TourList Component
    • Tour Component Logic
    • Tour Component Styling
    • Tour Info Toggle
    • Open modal

    • Font Awesome Update!
    • Bootstrap and Folder Structure
    • Github and Netlify Pipeline
    • App Component
    • Input Component
    • Handle Change and HandleSubmit
    • Todo List Component
    • Todo Item Component
    • Clear List and Delete Method
    • Edit Method

    • Setup Files and CSS
    • Scaffold React Application
    • Page Setup
    • Router Setup
    • Navbar Component
    • Hero Component
    • Banner Component
    • Services Section
    • Local Data
    • Context Api Setup
    • Open modal

    • Google Fonts, CSS Variables and App.css
    • Github – Netlify Pipeline
    • React–Icons Intro Styled–
    • Components Intro Folder and
    • Page Structure React Router
    • Setup Navbar–Sidebar–Sidecart
    • Footer Context API Intro
    • Context API Setup
    • Navbar Context API
    • Navbar Component
    • Open modal

    • Project Setup Files
    • Bootstrap Application
    • Folder Structure
    • Initial List
    • UseState Setup
    • App Component Return
    • Expense List
    • Expense Item
    • Expense Form
    • Controlled Inputs
    • Open modal

    • Folder Structure
    • React Router Dom Install and Basic Setup
    • First Pages
    • Error Page
    • Single Cocktail Setup - Url Parameters
    • Navbar
    • About Page
    • Error Page
    • Home Page Setup
    • UseEffect and API Setup

    • Folder Structure
    • Router Setup
    • Basic Routes
    • Error Page
    • Product Details Page
    • Header
    • Error Page
    • About Page
    • Hero Component
    • Context API Intro
    • Open modal

    • Project setting up
    • Creating the Header
    • Header sidedrawer
    • Finishing the Header
    • Slider section
    • Adding a countdown
    • Finishing countdown
    • Venue NFO component
    • Highlight section
    • Button reusable component

    • Project setting up
    • Adding a Header
    • Finishing Header, adding Footer
    • Home¦ featured Animation
    • Home¦ Finishing featured Animation
    • Tags RC
    • Adding Firebase
    • Home¦ Adding the Match blocks component
    • Home¦ Finishing the Match blocks component
    • Home¦ Meet the players component
    • Open modal

    • SERVER¦ initial setup
    • SERVER¦ env and middleware
    • SERVER¦ User model
    • SERVER¦ Registering users
    • SERVER¦ Hashing passwords
    • SERVER¦ Login users and creating tokens
    • SERVER¦ Auth route
    • SERVER¦ Logout
    • SERVER¦ Brand model and routes
    • SERVER¦ Woods model and routes
    • Open modal

    • The Long Road Ahead
    • Github + Project Repositories
    • Course Guideline + Github Links
    • E-commerce Homepage + SASS setup
    • Project Files + Modules
    • Project Component Architecture
    • CSS and SCSS files
    • Homepage and Directory Components
    • Styling Menu Items
    • Routing In Our Project
    • Open modal

    • Setup Files
    • Bootstrap Gatsby Application
    • Folder Structure
    • Creating Pages
    • Gatsby Link Component
    • Layout Component
    • Styling Intro
    • Inline CSS
    • Global CSS
    • Component CSS
    • Open modal

    • Setup Files
    • gatsby-plugin-mdx
    • gatsby-plugin-mdx
    • allMdx Query
    • Component Setup
    • Post Template Structure
    • Setup Strapi(Back-End)
    • Deploy Gotchas
    • Open modal

    • Setup Files and Future Resources
    • Bootstrap New Gatsby Application
    • Project Coffee Cup Icon
    • Adding React Icons
    • Netlify - Github - Pipeline Setup
    • Navbar Component
    • Background Image Component
    • Info Section and Title Component
    • Footer Component
    • About Page
    • Open modal

    • Setup
    • Install Gatsby
    • Gatsby Folder Structure
    • Deploy On Netlify
    • Project Spring Cleaning
    • Use CSS in Gatsby
    • Use Bootsrap in Gatsby
    • Use SASS in Gatsby
    • Use Styled-Components in Gatsby
    • Use React-Icons in Gatsby
    • Open modal

    • Header h Footer
    • Convert Static HTML Template into WordPress
    • Interior Page Template
    • Parent h Children Pages
    • To Echo or Not To Echo
    • Menu of Child Page Links
    • Navigation Menus
    • Building the Blog Section
    • Blog Listing Page
    • Blog Archives (archive,php)
    • Open modal

Who This Course is for

This module is for candidates who have knowledge about JavaScript ES/5, ES/6, ES/7, ES/8, ES/9, and ES/10.

Overview

  • Projects: 38
  • Duration: 4 months
  • Capstone Projects: 20
  • 20+ Assignments
  • 500+ challenges
Curriculum is empty