Complete Web Development
Categories: After SEE, IT Training
About Course
This comprehensive 2-month course will guide you through the fundamentals of web development, starting with HTML, CSS, and JavaScript, and advancing to CMS WordPress. You’ll gain hands-on experience building your own portfolio and mastering full-stack development. Additionally, you’ll learn to use Elementor to create an easy website.
After completing HTML, CSS, and JavaScript, you can choose your preferred specialization path:
- MySQL & PHP — Backend development with databases and server-side scripting
- Python & Django — Powerful backend development with Python’s popular web framework
- MERN Stack — Modern full-stack development with MongoDB, Express, React, and Node.js
By the end of the course, you will be a confident full-stack developer, equipped with the skills to build dynamic, responsive websites — on the path of your choice.
What Will You Learn?
- Basics of Web Development – Understanding HTML, CSS, and JavaScript for creating web pages.
- Responsive Design – Using Flexbox and Bootstrap for building responsive and mobile-friendly websites.
- JavaScript Interactivity – Adding dynamic elements and functionality to your websites with JavaScript.
- Slider Integration – Creating and integrating interactive image sliders on your website.
- PHP & Form Handling – Mastering PHP for backend development and form handling.
- MySQL Database – Storing and retrieving data using MySQL for dynamic website features.
- WordPress Essentials – Learning to use WordPress themes, plugins, and templates.
- Elementor Website Creation – Using Elementor for easy drag-and-drop website design and customization.
- Portfolio Development – Building a professional portfolio to showcase your web development projects.
Course Content
Syllabus+ Demo Videos (copy)
This consists of the syllabus and trial videos for web development, which will help you get started on your web development journey.
Week 1
In Week 1, students will set up their editor and learn the basics of HTML, CSS, and JavaScript. They will explore HTML tags and attributes, and will be able to create tables and forms. Students will also learn how to link CSS and JS to HTML and understand the fundamentals of CSS.
-
Day 1
-
Day 1 Quiz
-
Day 2
-
Day 2 Quiz
-
Day 3
-
Day 3 Quiz
-
Day 4
-
Day 4 Quiz
-
Day 5
-
Day 5 Quiz
-
Week 1 Assignment
Week 2
In Week 2, students will delve into advanced CSS, learning about typography, elements, and flexbox. They will explore icon integration, Bootstrap configuration, and responsive design principles. The week will conclude with an introduction to jQuery, enhancing their web development skills further.
-
Day 6
-
Day 6 Quiz
-
Day 7
-
Day 7 Quiz
-
Day 8
-
Day 8 Quiz
-
Day 9
-
Day 9 Quiz
-
Day 10
-
Day 10 Quiz
-
Week 2 Assignment
Week 3
In Week 3, students will dive deeper into jQuery, focusing on selectors and slider integration. They will also explore the basics of PHP, including variables, data types, and operators, laying a foundation for server-side scripting.
-
Day 11
-
Day 11 Quiz
-
Day 12
-
Day 12 Quiz
-
Day 13
-
Day 13 Quiz
-
Day 14
-
Day 14 Quiz
-
Day 15
-
Day 15 Quiz
-
Week 3 Assignment
Week 4
In Week 4, learners will explore PHP loops for iteration, master arrays and the foreach loop for data manipulation, and dive into PHP functions for code reusability. Additionally, students will learn form handling techniques for collecting and processing user input.
-
Day 16
-
Day 16 Quiz
-
Day 17
-
Day 17 Quiz
-
Day 18
-
Day 18 Quiz
-
Day 19
-
Day 19 Quiz
-
Day 20
-
Day 20 quiz
-
Week 4 Assignment
Week 5
In Week 5, learners will explore MySQL database integration with PHP. They will learn how to create and connect databases, perform CRUD operations (Create, Read, Update, Delete), and use SQL commands like SELECT, ORDER BY, LIMIT, and OFFSET for efficient data handling.
-
Day 21
-
Day 21 Quiz
-
Day 22
-
Day 22 Quiz
-
Day 23
-
Day 23 Quiz
-
Day 24
-
Day 24 Quiz
-
Day 25
-
Day 25 Quiz
-
Week 5 Assignment
Week 6
In Week 6, learners will explore WordPress themes and plugins, focusing on Elementor for homepage creation. Topics include theme and plugin setup, customizing headers and footers, creating pages, organizing menus, and designing a professional homepage layout using Elementor.
-
Day 26
-
Day 26 Quiz
-
Day 27
-
Day 27 Quiz
-
Day 28
-
Day 28 Quiz
-
Day 29
-
Day 29 Quiz
-
Day 30
-
Day 30 Quiz
-
Week 6 Assignment
Week 7
In Week 7, learners will explore responsive design for a mobile-friendly site, an introduction to the ACF plugin, fetching dynamic values in Elementor, and building a portfolio website with dynamic content, optimized layouts, and interactive elements for a professional online presence
-
Day 31
-
Day 31 Quiz
-
Day 32
-
Day 32 Quiz
-
Day 33
-
Day 33 Quiz
-
Day 34
-
Day 35
-
Week 7 Assignment
