Scribd
Upload
3K views

Complete MERN Stack

The document provides details about a Full Stack Web Development Course using the MERN stack offered by WsCube Tech. The course covers topics including HTML, CSS, CSS3, HTML5, JavaScript, jQuery, Bootstrap, Tailwind CSS, and ReactJS. It provides overviews and outlines of the content that will be covered under each topic. Contact information is also provided for WsCube Tech.

Uploaded by

Jagannath Rath
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
3K views

Complete MERN Stack

The document provides details about a Full Stack Web Development Course using the MERN stack offered by WsCube Tech. The course covers topics including HTML, CSS, CSS3, HTML5, JavaScript, jQuery, Bootstrap, Tailwind CSS, and ReactJS. It provides overviews and outlines of the content that will be covered under each topic. Contact information is also provided for WsCube Tech.

Uploaded by

Jagannath Rath
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 19

Address: WsCube Tech, Laxmi Tower, Bhaskar Circle, Jodhpur, Rajasthan, India

Contact Us at: +919269698122, +919024244886. Mail us at: [email protected]

Full Stack Web Development Course


MERN Stack
 HTML
o HTML Editors
o HTML Basic
o HTML Elements
o HTML Image
o HTML Links
o HTML Images
o HTML List
o HTML Attributes
o HTML Headings
o HTML Paragraphs
o HTML Styles
o HTML Formatting.
o HTML Comment
o HTML Block
o HTML Classes
o HTML ID

 CSS
o CSS Syntax and Selectors

We provide training for Web Development, C, C++, Java, Core Java, Digital Marketing, UX, UI,
AWS, Python, ML, Laravel, React JS, Angular JS and Node JS.
Address: WsCube Tech, Laxmi Tower, Bhaskar Circle, Jodhpur, Rajasthan, India

Contact Us at: +919269698122, +919024244886. Mail us at: [email protected]

o CSS Colors
o CSS Backgrounds
o CSS Borders
o CSS (Cascading Style Sheet)
o Setting height and width
o Background Color
o Background Image
o Background Repeat
o Border
o Border Types
o Border Style
o Border Radius
o Text Indentation
o Text Transformation
o Letter Spacing
o Line Height
o Font Families
o Font Color
o Font Style
o Float and Clear
o Margin And Padding
o Text Alignment
o Text Decoration
o Word Spacing

We provide training for Web Development, C, C++, Java, Core Java, Digital Marketing, UX, UI,
AWS, Python, ML, Laravel, React JS, Angular JS and Node JS.
Address: WsCube Tech, Laxmi Tower, Bhaskar Circle, Jodhpur, Rajasthan, India

Contact Us at: +919269698122, +919024244886. Mail us at: [email protected]

o Text Shadow
o Position

 CSS3
o CSS Rounded Corners
o CSS Border Images
o CSS Multiple Backgrounds
o RGBA Colors
o CSS Gradients
o CSS Shadow Effects
o CSS Text Effects
o CSS 2D Transforms
o CSS 3D Transforms
o CSS Transitions
o CSS Animations
o CSS Styling Images
o CSS Buttons
o CSS Multiple Columns
o Resize
o CSS Box Sizing
o Details Tag
o Dialog Tag

 HTML 5
o Introduction To HTML5
o <!DOCTYPE html>

We provide training for Web Development, C, C++, Java, Core Java, Digital Marketing, UX, UI,
AWS, Python, ML, Laravel, React JS, Angular JS and Node JS.
Address: WsCube Tech, Laxmi Tower, Bhaskar Circle, Jodhpur, Rajasthan, India

Contact Us at: +919269698122, +919024244886. Mail us at: [email protected]

o Header Tag
o Footer Tag
o Article Tag
o Section Tag
o Figure Tag
o Aside Tag
o Audio Tag
o Video Tag
o Details Tag
o Dialog Tag
o Main Tag
o Nav Tag
o Summary Tag

 JavaScript
o JavaScript Introduction
o JavaScript Basics
o JS Comment
o JS Variable
o JS Global Variable
o JS Data Types
o JS Operators
o JS If Statement
o JS Switch
o JS slider

We provide training for Web Development, C, C++, Java, Core Java, Digital Marketing, UX, UI,
AWS, Python, ML, Laravel, React JS, Angular JS and Node JS.
Address: WsCube Tech, Laxmi Tower, Bhaskar Circle, Jodhpur, Rajasthan, India

Contact Us at: +919269698122, +919024244886. Mail us at: [email protected]

o JS Loop
o JavaScript DOM
o JS Events
o onclick
o onmouseover
o onmouseout
o onkeydown
o onload
o JS validation
o JS window.print()

 jQuery
o What is jQuery?
o adding the jQuery Library to Your Pages
o Basic jQuery Example
o Downloading jQuery
o jQuery Syntax
o The Document Ready Function
o How to use Custom Scripts?
o How to use Selectors
o jQuery – CSS Element Selector and ID Selector
o jQuery–CSS Element Class Selector and Universal Selector
o jQuery – CSS Multiple Elements E, F, G Selector
o jQuery Callback Functions
o Get Attribute Value

We provide training for Web Development, C, C++, Java, Core Java, Digital Marketing, UX, UI,
AWS, Python, ML, Laravel, React JS, Angular JS and Node JS.
Address: WsCube Tech, Laxmi Tower, Bhaskar Circle, Jodhpur, Rajasthan, India

Contact Us at: +919269698122, +919024244886. Mail us at: [email protected]

o Set Attribute Value


o Apply CSS Properties and Multiple CSS Properties
o Setting Element Width & Height
o JQuery CSS Methods
o JQuery Online Effects
o Slider
o Lightbox

 Bootstrap
o What is Bootstrap?
o Install Bootstrap and jQuery
o Media Query
o Bootstrap Grid System
o Containers
o Rows
o Columns
o Multiple columns
o Resetting columns
o Offsetting columns
o Nesting columns
o Push & Pull
o Bootstrap Components
o Glyphicons
o Dropdown
o Video

We provide training for Web Development, C, C++, Java, Core Java, Digital Marketing, UX, UI,
AWS, Python, ML, Laravel, React JS, Angular JS and Node JS.
Address: WsCube Tech, Laxmi Tower, Bhaskar Circle, Jodhpur, Rajasthan, India

Contact Us at: +919269698122, +919024244886. Mail us at: [email protected]

o Nav & Navbar


o Carousel
o Tabbing
o What is Media Query
o What is Responsive Web Design
o What screen resolutions do you use while taking screenshots

 Tailwind CSS
o Getting Started
o Core Concepts
o Customization
o Base Styles
o Layout
o Flexbox & Grid
o Spacing
o Sizing
o Typography
o Backgrounds
o Borders
o Effects
o Filters
o Transitions & Animation
o Transforms
o 2 projects using Tailwind CSS

 ReactJS
We provide training for Web Development, C, C++, Java, Core Java, Digital Marketing, UX, UI,
AWS, Python, ML, Laravel, React JS, Angular JS and Node JS.
Address: WsCube Tech, Laxmi Tower, Bhaskar Circle, Jodhpur, Rajasthan, India

Contact Us at: +919269698122, +919024244886. Mail us at: [email protected]

o Introduction
 Into to REACTJS course

o Getting started with ReactJS


 How to use exercise files
 What is React
 Tools that we need

o Working on the basics with ReactJS


 Finishing the hello world task
 Delete and recreate everything
 Adding CSS to our Hello World
 Everything is in its own file
 Reusable components

o Create a react template


 Understand the existing template
 Convert the HTML template into React App
 Reusable Card and Assignment

o Getting friendly with states


 What are props and states
 Preparing the state-based applications
 Complete counter application
 Assignment for counter app

o Building a Tic Tac Toe


 Your need to study first
 Preparing the Tic Tac Toe
We provide training for Web Development, C, C++, Java, Core Java, Digital Marketing, UX, UI,
AWS, Python, ML, Laravel, React JS, Angular JS and Node JS.
Address: WsCube Tech, Laxmi Tower, Bhaskar Circle, Jodhpur, Rajasthan, India

Contact Us at: +919269698122, +919024244886. Mail us at: [email protected]

 Sending icons from components


 Setup layout for tic tac toe
 Game is almost working
 Finishing tic tac toe and assignment

o Learn React Context API with projects


 The problem that contextAPI solves
 Detail on Context and Provider
 Detail on Consumer in contextAPI
 Understand the working of dark and light mode
 Creating a theme Toggler with Context API
 Finishing the theme switcher app

o App with Context API with reducers and actions


 What are we building here
 Create brain of the application
 Use Reducer for our app
 Add an input form
 Sending a dispatch
 Display the context data and dispatch

o Local storage and use Effect hooks


 Introducing the Effect hook
 A form to submit the data
 Looping through all the values
 Hooks and local storage in action

o Learn to handle API

We provide training for Web Development, C, C++, Java, Core Java, Digital Marketing, UX, UI,
AWS, Python, ML, Laravel, React JS, Angular JS and Node JS.
Address: WsCube Tech, Laxmi Tower, Bhaskar Circle, Jodhpur, Rajasthan, India

Contact Us at: +919269698122, +919024244886. Mail us at: [email protected]

 Learn to read docs for API


 let's read Axios docs
 Drill down the API
 Extracting information from API

o Designing a shopping cart API


 A walk through Pexels and JSON
 Add item to the cart
 Buy item and remove the item
 Fetching photos from API
 Store everything is state
 Card for every product
 Create cart section
 Bring the shop together
 Removing the duplicate

o Firebase with GitHub App


 What we are about to build
 React Router crash course
 Your tour to configure firebase
 Read firebase docs with me
 Creating components for firebase app
 Bring in the react router
 Headers and Footers
 Conditional rendering in Navbar
 Adding firebase configuration

We provide training for Web Development, C, C++, Java, Core Java, Digital Marketing, UX, UI,
AWS, Python, ML, Laravel, React JS, Angular JS and Node JS.
Address: WsCube Tech, Laxmi Tower, Bhaskar Circle, Jodhpur, Rajasthan, India

Contact Us at: +919269698122, +919024244886. Mail us at: [email protected]

 User Signup in firebase


 Logout and sign in user
 User card component
 Repo component
 Home page and finish the app

o Firebase real time database


 A challenge application
 Firebase real-time database
 Setting context and actions
 Creating reducers for contact
 Header and Footer tasks
 How to upload image in firebase storage
 Add and update contact in firebase
 Add or update finder
 Update star and delete contact
 Use dispatch and FIXME
 Get all data from firebase
 Loop through firebase object
 Firebase finale and assignment

o Redux App
 3 Principles of redux
 Bring in the central state
 Actions make redux simpler
 Reducer - brain part of app

We provide training for Web Development, C, C++, Java, Core Java, Digital Marketing, UX, UI,
AWS, Python, ML, Laravel, React JS, Angular JS and Node JS.
Address: WsCube Tech, Laxmi Tower, Bhaskar Circle, Jodhpur, Rajasthan, India

Contact Us at: +919269698122, +919024244886. Mail us at: [email protected]

 Component dispatching the info


 2 most important method for Redux
 Provider to give access of store
 Finally creating that store

o MongoDB
 What is mongoDB
 How does mongoDB works
 How to install mongoDB on MAC
 How to install mongoDB on Windows
 Create and Read operation in MongoDB
 ObjectID and BSON in mongoDB
 Triple A and CRUD operations in mongoDB
 UpdateOne and DeleteOne in #mongoDB
 UpdateMany and deleteMany in MongoDB
 Database issues with Update in MongoDB
 Getting more data in #mongodb
 Save bandwidth while querying in MongoDB
 Understanding objects structure in MongoDB
 What is schema in MongoDB
 Database modeling MongoDB series
 Relation in database MongoDB
 One-to-one relation in mongo database with id
 One to many relation in mongo database
 Many to Many relation in mongoDB

We provide training for Web Development, C, C++, Java, Core Java, Digital Marketing, UX, UI,
AWS, Python, ML, Laravel, React JS, Angular JS and Node JS.
Address: WsCube Tech, Laxmi Tower, Bhaskar Circle, Jodhpur, Rajasthan, India

Contact Us at: +919269698122, +919024244886. Mail us at: [email protected]

 Creating file structure and installing dependencies


 Creating our first student schema
 Connecting with mongodb with mongoose
 A read test in MongoDB
 A delete test for MongoDB
 An update test in MongoDB

 NodeJs
o Introduction
 What is Node.js?
 Features of Node.js
 Who Uses Node.js?
 Concepts
 Where to Use Node.js?
 Where Not to Use Node.js?

o Environment Setup
 Try it Option Online
 Local Environment Setup
 Text Editor
 The Node.js Runtime
 Download Node.js Archive
 Installation on UNIX/Linux/Mac OS X and SunOS
 Installation on Windows
 Verify Installation: Executing a File

We provide training for Web Development, C, C++, Java, Core Java, Digital Marketing, UX, UI,
AWS, Python, ML, Laravel, React JS, Angular JS and Node JS.
Address: WsCube Tech, Laxmi Tower, Bhaskar Circle, Jodhpur, Rajasthan, India

Contact Us at: +919269698122, +919024244886. Mail us at: [email protected]

o First Application
 Creating Node.js Application

o REPL Terminal
 Online REPL Terminal
 REPL Commands
 Stopping REPL

o NPM
 Installing Modules using NPM
 Global vs Local Installation
 Using package.json
 Attributes of Package.json
 Uninstalling a Module
 Updating a Module
 Search a Module
 Create a Module

o Callback Concept
 What is Callback?
 Blocking Code Example
 Non-Blocking Code Example

o Event Loop
 Event-Driven Programming
 Example
 How Node Applications Work?

We provide training for Web Development, C, C++, Java, Core Java, Digital Marketing, UX, UI,
AWS, Python, ML, Laravel, React JS, Angular JS and Node JS.
Address: WsCube Tech, Laxmi Tower, Bhaskar Circle, Jodhpur, Rajasthan, India

Contact Us at: +919269698122, +919024244886. Mail us at: [email protected]

o Event Emitter
 Event Emitter Class
 Methods
 Class Methods
 Events
 Example

o Buffers
 Creating Buffers
 Writing to Buffers
 Reading from Buffers
 Convert Buffer to JSON
 Concatenate Buffers
 Compare Buffers
 Copy Buffer
 Slice Buffer
 Buffer Length
 Methods Reference
 Class Methods

o Streams
 What are Streams?
 Reading from a Stream
 Writing to a Stream
 Piping the Streams
 Chaining the Streams

We provide training for Web Development, C, C++, Java, Core Java, Digital Marketing, UX, UI,
AWS, Python, ML, Laravel, React JS, Angular JS and Node JS.
Address: WsCube Tech, Laxmi Tower, Bhaskar Circle, Jodhpur, Rajasthan, India

Contact Us at: +919269698122, +919024244886. Mail us at: [email protected]

o File System
 Synchronous vs Asynchronous
 Open a File
 Get File Information
 Writing a File
 Reading a File
 Closing a File
 Truncate a File
 Delete a File
 Create a Directory
 Read a Directory
 Remove a Directory
 Methods Reference

o Global Objects
 __filename
 __dirname
 setTimeout(cb, ms)
 clearTimeout (t)
 setInterval(cb, ms)
 Global Objects
 Console Object
 Process Object

We provide training for Web Development, C, C++, Java, Core Java, Digital Marketing, UX, UI,
AWS, Python, ML, Laravel, React JS, Angular JS and Node JS.
Address: WsCube Tech, Laxmi Tower, Bhaskar Circle, Jodhpur, Rajasthan, India

Contact Us at: +919269698122, +919024244886. Mail us at: [email protected]

o Utility Modules
 OS Module
 Path Module
 Net Module
 DNS Module
 Domain Module

o Web Module
 What is a Web Server?
 Web Application Architecture
 Creating a Web Server using Node
 Make a request to Node.js server
 Creating a Web client using Node

o Express Framework
 Express Overview
 Installing Express
 Hello world Example
 Request & Response
 Request Object
 Response Object
 Basic Routing
 Serving Static Files
 GET Method
 POST Method
 File Upload

We provide training for Web Development, C, C++, Java, Core Java, Digital Marketing, UX, UI,
AWS, Python, ML, Laravel, React JS, Angular JS and Node JS.
Address: WsCube Tech, Laxmi Tower, Bhaskar Circle, Jodhpur, Rajasthan, India

Contact Us at: +919269698122, +919024244886. Mail us at: [email protected]

 Cookies Management

o RESTful API
 What is REST Architecture?
 HTTP methods
 RESTful Web Services
 Creating RESTful for a Library
 List Users
 Add Users
 Show Detail
 Delete a User

Projects in this course


Frontend
 5-7 Static websites using HTML, CSS, JS, Bootstrap and Tailwind
 4-5 Apps / Website using React JS

Backend
 3-4 Small scale Apps
 1 Complete backend APIs app

Full Stack
 Complete E-commerce Application

We provide training for Web Development, C, C++, Java, Core Java, Digital Marketing, UX, UI,
AWS, Python, ML, Laravel, React JS, Angular JS and Node JS.
Address: WsCube Tech, Laxmi Tower, Bhaskar Circle, Jodhpur, Rajasthan, India

Contact Us at: +919269698122, +919024244886. Mail us at: [email protected]

Features of this program


 Daily recording
 Beginners course
 Doubts sessions
 Complete Practical Course
 Industry like projects
 Job ready curriculum

We provide training for Web Development, C, C++, Java, Core Java, Digital Marketing, UX, UI,
AWS, Python, ML, Laravel, React JS, Angular JS and Node JS.

You might also like