Web Design and Development
Build beautiful, responsive websites from scratch — and turn your skills into a thriving career.
What you will learn
✓Apply core design principles including layout, typography, color theory, and visual hierarchy
✓Build dynamic, responsive websites using WordPress and essential page builders
✓Write and customize HTML and CSS to control structure and styling
✓Design user-friendly interfaces with strong user experience (UX) fundamentals
✓Create and configure complete website pages from start to finish
✓Optimize websites for speed, mobile devices, and search engines
✓Set up and manage WordPress themes, plugins, and hosting
✓Launch a freelance, agency, or in-house web design career with confidence
About this course
Course curriculum
9 sections · 75 lessons · 40 hours
OPENING1 lesson · Self-paced⌄
- ⌑Opening - Web Design and DevelopementReading
MODULE 1: FUNDAMENTALS OF WEB DESIGN AND DEVELOPMENT18 lessons · Self-paced⌄
- ⌑Essential Pages of Most WebsitesReading
- ⌑Introduction - Fundamentals of Web Design and DevelopmentReading
- ⌑Web Design Best PracticesReading
- ⌑Definition of Key Terms used in Web Design and DevelopmentReading
- ⌑Introduction to HTML and CSSReading
- ⌑Reasons to Become a Web DesignerReading
- ⌑How a Website WorksReading
- ⌑Hardware and Software Tools Needed by Web DesignersReading
- ⌑Technologies used in Building WebsitesReading
- ⌑Some Key concepts for effective web design careerReading
- ⌑Important Coding Languages to Master as a Web DesignerReading
- ⌑Content Management Systems (CMS)Reading
- ⌑How to Purchase a Domain Name and Web HostingReading
- ⌑How to Get Free Hosting and Domain for Your Practice and First WebsiteReading
- ⌑Hosting Account and Control Panel WalkthroughReading
- ⌑Creating Professional Email AccountsReading
- ⌑Planning your Website ProjectReading
- ⌑Website BrandingReading
MODULE 2: WEBSITE CODE: HTML, CSS, JAVASCRIPT, AND PHP3 lessons · Self-paced⌄
- ⌑How to build a website with HTML and CSS-Step-by-Step for BeginnersReading
- ⌑Introduction - Graphic Design for Web DesignersReading
- ⌑Elements of Graphic DesignReading
MODULE 3: GRAPHIC DESIGN FOR WEB DESIGNERS2 lessons · Self-paced⌄
- ⌑Conclusion - Graphic Design for Web DesignersReading
- ⌑Principles of Graphic DesignReading
MODULE 4: UI/UX DESIGN4 lessons · Self-paced⌄
- ⌑WordPress Dashboard WalkthroughReading
- ⌑Essential Configurations in WordPressReading
- ⌑Introduction to WordPressReading
- ⌑WordPress InstallationReading
MODULE 5: WEB DESIGN AND DEVELOPMENT WITH WORDPRESS33 lessons · Self-paced⌄
- ⌑Website Optimization Tutorial - Case Study: WordPressReading
- ⌑Website Security Tutorial - Case Study: WordPressReading
- ⌑Website SEO Tutorial - Case Study: WordPressReading
- ⌑Project 1 - Business Website - DemoReading
- ⌑Project 2 - Personal Portfolio Website - John DoebrinReading
- ⌑Creating and Setting Up Contact FormsReading
- ⌑Generating Privacy Policy and Terms and Conditions for your WebsiteReading
- ⌑Themes and Plugins and How to Install themReading
- ⌑Adding Blog Posts to a WebsiteReading
- ⌑WordPress Media Library and Files UploadReading
- ⌑Adding Custom CSS to WordPressReading
- ⌑Putting the Website on Coming Soon and Maintenance ModeReading
- ⌑Optimizing and Speeding Up a WebsiteReading
- ⌑Customizing a WordPress WebsiteReading
- ⌑WordPress Website SecurityReading
- ⌑Creating, Managing and Assigning MenusReading
- ⌑Page BuildersReading
- ⌑Search Engine OptimizationReading
- ⌑Introduction to Gutenberg - The WordPress Block EditorReading
- ⌑Elementor Walkthrough TutorialReading
- ⌑Introduction to Website "Landing Pages"Reading
- ⌑"Homepage" DesignReading
- ⌑Exporting and Sharing Elementor TemplatesReading
- ⌑"About Us" Page DesignReading
- ⌑Migrating a WordPress Website to Another DomainReading
- ⌑"Services" Page DesignReading
- ⌑Website BackupReading
- ⌑"Blog" Page DesignReading
- ⌑Addon Domains and SubdomainsReading
- ⌑"Contact Us" Page DesignReading
- ⌑Troubleshooting and Fixing Problems in a WordPress WebsiteReading
- ⌑Designing the FooterReading
- ⌑Conclusion - WordPressReading
MODULE 6: WEBSITE OPTIMIZATION, SECURITY, AND SEO4 lessons · Self-paced⌄
- ⌑Project 3 - Ecommerce Website - Alpha ElectronicsReading
- ⌑Project 4 - Nonprofit Website - Life Water FoundationReading
- ⌑Project 5 - Business Website - SwiftMove LogisticsReading
- ⌑Introduction to Web Development Career and BusinessReading
MODULE 7: PRACTICE EXERCISES6 lessons · Self-paced⌄
- ⌑Web Design Client Acquisition FormulaReading
- ⌑A guide to Freelancing on sites like Fiver, Upwork, etcReading
- ⌑How to Charge for Web Design ServicesReading
- ⌑Web Design Project Planning, Management, Execution and DeliveryReading
- ⌑Building your Web Design PortfolioReading
- ⌑Building a Web Designer/Developer Resume (CV)Reading
MODULE 8: BUILDING A SUCCESSFUL WEB DESIGN & DEVELOPMENT CAREER & BUSINESS4 lessons · Self-paced⌄
- ⌑Further Learning and Research in Web Design and DevelopmentReading
- ⌑Tips to Become Successful in your Web Design and Development CareerReading
- ⌑Conclusion - Web Design and DevelopmentReading
- ⌑Job Application and Interview PreparationReading
Requirements
- ✓A computer with a stable internet connection
- ✓No prior coding or design experience needed
- ✓Willingness to practice with hands-on projects
- ✓A web browser and a text editor (free options provided)
- ✓Basic computer literacy
Who this course is for
- ✓Complete beginners starting a web design career
- ✓Intermediate designers seeking advanced, professional skills
- ✓Aspiring freelancers and agency founders
- ✓Small business owners who want to build their own sites
- ✓Marketers and creatives expanding into web development
Career opportunities
- ✓Freelance Web Designer — Offer website design services to clients worldwide and set your own rates and schedule.
- ✓WordPress Developer — Build and customize WordPress sites for businesses, agencies, and online stores.
- ✓Web Design Agency Owner — Launch and scale your own agency, managing projects and a roster of clients.
- ✓In-House Web Designer — Join a company's marketing or product team to maintain and improve their web presence.
- ✓UI/UX Designer — Design intuitive, attractive interfaces that improve user satisfaction and conversions.
Njofie Wilson
An experienced practitioner focused on clear, practical and outcome-driven teaching.
Frequently asked questions
Do I need any coding experience to take this course?+
No. The course starts with the fundamentals and gradually introduces both no-code tools like WordPress and essential custom code such as HTML and CSS.
Will I learn WordPress or custom coding?+
Both. You'll learn to build sites efficiently with WordPress while also gaining the custom code skills needed to fully control and customize your designs.
Can this course help me start earning money?+
Yes. A dedicated career module covers client acquisition, pricing strategies, project management, and how to operate as a freelancer, agency, or employee.
How long do I have access to the materials?+
You'll have lifetime access to all course videos and resources, so you can learn at your own pace and revisit lessons anytime.
Will I receive a certificate?+
Yes, you'll earn a certificate of completion once you finish the program.
