Web Designing & Development
Master the essentials of web development and bring your projects online.
What you will learn?
- Introduction to Web Development
- HTML Foundations
- CSS Foundations
- Advanced Styling & Responsive Design
- JavaScript Essentials
- Advanced JavaScript for Web
- WordPress & Theme Customization
- Final Project & Assessment
- Understanding how the web works
- Setting up development environment (VS Code, Browser, GitHub Pages)
- Basic file structure for websites (HTML, CSS, JS folders)
- Hands-on Practice: Create your first HTML page
- HTML Structure & Tags
- Semantic Elements (header, nav, section, footer)
- Forms & Inputs with validation basics
- Accessibility in HTML
- Task: Build a simple multi-page static website
- CSS Selectors & Specificity
- Box Model & Positioning
- Colors, Typography & Styling Basics
- CSS Flexbox & Grid Layouts
- Task: Apply CSS styling to Week 2 project
- Media Queries & Mobile-first Design
- Responsive Navigation & Layouts
- CSS Animations & Transitions
- CSS Frameworks (Bootstrap/Tailwind overview)
- Task: Make your website fully responsive
- JS Syntax & Variables
- DOM Manipulation
- Event Handling & Form Validation
- Arrays, Objects, and Functions
- Hands-on: Add interactivity to your website
- Local Storage & Session Storage
- Fetch API & AJAX Calls
- Customizing Websites with APIs
- Intro to ES6+ Features
- Task: Connect your website with a public API (e.g., weather/news)
- Installing WordPress locally & online
- Introduction to WooCommerce
- Theme Customization (appearance, plugins, widgets)
- Task: Build a simple e-commerce store with custom theme
- Build and deploy a Responsive Portfolio Website
- Integrate interactive elements with JavaScript
- Deploying Website on GitHub Pages / Netlify
- Final Review & Certification Preparation
