Master in Full Stack Web Development at top institutes in Uttam Nagar & Yamuna Vihar

MODULE- I 

• Photoshop introduction        
• CTRL+N (New Page, New Layer)        
• Assignment (Rectangle, Circle)        
• Practice (Shapes)

MODULE- II

• Move Tool (v)        
• Rectangle, Circle, Single Row, Single Column Tool        
• Assignment (Chess Black & White)         
• Practice (Chess Color Full)

MODULE- III

• All Selection Tool        
• (Lasso,Polygonal,Magnetic Tool)        
• Assignment (Image Cutting)        
• Practice (Three Tool Three Images Cutting & Background Change)

MODULE- IV

• Quick Selection, Magic Wand Tool        
• Crop,Perspective Crop, Slice, Slice Select Tool        
• Eyedropper,Color Sampler, Ruler, Note, Count Tool        
• Assignment (Image Crop,Color Pick)        
• Practice (Tool Use Images Cutting & Background Cutting)

MODULE- V

• Spot Healing, Healing Brush,Patch,Content-Aware Move, Red Eye Tool        
• Brush,Pencil,Color Replacement,Mixer Brush Tool        
• Assignment (Image Face Pimple clean)        
• Practice (3 Image Clean & New Brush Create)

MODULE- VI

• Clone Stamp,Pattern Stamp, History Brush,Art History Tool        
• Eraser,Background Eraser,Magic Eraser Tool        
• Assignment (Image Face Pimple clean)        
• Practice (3 Image Clean & New Brush Create)

MODULE- VII

• Gradient,Paint Bucket Tool        
• Blur,Sharpen,Smudge,Dodge,Burn,Sponge Tool        
• Assignment (Image duplicate Part)        
• Practice (New Gradient Create & Image Blur)

MODULE- VIII

• Pen Tool        
• Freeform Pen,Add Anchor,Delete Anchor,Convert Point Tool        
• Path Selection,Direct Seleetion Tool        
• Assignment (Logo Tracing)        
• Practice (Cutting Image)

MODULE- IX

• Horizontal Type,Vertical Type Tool        
• Assignment (Type Paragraph)        
• Practice (Create Box & Type Paragraph)

MODULE- X

• Rectangle,Rounded Rectangle,Ellipse,polygon,line,Custom Shap Tool        
• Assignment (Create Shap & Color Fill)        
• Practice (Design Shap & Color Fill)

MODULE- XI

• Hand,Rotate View Tool,Zoom,Color        
• Edit in Quick Mask Mode Tool,Full Screen Mode        
• Assignment (Image Face Light Effect)        
• Practice (Two Pic Light Effect)    

MODULE- XII

• Layer Style(Blending Options)        
• Assignment (Create Post,Shadow,Strok)        
• Practice (One Poster,Chocolate Effect)    

MODULE- XIII

• Filter Menu        
• Fire Effect         
• Assignment (Image Use Filter)        
• Practice All Filter        

MODULE- XIV

• Image Menu        
• Edit Menu        
• Assignment (Use Image Effect)        
• Practice (Create Passport Size Photo)      

MODULE- XV

• How To Create Banner        
• Assignment Two Banner Design        
• Practice (Three Banner Design Home)      

MODULE- XVI

• How To Create Social Media Post        
• Assignment New Design Poster        
• Practice (Facebook Cover Page)        

MODULE- XVII

• How Create Web Site Blog        
• Assignment (2 Blog)        
• Practice To Photoshop Topic Blog    

MODULE- XVIII

• How To Web Site Layout        
• Assignment (Onlinle Web Page)
• Practice   

MODULE- XIX

• Photoshop Mockup Online Website        
• https://www.mockupworld.co        
• Practice (Three Design)

MODULE- I

• Introduction Of Web Designing        
• What Is HTML? (CTRL+N (New Page)        
• Assignment (Basic Example Html)         
• Practice (Heading Tags,Image Tag)

MODULE- II

• HTML Paragraphs Tags        
• HTML Block Elements,HTML Inline Elements        
• Assignment (div,span,p,a Tags)        
• Practice (all Tags )

MODULE- Ill

• Formatting Tags        
• All Formatting Tags,HTML Quotation,HTML Comments        
• Assignment (Paragraphs Edit All Formatting Tags)        
• Practice (All Tags Use)

MODULE- IV

• Form Element All Tags        
• Input Type Attributes        
• Assignment (Use All Tags Forms)        
• Practice (How To Create Form All Tags Use)        
• Practice        

MODULE- V

• Table Tags        
• Table Heading Tag,Tfoot,Thead,Tbooy,Use        
• Assignment (2 Table All Tags Use)        
• Practice (2 Table Create Colspan, Rowspan Tags)

MODULE- VI

• Anchor Tags        
• Html Links, Images        
• Assignment (Link Use Online Website)        
• Practice (Images Link Online & Offline)

MODULE- VII

• List Tags        
• Unordered List,Ordered List,Description List        
• Assignment (10 item list Use Ol Tags)        
• Practice (15 Items List Use Ul Ol li Tags)

MODULE- VIII

• Iframe Tags        
• Entities (characters) symbols html        
• Assignment (Use Iframe & image)        
• Practice (Paragraphs Use Symbols Codes)    

MODULE- IX

• URL Encode FullFrom (http,https,ftp)        
• Common URL Schemes        
• Assignment        
• Practice

MODULE- X

• What Is Multimedia?        
• Html Media,  Video,  Audio, Html Plug-ins (you tube, social media, maps)        
• Assignment (Create Google Map)        
• Practice (1 Video ,1 Audio,Use Tags)

MODULE- I 

• Introduction Of CSS CSS Inclusion (Type of CSS)        
• INLINE CSS Use        
• Assignment (Html Tags Use Inline Css)         
• Practice (Heading,P,Span,Etc Use Css)

MODULE- II 

• INTERNAL CSS Use Head Part        
• CSS Syntax, Selector         
• Assignment (5 Class Create & 5 Id Create)         
• Practice (Use To Syntax & Selector)

MODULE- III 

• CSS Fonts, Text & Colors        
• font-family,font-size,font-style,font-weight        
• Assignment (5 Class Create & 5 Id Create)         
• Practice (Use To Syntax & Selector)

MODULE- IV 

• CSS Backgrounds        
• Background-image, Background-attachment,Background        
• Assignment         
• Practice

MODULE- V 

• CSS Border( style/color/radius)        
• border Property        
• Assignment         
• Practice

MODULE- VI 

• CSS Dimension        
• Height,Width,Line-height,Max-height & Max-width        
• Assignment         
• Practice 

MODULE- VII 

• CSS Anchors        
• links, & Pseudo Classes        
• Assignment         
• Practice

MODULE- VIII 

• CSS Margins, Padding        
• Shadow Effects        
• Assignment         
• Practice

MODULE- IX 

• Website Menu Bar Design        
• Assignment         
• Practice 

MODULE- X 

• Website Dropdown Menu Bar        
• Assignment         
• Practice 

MODULE- XI 

• Website Form Part Design        
• Assignment         
• Practice 

MODULE- XII 

• Website Our Service Part        
• Assignment         
• Practice

MODULE- XIII 

• Website Gallery-Part-Design        
• Assignment         
• Practice 

MODULE- XIV 

• How To Create Website        
• Assignment         
• Practice 

MODULE- XV

• How To Use Media Query        
• Assignment         
• Practice 

MODULE- I 

• Introduction To Bootstrap
• Assignment 
• Practice

MODULE- II 

• How To Use Website In Bootstrap
• Assignment 
• Practice 

MODULE- III 

• How To Use Jquery Plugin
• Assignment 
• Practice 

MODULE- IV 

• How To Use  Jquery Plugin
• Assignment 
• Practice

MODULE- I Introduction to UI/UX Design

• Understanding user interface (UI) and user experience (UX) design    
• The role of UI/UX in product development    
• Introduction to Figma and its features    

MODULE- II Design Fundamentals

• Principles of design (e.g., layout, typography, color, contrast)    
• Usability and user-centered design principles    
• Design thinking and the design process    

MODULE- III Figma Basics

• Getting started with Figma: setting up an account, creating a project    
• Exploring Figma's interface and tools    
• Navigating and organizing design files

 MODULE- IV Creating User Interfaces

• Wireframing and prototyping with Figma    
• Designing for various screen sizes and devices    
• Using Figma components and libraries for consistency

 MODULE- V Visual Design in Figma

• Working with typography and fonts    
• Creating and customizing icons and illustrations    
• Applying color theory and creating design palettes

MODULE- VI User Experience Design

• Understanding user personas and user journeys    
• Information architecture and navigation design    
• Usability testing and user feedback

MODULE- VII Interaction Design

• Designing interactive prototypes in Figma    
• Using Figma's prototyping tools for user testing    
• Animating and adding transitions to UI elements

MODULE- VIII Collaborative Design in Figma

• Collaborating with team members and clients in Figma    
• Version control and design history    
• Design handoff to developers

MODULE- IX Mobile and Web Design    

• Designing mobile app interfaces    
• Designing responsive web layouts    
• Adapting designs for different platforms

MODULE- X Real-World Projects and Portfolio Building

• Applying UI/UX design principles to real projects    
• Building a portfolio of design work using Figma    
• Presentation and critique of portfolio projects    

MODULE- I Introduction to Data Structures

• Understanding the importance of data structures    
• Common use cases for data structures    
• How data structures impact algorithm design

MODULE- II Arrays and Linked Lists

• Arrays in JavaScript    
• Implementing linked lists in JavaScript    
• Operations and methods for arrays and linked lists  

MODULE- III Stacks and Queues

• Implementing stacks and queues in JavaScript    
• Use cases for stacks and queues    
• Solving problems using stacks and queues  

MODULE- IV Trees and Binary Trees

• Introduction to tree data structures    
• Binary trees and their types    
• Tree traversal algorithms (in-order, pre-order, post-order)  

MODULE- V Binary Search Trees (BST)

• Properties of BST    
• Searching, insertion, and deletion in BST    
• Balancing BST (e.g., AVL trees)  

MODULE- VI Hashing and Hash Tables

• Hash functions and collision resolution    
• Implementing a hash table in JavaScript    
• Handling hash collisions  

MODULE- VII Graphs and Graph Algorithms    

• Introduction to graphs    
• Representing graphs in JavaScript    
• Graph traversal algorithms (e.g., depth-first search and breadth-first search)    

MODULE- VIII Heaps and Priority Queues

• Introduction to heaps    
• Implementing a binary heap    
• Priority queues and heap-based algorithms  

MODULE- IX Advanced Data Structures

• Red-Black Trees    
• B-trees    
• Trie data structures  

MODULE- X Algorithmic Analysis

• Time and space complexity analysis    
• Big O notation and its significance    
• Analyzing the efficiency of data structure operations  

MODULE- XI Coding Exercises and Practice

• Solving coding challenges and exercises related to data structures    
• Implementing data structures from scratch  

MODULE- XII Final Project and Portfolio Building

• Students design and implement a project that applies data structures    
• Building a portfolio of data structure-related projects    
• Project presentation and peer review  

MODULE- XIII Course Conclusion and Next Steps

• Review of key takeaways and skills acquired    
• Resources for further learning and advanced topics    
• Career opportunities in data structures and algorithms

MODULE- I Introduction to Web Development and MERN Stack

• Overview of web development concepts    
• Introduction to the MERN stack    
• Setting up development environments

MODULE- II Front-End Development with React

• Understanding React components and JSX    
• State and props in React    
• React Router for navigation    
• Handling forms and user input    
• Managing component lifecycle

MODULE- III Back-End Development with Node.js and Express.js

• Introduction to Node.js and Express.js    
• Creating RESTful APIs with Express.js    
• Routing and middleware    
• User authentication and sessions    
• Error handling and validation

MODULE- IV Database Management with MongoDB

• Introduction to NoSQL databases    
• Installing and setting up MongoDB    
• Creating and managing databases and collections    
• Querying and updating data with MongoDB    
• Mongoose ODM for Node.js

MODULE- V Integrating React with Express and Node.js

• Using Axios to make API requests    
• Consuming RESTful APIs in React    
• Implementing user authentication with JWT    
• Storing user data in MongoDB    
• Forming full-stack applications

MODULE- VI Front-End Libraries and Frameworks

• Working with third-party React libraries and frameworks    
• Using Bootstrap, Material-UI, or other UI frameworks    
• Handling state management with Redux (optional)    
• Building responsive web applications

MODULE- VII Advanced Back-End Development

• Real-time applications with WebSockets (e.g., using Socket.io)    
• File upload and storage    
• Deployment strategies for Node.js and Express applications

MODULE- VIII Project Development and Management

• Planning and designing a full-stack project    
• Implementing project architecture    
• Collaborative development using Git and GitHub    
• Project version control and team collaboration

MODULE- IX Testing and Debugging    

• Writing unit and integration tests for both front-end and back-end    
• Debugging techniques and tools    
• Continuous Integration (CI) and Continuous Deployment (CD)

MODULE- X Security and Authentication

• Securing your web application against common vulnerabilities    
• Implementing OAuth authentication    
• Authorization and access control

MODULE- XI Deployment and DevOps

• Preparing for production deployment    
• Hosting your MERN stack application (e.g., AWS, Heroku, or Netlify)    
• Monitoring, scaling, and performance optimization

MODULE- XII Web Application Performance

• Performance optimization strategies    
• Caching, load balancing, and CDN integration    
• Measuring and improving page load times

MODULE- XIII Final Project and Portfolio Building

• Students develop a full-stack web application    
• Building a portfolio of projects    
• Project presentation and peer review    

MODULE- XIV Career Development and Next Steps

• Preparing for job interviews and career opportunities    
• Learning resources and advanced topics    
• Freelancing and entrepreneurship in web development