AcculizeinTech - Ethical Hacking Institute In Agra /
Digital Marketing Course In Agra / Graphics Designing
Institute In Agra
By Ishika Agarwal
Intern
Full Stack
Course curriculum
FullStack
FRONTEND FRAMEWORKS AND LIBRARIES
What You’ll Learn in This MERN Stack Course?
Part – 1: HTML, CSS , JAVASCRIPT, REACT, BOOTSTRAP
MODULE 01
HTML
HTML Formatting
Bold
Italic Text
Underlined Text
trike Text
Monospaced Font Superscript Text
Subscript Text
Inserted Text
Smaller Text
Larger Text
Deleted Text
Emphasized Text
Marked Text/Highlight Text
Strong Text
Text Abbreviation
Text Direction
Quoting Text
Short Quotations
Address Text
HTML comments
Normal comment
Conditional Comments
Using Comment Tag
HTML Images
HTML Link
URL (Uniform Resource Locator)
E-mail Link
SMS Link
Target Link
Phone Link
Download Link
Move to Top in Page
Linking to a specific part of the same page
Base Path/URL
HTML Table
Table Headings
Cellpadding and Cellspacing Attributes
Colspan and Rowspan Attribute
Table Header, Body, and Footer
Nested Tables
HTML Form
Form
<form>
</form>
Input Restrictions
HTML Input Attributes
HTML5 Attributes
Linking to other sites (absolute URL)
Module-02
Module-03
Module-05
React
1. Introduction to React
o What is React?
o Why React?
o React Environment Setup
o Create React App
o React Components
o React JSX
2. React Basics
o React Rendering Elements
o React Components
o React Props
React State
Module-06
o React life cycle methods
3. Handling Events
o Handling Events in React
o React Forms
o Controlled Components
o React Conditional Rendering
4. React Lists and Keys
o Rendering Lists
o Using Keys
5. React Hooks
o Introduction to Hooks
o useState Hook
o useEffect Hook
o Custom Hooks
React Router
o Introduction to React Router
o Setting up React Router
o Route Matching
o Navigating with React Router
React State Management
o Context API
o useContext Hook
React Higher-Order Components (HOC)
o Understanding Higher-Order Components
React Projects
o Mini projects to practice
Part – 2: NodeJs, ExpressJs, MongoDb
Module-07 NodeJs
Module-08
Module-09
Module-10
Module-11 Module-12 Express Js
Module-13 MONGO
MongoDB is a NoSQL database that provides a flexible, scalable, and high-performance database
solution. It stores data in JSON-like documents,
1. Introduction to MongoDB
2. Installing MongoDB
3. Basic Concepts
•Database: A container for collections.
•Collection: A group of MongoDB documents, similar to a table in relational databases.
4. CRUD Operation
5.Querying Data
6. Indexes
7. Aggregation
8. Working with Mongoose
9. Schema Design: Design your schema according to your application needs and query patterns.
•Indexing: Use indexes to optimize query performance.
•Data Validation: Use Mongoose or MongoDB’s built-in validation to enforce data integrity.
THANK YOU

OfficeINduction.pptx full stack complete

  • 1.
    AcculizeinTech - EthicalHacking Institute In Agra / Digital Marketing Course In Agra / Graphics Designing Institute In Agra By Ishika Agarwal Intern Full Stack Course curriculum FullStack
  • 5.
  • 6.
    What You’ll Learnin This MERN Stack Course? Part – 1: HTML, CSS , JAVASCRIPT, REACT, BOOTSTRAP MODULE 01 HTML HTML Formatting Bold Italic Text Underlined Text trike Text Monospaced Font Superscript Text Subscript Text Inserted Text Smaller Text Larger Text Deleted Text
  • 7.
    Emphasized Text Marked Text/HighlightText Strong Text Text Abbreviation Text Direction Quoting Text Short Quotations Address Text HTML comments Normal comment Conditional Comments Using Comment Tag HTML Images HTML Link
  • 8.
    URL (Uniform ResourceLocator) E-mail Link SMS Link Target Link Phone Link Download Link Move to Top in Page Linking to a specific part of the same page Base Path/URL HTML Table Table Headings Cellpadding and Cellspacing Attributes Colspan and Rowspan Attribute Table Header, Body, and Footer
  • 9.
    Nested Tables HTML Form Form <form> </form> InputRestrictions HTML Input Attributes HTML5 Attributes Linking to other sites (absolute URL)
  • 10.
  • 11.
  • 12.
  • 13.
    React 1. Introduction toReact o What is React? o Why React? o React Environment Setup o Create React App o React Components o React JSX 2. React Basics o React Rendering Elements o React Components o React Props React State Module-06
  • 14.
    o React lifecycle methods 3. Handling Events o Handling Events in React o React Forms o Controlled Components o React Conditional Rendering 4. React Lists and Keys o Rendering Lists o Using Keys 5. React Hooks o Introduction to Hooks o useState Hook o useEffect Hook o Custom Hooks
  • 15.
    React Router o Introductionto React Router o Setting up React Router o Route Matching o Navigating with React Router React State Management o Context API o useContext Hook React Higher-Order Components (HOC) o Understanding Higher-Order Components React Projects o Mini projects to practice
  • 16.
    Part – 2:NodeJs, ExpressJs, MongoDb
  • 17.
  • 18.
  • 19.
    Module-13 MONGO MongoDB isa NoSQL database that provides a flexible, scalable, and high-performance database solution. It stores data in JSON-like documents, 1. Introduction to MongoDB 2. Installing MongoDB 3. Basic Concepts •Database: A container for collections. •Collection: A group of MongoDB documents, similar to a table in relational databases. 4. CRUD Operation 5.Querying Data 6. Indexes 7. Aggregation 8. Working with Mongoose 9. Schema Design: Design your schema according to your application needs and query patterns. •Indexing: Use indexes to optimize query performance. •Data Validation: Use Mongoose or MongoDB’s built-in validation to enforce data integrity.
  • 20.