Certificate in Web Development (FSA)
Blended(Live +Self Paced)
Fee: ₹12,000
 Dr. Pooja Bijlani | Trainer (Subject Expert) Future Skill Academy
                                                                                                                            Dr. Pooja Bijlani | Trainer (Subject Expert) Future Skill Academy
                                                                                
                                    The Certificate in Web Development course offers foundational knowledge in web development using HTML, CSS, and JavaScript. This course is designed to teach you how to create responsive, interactive websites from scratch without relying on additional frameworks. You’ll learn essential web development principles, focusing on building strong, foundational skills in front-end web design and interactivity. Through hands-on projects, you’ll develop practical expertise in creating and deploying well-structured web applications.
Objectives
The primary goal of this course is to provide students with a deep understanding of HTML, CSS, and JavaScript. By the end of the course, students will be able to create fully functional, responsive websites, develop interactive web pages, handle user input, validate forms, and optimize website performance. The course also includes best practices for writing clean and efficient code, as well as techniques for maintaining code quality.
The primary goal of this course is to provide students with a deep understanding of HTML, CSS, and JavaScript.
By the end of the course, students will be able to create fully functional, responsive websites, develop interactive web pages, handle user input, validate forms, and optimize website performance.
The course also includes best practices for writing clean and efficient code, as well as techniques for maintaining code quality.
What Will You Learn
HTML: Structure and organize web content effectively with HTML tags, attributes, and semantics. CSS: Style websites with CSS, learning techniques for layout, positioning, animations, transitions, and responsive design. JavaScript Basics: Gain a solid understanding of JavaScript fundamentals, including variables, functions, loops, and events. DOM Manipulation: Use JavaScript to dynamically update and interact with HTML elements, creating interactive user experiences. Responsive Design: Make websites adaptable to various screen sizes and devices using CSS media queries. JavaScript Events: Handle user interactions such as clicks, hovers, and form submissions to enhance website interactivity.
Skills you will gain
Want to know more about our courses?
Curriculum
- 
                                                            HTML- 
                                                                                 HTML language: A basic introduction HTML language: A basic introduction
- 
                                                                                 Basic tags in HTML Basic tags in HTML
- 
                                                                                 Lists in HTML Lists in HTML
- 
                                                                                 Tables in HTML Tables in HTML
- 
                                                                                 Images in HTML Images in HTML
- 
                                                                                 Frames in HTML Frames in HTML
- 
                                                                                 Introduction to Typography Introduction to Typography
- 
                                                                                Quiz on HTML 
 
- 
                                                                                
- 
                                                            CSS- 
                                                                                 Introduction to CSS Introduction to CSS
- 
                                                                                 How to add css to html document How to add css to html document
- 
                                                                                 CSS Selectors CSS Selectors
- 
                                                                                 Practical Selectors Practical Selectors
- 
                                                                                 Styling Backgrounds Styling Backgrounds
- 
                                                                                 Practical Backgrounds Practical Backgrounds
- 
                                                                                 Styling Text and Fonts Styling Text and Fonts
- 
                                                                                 Practical styling text and fonts Practical styling text and fonts
- 
                                                                                 Styling Links Styling Links
- 
                                                                                 CSS Box Model CSS Box Model
- 
                                                                                 Units in CSS Units in CSS
- 
                                                                                 CSS Positioning CSS Positioning
- 
                                                                                 CSS flex Box Display CSS flex Box Display
- 
                                                                                Quiz on CSS 
- 
                                                                                 Project Intro Project Intro
- 
                                                                                 Website Setup Website Setup
- 
                                                                                 Creating Header Section Creating Header Section
- 
                                                                                 Creating Hero Section Creating Hero Section
- 
                                                                                 Creating About Section Creating About Section
- 
                                                                                 Creating Service Section Creating Service Section
- 
                                                                                 Creating Contact Section Creating Contact Section
- 
                                                                                 Creating Footer Section Creating Footer Section
- 
                                                                                Project Code 
 
- 
                                                                                
- 
                                                            Bootstrap and Tailwind CSS- 
                                                                                 Introduction to Bootstrap Introduction to Bootstrap
- 
                                                                                 Bootstrap Buttons Bootstrap Buttons
- 
                                                                                 Bootstrap Navbar Bootstrap Navbar
- 
                                                                                 Bootstrap Container Bootstrap Container
- 
                                                                                 Bootstrap Grid Bootstrap Grid
- 
                                                                                 Bootstrap Utilities Bootstrap Utilities
- 
                                                                                 Project Information Project Information
- 
                                                                                 Project Navbar Project Navbar
- 
                                                                                 Bootstrap Carousel Bootstrap Carousel
- 
                                                                                 Project Card Project Card
- 
                                                                                 Project Footer Project Footer
- 
                                                                                 Project Deployment Project Deployment
- 
                                                                                 What is Tailwind and Why use it? How to Start with Tailwind using CDN  n node ? 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 ? How to Start with Tailwind using CDN  n node ?
- 
                                                                                 Text /Font Styling Text /Font Styling
- 
                                                                                 Color Utility Color Utility
- 
                                                                                 Height & Width Height & Width
- 
                                                                                 Grid Grid
- 
                                                                                 Flex box Flex box
- 
                                                                                 Responsive Responsive
- 
                                                                                 Button Button
- 
                                                                                 Project Introduction-Tailwind CSS Project Introduction-Tailwind CSS
- 
                                                                                 Setting up Project Setting up Project
- 
                                                                                 Creating Navbar Creating Navbar
- 
                                                                                 Creating Hero section Creating Hero section
- 
                                                                                 Creating about course section Creating about course section
- 
                                                                                 Creating testimonial Creating testimonial
- 
                                                                                 Creating footer Creating footer
- 
                                                                                Project Code Bootstrap and Tailwind CSS 
 
- 
                                                                                
- 
                                                            Java Script- 
                                                                                 What is JavaScript? What is JavaScript?
- 
                                                                                 Variables Variables
- 
                                                                                 DataTypes DataTypes
- 
                                                                                 Operators Arithmatic Operators Arithmatic
- 
                                                                                 Relational Relational
- 
                                                                                 Logical Logical
- 
                                                                                 Conditional statements Conditional statements
- 
                                                                                 Loops Loops
- 
                                                                                 Array Array
- 
                                                                                 Function Function
- 
                                                                                 DOM manipulation DOM manipulation
- 
                                                                                 Events Events
- 
                                                                                 Events Handlers Events Handlers
- 
                                                                                 Callbacks Callbacks
- 
                                                                                 Ajax Ajax
- 
                                                                                Quiz on Java Script 
 
- 
                                                                                
- 
                                                            Self-Learning Material
- 
                                                            Live Class
- 
                                                            Final Assessment
Instructor
 
                                                                                                                    Dr.Priti Maheshwary
Dean Future Skills AcademyPresently 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.
 
                                                                                                                    Dr. Pooja Bijlani
Trainer (Subject Expert) Future Skill AcademyPresently 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.
Shareable Certificate
 
                                                                    Other Details
Certificate in Frontend Web Development
 Level
                                                        Level                                                     Credentials
                                                        Credentials                                                    Get Job Assurance and JumpStart your career as Full Stack Developer
 
                                                             
                                                             
                                                             
                                                             
                                                            Associated Courses
 Instructor:
                                                Instructor:
                                             Duration:
                                                Duration:
                                             Lectures:
                                                Lectures:
                                             Course Credit:
                                                Course Credit:
                                             Videos:
                                                Videos:
                                             SCORM:
                                                SCORM:
                                             Certification Body:
                                                Certification Body:
                                             Project:
                                                Project:
                                             Language:
                                                Language:
                                             Access:
                                                Access:
                                             Downloadable Resources:
                                                Downloadable Resources:
                                             Shareable Certificate:
                                                Shareable Certificate:
                                            