Course Duration – 75 hrs

Course Description

This course introduces students to Full Stack Web Development using modern technologies such as HTML, CSS, JavaScript, Node.js, React.js, and MongoDB. It provides both theoretical knowledge and practical skills required to design, develop, and manage dynamic web applications.

Course Objectives

To introduce the fundamental concepts of web development and full-stack technologies.

To develop skills in creating responsive and interactive web pages using HTML, CSS, and JavaScript.

To familiarize students with Node.js, React.js, and MongoDB for developing modern web applications.

To provide practical knowledge of front-end, back-end, and database integration.

To develop problem-solving and application development skills through practical implementation.

Learning Outcomes

After completing this course, students will be able to:

 Develop structured and responsive web pages using HTML and CSS.

 Apply JavaScript concepts to create interactive and dynamic web applications.

 Develop server-side applications using Node.js and work with web application frameworks.

 Build user interfaces using React.js, including components, state, props, and JSX.

 Create, manage, and access databases using MongoDB and integrate them with web applications.

 Design and implement a basic full-stack web application by integrating front-end, back-end, and database technologies.

 MODULE1: HTML & CSS

 Introduction to HTML5 Tags, Attribute and Elements Doctype Element, Comments , Semantic tags Headings, Paragraphs, and Formatting Text Lists, Links, Images, Forms and Tables Introduction CSS Applying CSS to HTML , Selectors, Properties and Values CSS Colors and Backgrounds CSS Box Model,CSS Margins, Padding, and Borders CSS Text and Font Properties Webpage Layout Responsive web design. 

MODULE2:JavaScript & Node.JS 

Introduction to JavaScript Applying JavaScript (internal and external) Understanding JS Syntax ,Introduction to Document and Window Object Variables and Operators Data Types and Num Type Conversion , Math and String Manipulation Objects and Arrays Date and Time Conditional Statements , Switch Case Looping in JS Functions , Node.JS Overview Node.JS - Basics and Setup Node.JS Console Node.JS Command Utilities Node.JS Modules , Node.JS Concepts Node.JS Events Node.JS with Express JS Node.JS Database Access.

MODULE3:React.JS

Introduction Templating using JSX ,Components, State and Props Lifecycle of Components Rendering List and Portals , Redux and Redux Saga Immutable.js Service Side Rendering ,Unit Testing , Webpack ,MongoDB ,SQL and NoSQL Concepts , Create and Manage MongoDB ,Migration of Data into MongoDB , MongoDB with PHP ,MongoDB with NodeJS, Services Offered by MongoDB. 

MODULE4:React.JS

Introduction Templating using JSX ,Components, State and Props Lifecycle of Components Rendering List and Portals , Redux and Redux Saga Immutable.js Service Side Rendering ,Unit Testing , Webpack ,MongoDB ,SQL and NoSQL Concepts , Create and Manage MongoDB ,Migration of Data into MongoDB , MongoDB with PHP ,MongoDB with NodeJS, Services Offered by MongoDB.

MODULE5:Practical Implementations of Full Stack Web Development

 Webpage Development using HTML And CSS

Webpage Development using Javascript & Node.JS Webpage Development using React.JS With Backend MongoDB ,Case Study/ Project