// Curriculum
Course Content
Eight modules, taught in sequence, moving from front-end fundamentals to a live deployment.
I
Introduction to Web Technologies
html
- Overview of web design principles
- Importance of user experience (UX) and user interface (UI)
- Core technologies: HTML, CSS, JavaScript, and their roles
- Tools of the trade: code editors (VS Code), Sublime, etc.
II
HTML Fundamentals
html
- HTML syntax, elements, and semantic markup
- Structuring content: headings, paragraphs, lists, tables, forms
- Embedding media (images, videos, audio)
- Creating and formatting web pages
III
CSS and Styling
css
- CSS syntax: selectors, properties, and values
- Layout techniques: Flexbox, CSS Grid
- Styling text, colors, backgrounds, and animations
- Responsive design basics (media queries, viewport settings)
IV
Responsive Design & Frameworks
css
- Mobile-first design principles
- CSS frameworks (Bootstrap or Tailwind CSS)
- Using preprocessors (Sass/SCSS)
- Cross-browser compatibility testing
V
JavaScript Basics
js
- JavaScript syntax: variables, loops, conditionals, functions
- DOM manipulation (selecting elements, event handling)
- Basic form validation and dynamic content
- Introduction to APIs (fetching data from a public API)
VI
Back-end Basics & CMS
php
- Introduction to back-end concepts (servers, databases and APIs)
- Basics of PHP/Node.js or static site generators (optional)
- Introduction to popular CMS (WordPress, Joomla, etc.)
- Benefits of using a CMS for website management and security
- Basic customization and plugins
VII
Deployment and Hosting
deploy
- Introduction to web hosting
- Deploying websites using GitHub Pages, Netlify, or Vercel
- Basic SEO (Search Engine Optimization) techniques
- Data back-ups
VIII
Assignments and Practical
lab
- Hands-on exercises reinforcing every module above
- Guided practical labs in UB7