Diploma In Web Development (FSA)

Blended

Fee: ₹25,000

Dr. Pooja Bijlani | Trainer (Subject Expert ) Future Skill Academy

This diploma course in web development focuses on the MERN stack (MongoDB, Express.js, React.js, Node.js), covering front-end design, back-end development, database integration, and application deployment. Students will learn to build responsive, dynamic, and scalable web applications through hands-on projects, gaining practical expertise in full-stack development.

Objectives

To equip students with the skills and knowledge to develop full-stack web applications using the MERN stack (MongoDB, Express.js, React.js, Node.js). The course focuses on building scalable, responsive, and dynamic web applications, covering front-end design, back-end development, database integration, and deployment. Students will gain hands-on experience in creating real-world projects and mastering the complete web development lifecycle.

HTML: Master basic to advanced HTML for semantic, accessible web pages.

CSS: Style and layout web pages using CSS, including Flexbox and Grid.

JavaScript: Create dynamic web elements and integrate JavaScript with HTML/CSS.

React: Build and manage stateful applications with React's component-based architecture.

Tailwind & Bootstrap: Implement responsive designs with Tailwind CSS and Bootstrap.

What Will You Learn

Building full-stack web applications using the MERN stack. Creating responsive and interactive UIs with React.js. Developing RESTful APIs with Node.js and Express.js. Managing NoSQL databases using MongoDB. Integrating front-end, back-end, and database seamlessly. Deploying and hosting web applications on cloud platforms. Debugging, version control, and collaboration with Git.

Skills you will gain

Full-Stack Development: Proficiency in building web applications using the MERN stack.

Responsive Design: Expertise in creating user-friendly and responsive interfaces.

Secure Backend: Skills in developing robust and secure server-side applications.

Database Management: Competence in managing and optimizing databases with MongoDB.

Cloud Deployment: Experience in deploying and managing projects on cloud platforms.

Curriculum

HTML
- HTML language: A basic introduction
- Basic tags in HTML
- Lists in HTML
- Tables in HTML
- Images in HTML
- Frames in HTML
- Introduction to Typography
- Self Learning Material (SLM) of HTML
- MCQ - HTML

CSS
- Introduction to CSS
- How to add CSS to html document
- CSS Selectors
- Practical Selectors
- Styling Backgrounds
- Practical Backgrounds
- Styling Text and Fonts
- Practical styling text and fonts
- Styling Links
- CSS Box Model
- Units in CSS
- CSS Positioning
- Project: 1 Project Intro
- Project: 2 Website Setup
- Project: 3 Creating Header Section
- Project: 4 Creating Hero Section
- Project: 5 Creating About Section
- Project: 6 Creating Service Section
- Project: 7 Creating Contact Section
- Project: 8 Creating Footer Section
- Project Code
- Self Learning Material (SLM) of CSS
- MCQ - CSS
  
  Preview

Bootstrap & Tailwind CSS
- Introduction to Bootstrap
- Bootstrap Buttons
- Bootstrap Navbar
- Bootstrap Container
- Bootstrap Grid
- Bootstrap Utilities
- Bootstrap - SLM
- Bootstrap - MCQ
- Project: 1 Project Information
- Project: 2 Project Navbar
- Project: 3 Bootstrap Carousel
- Project: 4 Project Card
- Project: 5 Project Footer
- Project: 6 Project Deployment
- Project Code
- What is Tailwind and Why use it? How to Start with Tailwind using CDN n node ?
- How to Start with Tailwind using CDN n node ?
- Text /Font Styling
- Color Utility
- Height & Width
- Grid
- Flex box
- Responsive
- Button
- Tailwind CSS - SLM
- Tailwind CSS - MCQ
- Project: 1 Project Introduction
- Project: 2 Setting up Project
- Project: 3 Creating Navbar
- Project: 4 Creating Hero section
- Project: 5 Creating about course section
- Project: 6 Creating testimonial
- Project: 7 Creating footer

JavaScript
- What is JavaScript?
- Variables
- Practical Variables
- Data Types
- Practical Data Types
- Operators Arithmetic
- Conditional statements
- Loops
- Array
- Function
- DOM manipulation
- Events
- Events Handlers
- Callbacks
- Ajax
- OnKeyUp Event in JavaScript
- OnMouseOver Event
- JavaScript - SLM
- JavaScript - MCQ

React
- React Introduction
- Create Hello World react app
- Understanding folder Structure
- Practical
- Practical
- Functional Component
- Handling Events
- UseStateHooks
- Complete React Project
- Introduction and installation
- Creating first React app , understanding file structure
- React Components
- Tailwind Installation with React
- Rendering Dynamic data
- Creating Navbar
- Handling Events
- Use State Hooks
- Display List using map()
- React and React with Tailwind - SLM
- React and React with Tailwind - MCQ

Live Classes

Final Assessment

Certificate

Instructor

Dr. Priti Maheshwary

Professor at Future Skills Academy

Presently working in Future Skill Academy. Involved in Computer Science and Engineering for over 20 years in higher education and training. Her career has included various software development projects, teaching, research and administrative roles. She enjoys teaching and looking into how to improve student learning experience. Published around 50 research papers in refereed journals and conferences, 7 book chapters, 6 Patents. 8 PhD thesis completed under her guidance in the field of Internet of Things, Smart Cities, Ubiquitous Computing, Wireless Sensor Network, VANET, Image Processing specialized in Satellite Images, AI/ML & Deep Learning, and Cyber Security. Also done more than 10 projects in the field of Research and Consultancy.

4.0 853 1038 Learners

Dr. Pooja Bijlani

Trainer (Subject Expert ) Future Skill Academy

AI ML , Data science , Full Stack Web Development , Full Stack Java Development

Presently she is working as a IT Trainer (Subject Expert )at Future Skill Academy, AISECT, Bhopal. She is having over 15 years of academic and research experience. Expert in Programming Languages C,C++,Python , Java ,React Spring Boot, Artificial Intelligence , Machine Learning and Data Science. Students accolades her programming language teaching skills . Having experience in number of End to End projects in Natural language Processing , Computer Vision and Python Desktop Application GUI. Web Designing.

4.0 968 1087 Learners

Still have queries? Talk to our counselors who are available to guide you.

Schedule a Call