icon Join Our New AWS Training Batch – Starting 10th November 2025! ENROLL NOW

Full Stack Web Development (MEAN & MERN)

Learn full stack web development with Learnomate. Our comprehensive course covers front-end and back-end technologies, including HTML, CSS, JavaScript, Node.js, and databases. Learn to build and deploy dynamic web applications from scratch. Join us to gain the skills needed to kickstart your career in web development!  

Full Stack Web Development (MEAN & MERN)

Course Overview

Full Stack Web Development (MEAN & MERN)

Syllabus

  • Introduction to Full stack and Purpose of it
  • Introduction to Web Application
  • Architecture of Web Application
  • Introduction to HTML?
  • Why to Learn HTML?
  • HTML Editors
  • HTML Document Structure
  • HTML Meta Tags
  • HTML Element?
  • HTML Tags
  • HTML Attributes
  • HTML Comments
  • HTML Style Guide
  • HTML Headings
  • HTML Paragraphs
  • HTML Line Breaks
  • HTML Text Formatting Elements
  • HTML Preformated (pre) & Horizontal (hr) rule
  • HTML Links (Anchor Tag)
  • HTML Images
  • HTML Image Links
  • HTML Figure and Figcaption Tag
  • HTML Tables, HTML Lists
  • HTML Block and Inline Elements, HTML class Attribute, HTML id Attribute, HTML Iframes
  • HTML Computer Code Elements
  • HTML Semantic Elements / Tags
  • HTML Marquees
  • HTML Forms
  • HTML New Input Type
  • HTML Progress Ta
  • HTML Media- Video, Audio
  • CSS Selectors
  • How To Add CSS
  • CSS Colors
  • CSS Backgrounds
  • CSS Fonts Style
  • CSS Text Style
  • CSS Box Model-CSS Borders, -CSS Margins, CSS Padding
  • CSS Width, CSS Height, CSS Links Style, CSS Outline
  • CSS Display Property, CSS Float Property, CSS Clear Property, CSS Cursors Style,
  • CSS Overflow Property, CSS Position Property, CSS Z-index Property
  • CSS Combinators, CSS Units, CSS Pseudo Classes
  • Difference between display none and visibility hidden
  • CSS Rounded Corners, CSS Gradients, CSS Accent-Color, CSS filter Property
  • CSS Media Types (Responsive), CSS Shadow Effects
  • CSS 2D Transforms, CSS 3D Transforms, CSS Transitions, CSS Animations
  • CSS Flexbox, CSS Grid
  • Introduction to Bootstrap? and its Features
  • Bootstrap Installation
  • Setting Development Environment
  • Grid System
  • Components
  • Introduction to Javascript
  • Features of Javascript
  • Data Types
  • Javascript Variables
  • JavaScript Functions
  • Default Parameter in a Function
  • JavaScript Objects
  • Javascript Arrays and Its Methods
  • Javascript Strings and its Methods
  • Converting Variables to Numbers
  • JavaScript JSON
  • Javascript Operators
  • The HTML DOM (Document Object Model)
  • Events, Hoisting
  • this in JavaScript ● Call(), apply(), bind(), Closures, OOPs in Javascript, Promises, Fetch
  • Scopes in Javascript
  • Array Destructuring, Object Destructuring, Rest Parameters, Spread Operator
  • Async Await in JavaScript
  • Generators in ES6 JavaScript
  • OOPs
  • Introduction to React JS
  • React Elements
  • ReactDOM
  • JSX
  • React Components
  • Props, CRA
  • Functional Components
  • Class Components
  • Static Web Page
  • Introduction to Hooks, State and setState
  • How to Integrate CSS with React
  • Rendering the List using Map()
  • Axios
  • Form Management and Controlled Components
  • JSON SERVER
  • Interaction between Components
  • Context API, React Routing, useRef() hook
  • DOM Manipulation and UnControlled Components
  • useEffect() hook, Lifecycle Methods, Unmount Phase Lifecycle Methods, Update Phase Lifecycle Methods
  • Error Boundaries, useReducer() hook, React Profiler, Lazy Loading
  • Redux with Functional Component
  • Introduction to Angular
  • DOM and DOM Manipulation
  • Understanding the Framework and Development Platform, Introduction to TypeScript, Oops In Typescript
  • Namespaces And Modules, Decorators
  • Development Setup of Angular, Essentials Of Angular
  • Data Binding, Templates, Styles & Directives, Pipes, Services & Dependency
  • HTTP Requests
  • Observables & RXJS Operators
  • Routing in Angular App
  • Angular Froms, Angular Material
  • Introduction to Node JS Module system
  • Creating web server
  • File System
  • Events
  • Serving Static Resources
  • Path Module in Node.JS
  • Methods of REST API | Http Verbs
  • What is Non-Relational Database?
  • MongoDB – Environment
  • MongoDB - Data Modelling
  • MongoDB Create Collection
  • MongoDB insert documents
  • MongoDB update documents
  • MongoDB Query documents
  • MongoDB - Comparison Operators
  • Indexes in Mongodb
  • MongoDB Compass

Our Upcoming Batch

Student with laptop
Data Science and AI Course
Filling Fast

Get Industry-Ready With Itvedant

  • Enroll For 1 Course & Get Access To All Courses.
  • In-Depth Curriculum With Only 20 Seats Per Batch.
  • Integrated Internship & 2 Global Certifications
  • Practice On HackerRank & LeetCode
  • Corporate Visits & Dedicated 6-Month On-Job Support.

Certificates

Obtaining Your
Certification

Upon successful completion of any course at Ethhive, participants receive a certificate attesting to their proficiency in the respective subject matter. These certificates serve as tangible evidence of the skills acquired during the training, enhancing the credibility of individuals in the job market and validating their expertise to potential employers. Ethhive certificates are recognized for their industry relevance and are highly regarded by leading organizations, providing a competitive edge to certificate holders.

The validation process ensures that the certifications are earned through rigorous learning and assessment methods, reflecting real-world application and mastery of the concepts taught. With Ethhive certificates, individuals can showcase their commitment to continuous learning and professional development, opening doors to new career opportunities and advancement prospects. Students can have option for IBM Certificate also.

Ethhive Certificate 1
Ethhive Certificate 2
IBM Certificate Option