MERN Docs
  • Welcome to Guvi Docs!
  • Quick Start
  • Docs
    • Module 1 - JS basics
      • Introduction to web Browser
      • Browser Wars
      • DOM Tree and CSSOM Tree
      • Browser Internals
      • Layout Engines vs. JavaScript Engines
      • V8 Engine Internals
      • IP, MAC address, Ports & Evolution of HTTP
      • How the Server looks at the URL
      • Request & Response Cycle!
      • HTML Browser View
      • Browser JavaScript vs Node.js
      • Data Types in JavaScript
      • Window & Document Object
      • Arrays
      • JSON
      • Hoisting & Scope
      • Function and It's Types
      • Array Methods
      • ES5 vs ES6
        • OOP, this, Rest & Spread Operator
        • Array & Object Destructuring
        • Arrow Functions
    • Module 2 - HTML, CSS, Bootstrap
      • HTML
        • What is HTML?
        • Basic tags in HTML
        • Inline vs. Block Elements
        • Div vs Section vs Article
        • HTML Forms & Form Input Elements
      • CSS
        • What is CSS?
        • Property vs Value
        • Tag vs Class vs ID
        • Pseudo-classes
        • Parent Inheritance
        • Box Model: Margin, Padding, and Border
        • Flexbox
        • Position Property
        • Overflow Property
        • Box-shadow
        • Media Queries
      • Bootstrap
        • What is Bootstrap?
        • Containers, Grid Systems, and Gutters
        • Responsive Web Design
    • Module 3 - DOM Manipulation
      • Document Object and Window Object
      • Method in Document object
        • createElement()
        • setAttribute()
        • innerHTML vs innerText
        • append() vs appendChild()
        • getElementById() vs querySelector() vs querySelectorAll()
      • Method in Window object
        • prompt() vs alert() vs confirm()
        • setTimeout() vs setInterval()
      • Events - Changing CSS through JavaScript
      • Cookies & Session, Local Storage
    • Module 4 - Advance JS
      • Callbacks and the Event Loop
      • Promise
        • What are the states in the promise?
        • Promise Chaining
        • Fetch API
      • Async/Await
    • Module 5 - ReactJS
      • What is SPA?
      • Overview of ReactJS
      • Installation & Project Setup
      • Deep Down with Components
      • Walkthrough on Conditional Rendering
      • Usage of State and Props
      • Passing Data Between Components
      • Deep Down with React Hooks
        • useState
        • useEffect
        • useRef
        • useContext
        • useReducer, useMemo, and useCallback
        • Custom Hooks
      • Working and implementation with React Router
      • Playing Around with Axios for CRUD
    • Module 6 - Redux
      • Redux toolkit in Detail
      • Setting Up a Redux Toolkit Store
      • Reducers & actions
      • Creating Async Thunks
      • Hands-on with state management application.
    • Module 7 - Database
      • MySQL
        • Overview of MySQL
        • Basic CRUD Queries
        • Deep Down with SELECT Query
        • Normalization & Database Modeling
      • MongoDB
        • Overview of SQL & NoSQL
        • Overview of MongoDB
        • Installation and Basic Configuration
        • Basic CRUD with Command Line
        • Deep Dive into find() Method: Query and Projection
        • Basic Cursor Methods
    • Module 8 - NodeJS
      • What is backend & exploring NodeJS?
      • Understanding & Project Setup
      • Deepdown with Packages & Filesystem
      • What is Express.js?
      • What is Middleware?
      • Working around with API’s & Postman
      • Understanding MVC and Its Importance
      • Connecting with MongoDB & Mongoose
      • Authentication
      • Custom Middlewares
Powered by GitBook
On this page
  1. Docs

Module 1 - JS basics

In this module, you'll dive into the fundamentals of website functionality, exploring JavaScript basics, and more.

Introduction to web BrowserBrowser WarsDOM Tree and CSSOM TreeBrowser InternalsLayout Engines vs. JavaScript EnginesV8 Engine InternalsIP, MAC address, Ports & Evolution of HTTPHow the Server looks at the URLRequest & Response Cycle!HTML Browser ViewBrowser JavaScript vs Node.jsData Types in JavaScriptData Types in JavaScriptWindow & Document ObjectArraysJSONHoisting & ScopeFunction and It's TypesArray MethodsES5 vs ES6

Each step forward, no matter how small, brings you closer to your goals. Embrace the journey and keep moving forward.

PreviousQuick StartNextIntroduction to web Browser