Web Designer

Course Overview

You will learn HTML, CSS, JavaScript, and an introduction to using AI to help you code. This class is for those who want to learn to code and build websites and web applications.

Course Details

• Price: R 11,549 per course
• Format: In-person (George) or online via Zoom
• Includes: Certificate of completion, course materials, and lifetime access to resources

Requirements

All students will need to bring their own laptop computer. Mac or PC with enough space to run and install software.

Course Syllabus

Week 1: HTML Fundamentals & Web Structure

• How the internet and web browsers work
• Understanding HTML syntax and structure
• Working with headings, paragraphs, and lists
• Adding images and links
• Creating forms and input elements
• Semantic HTML for accessibility
• Project: Create your first personal webpage

Week 2: CSS Styling & Layout

• CSS syntax and selectors
• Colors, typography, and backgrounds
• The box model (margin, padding, border)
• Flexbox for flexible layouts
• CSS Grid for complex layouts
• Responsive design with media queries
• Project: Style your personal webpage

Week 3: JavaScript Fundamentals

• Variables, data types, and operators
• Functions and scope
• Conditional statements (if/else, switch)
• Loops (for, while, forEach)
• Arrays and objects
• ES6+ features (arrow functions, destructuring, spread operator)
• Project: Build an interactive calculator

Week 4: DOM Manipulation & Events

• Understanding the Document Object Model (DOM)
• Selecting and modifying HTML elements
• Event listeners (click, submit, keypress)
• Creating dynamic content
• Form validation
• Local storage and session storage
• Project: Create a to-do list application

Week 5: Introduction to React.js

• What is React and why use it?
• Setting up a React project
• Components and props
• State management with useState
• Handling events in React
• Conditional rendering
• Lists and keys
• Project: Build a simple React component library

Week 6: Advanced React & AI Tools

• React Router for navigation
• Fetching data from APIs
• useEffect for side effects
• Introduction to Next.js framework
• Using AI tools (GitHub Copilot, ChatGPT) for coding
• Debugging and testing techniques
• Deploying to production (Vercel/Netlify)
• Final Project: Build and deploy a complete web application

What You'll Achieve

• Build responsive, professional websites from scratch
• Create interactive web applications with JavaScript
• Develop React components and applications
• Use AI tools to accelerate your coding workflow
• Deploy your projects to the web
• Earn a certificate of completion
• Add real projects to your portfolio