Without fundamentals
- Copying solutions
- Following tutorials
- Framework confusion
- Debugging by guessing
Web Development Foundation
Web Fundamentals
Understand the web before you start building for it.
Learn how browsers, servers, HTTP, HTML, CSS, JavaScript, APIs, Git, accessibility, security and deployment work together — then use that knowledge to build your first real web experience.
- Beginner
- Foundation Course
- Self-Paced + Tutor Support
- Practical Projects
- Tutor Access
₦50,000
Live · On-Demand + Tutor · Custom Physical (+10%)
- Course level
- Beginner
- Duration
- 6–8 weeks
- Learning format
- Online
- Tutor support
- Included
- Projects
- 3+
- Community
- Included
- Certificate
- After assessment
Why this course exists
Before React, Understand the Web.
Modern frameworks can make developers productive, but frameworks don't replace the fundamentals. If you understand how browsers communicate with servers, how HTML becomes a document, how CSS controls presentation, how JavaScript interacts with the browser and how HTTP connects applications, you can learn almost any modern web technology with far less friction.
- React becomes easier.
- Next.js becomes easier.
- APIs make more sense.
- Debugging becomes easier.
- Deployment becomes less intimidating.
With fundamentals
- Understanding problems
- Building independently
- Choosing the right tools
- Debugging with confidence
Curriculum
What you will learn
Eleven modules that connect into one mental model of the web. Expand a module to see every lesson. JavaScript here covers foundations — the dedicated JavaScript course goes deeper.
- 01.Internet vs World Wide Web
- 02.How websites work
- 03.Client and server
- 04.Browsers
- 05.Web servers
- 06.Domains
- 07.DNS
- 08.Hosting
- 09.URLs
- 10.Requests and responses
- 01.What HTML is
- 02.Document structure
- 03.Elements and attributes
- 04.Headings and paragraphs
- 05.Links
- 06.Images
- 07.Lists
- 08.Tables
- 09.Forms
- 10.Semantic HTML
- 11.HTML5
- 12.Accessibility basics
- 01.What CSS is
- 02.Selectors
- 03.Cascade
- 04.Specificity
- 05.Inheritance
- 06.Box model
- 07.Display
- 08.Positioning
- 09.Flexbox
- 10.Grid
- 11.Responsive design
- 12.Media queries
- 13.Typography
- 14.Variables
- 15.Transitions
- 16.Animations
- 01.What JavaScript does
- 02.Variables
- 03.Data types
- 04.Operators
- 05.Conditions
- 06.Loops
- 07.Functions
- 08.Arrays
- 09.Objects
- 10.Scope
- 11.DOM
- 12.Events
- 13.Forms
- 14.Fetch
- 15.Promises
- 16.Async/Await
- 17.Modules
- 18.Error handling
- 01.DOM
- 02.Rendering
- 03.Browser DevTools
- 04.Console
- 05.Network tab
- 06.Storage
- 07.Cookies
- 08.Local Storage
- 09.Session Storage
- 10.Debugging
- 01.What HTTP is
- 02.Request methods
- 03.GET
- 04.POST
- 05.PUT
- 06.PATCH
- 07.DELETE
- 08.Status codes
- 09.Headers
- 10.JSON
- 11.REST APIs
- 12.CORS
- 13.Authentication concepts
- 01.What Git is
- 02.Version control
- 03.Repository
- 04.Commit
- 05.Branch
- 06.Merge
- 07.Pull request
- 08.GitHub
- 09.Collaboration
- 10.Basic open-source workflow
- 01.Why accessibility matters
- 02.Semantic HTML
- 03.Keyboard navigation
- 04.Accessible forms
- 05.Labels
- 06.ARIA basics
- 07.Screen readers
- 08.Color contrast
- 01.Why performance matters
- 02.Image optimization
- 03.Lazy loading
- 04.Browser caching
- 05.Code optimization
- 06.Page loading
- 07.Core Web Vitals
- 08.Performance testing
- 01.HTTPS
- 02.Authentication vs authorization
- 03.XSS
- 04.CSRF
- 05.CORS
- 06.Password security
- 07.Environment variables
- 08.Why secrets must not be exposed
- 01.What deployment means
- 02.Hosting
- 03.Domains
- 04.DNS
- 05.Environment variables
- 06.Build process
- 07.Production vs development
- 08.Deployment platforms
- 09.Basic CI/CD concepts
Learning journey
From understand to continue
01
Understand
How the web works
02
Build
HTML + CSS + JavaScript
03
Connect
HTTP + APIs
04
Debug
Browser DevTools
05
Collaborate
Git + GitHub
06
Protect
Security + accessibility
07
Deploy
Take your project online
08
Continue
Frameworks and career paths
Projects
Learn by Building.
Theory sticks when you ship. Each project uses browser-style mockups — not stock photos.
Project 1Beginner
Responsive Personal Website
A multi-section personal site with semantic structure and responsive layout.
- HTML
- CSS
- Responsive Design
Project 2Beginner
Interactive Web Application
A browser app driven by the DOM, events, and local storage.
- HTML
- CSS
- JavaScript
- DOM
- Events
- Local Storage
Project 3Intermediate
API-Powered Web Application
Fetch live data, handle loading and errors, and present JSON cleanly.
- JavaScript
- Fetch
- REST API
- JSON
- Async/Await
- Error Handling
Project 4Intermediate
Production Deploy (optional)
Ship a polished site with a real domain, hosting, and environment setup.
- Deployment
- DNS
- Git
- Hosting
By the end of this course, you will be able to…
- Understand how the web works
- Explain browser-server communication
- Build semantic HTML pages
- Create responsive interfaces with CSS
- Write JavaScript for browser interactions
- Work with APIs
- Use browser developer tools
- Debug common web problems
- Use Git and GitHub
- Build accessible interfaces
- Understand basic web security
- Optimize website performance
- Deploy a website
- Understand the foundation behind modern frameworks
Who this is for
Perfect for
- Complete beginners
- Students starting web development
- People transitioning into tech
- Designers who want to code
- Developers with gaps in fundamentals
- People preparing for React, Angular, or Vue
- Learners who have followed random tutorials but lack structure
Who this is not for
Already comfortable building production websites?
You may not need this course. Take a skill assessment instead.
Prerequisites
No previous programming experience required. You need a computer, internet connection, curiosity, and willingness to practice.
Learning format
Choose how you learn
Live Online
Learn directly with a tutor.
- Live lessons
- Questions
- Practical exercises
- Tutor feedback
- Community
On-Demand + Tutor
Learn when you have time.
On-demand doesn't mean on your own.
- Video lessons
- Tutor chat
- Questions and explanations
- Exercises
- Projects
- Community
Custom Physical
Want physical classes? Build a custom learning plan.
- Location preference
- Schedule
- Group/individual
- Learning frequency
- Custom requirements
- Standard price + 10%
Tutor support
You're never stuck alone.
Watching a tutorial is easy. Knowing what to do when something doesn't work is where real learning happens.
- Get stuck
- Don't understand a concept
- Need code reviewed
- Need help debugging
- Need clarification
- Need project guidance
Tutor chat
Student
I understand what a function does, but I'm confused about why we pass a function into another function.
Tutor
Let's look at your example together. When you pass a function, you're handing over a behaviour — like a callback that runs when an event fires. We'll step through your code line by line.
Community
Learn With People Building Alongside You.
- Ask questions
- Share projects
- Get feedback
- Meet other learners
- Collaborate
- Participate in challenges
- Join developer discussions
Community
How do you explain DNS to beginners?
12 replies · Web Fundamentals
Portfolio review — semantic HTML pass?
8 replies · Projects
Fetch vs axios for this course?
5 replies · APIs
Career connection
Where Do You Go After the Fundamentals?
Web Fundamentals → HTML · CSS · JavaScript → then branch into Frontend, Backend, Full Stack, or Mobile.
Skill assessment
Already Know Some of This?
Don't repeat what you already understand. We'll help identify what you know and recommend where you should start.
Course instructor
Tutor
I
Israel L.
Frontend tutor
Helps learners go from HTML to production React without skipping the parts that make later skills possible. Available in live classes and on-demand chat.
Pricing
Start with the foundation
Learn what you need. Build what matters. Grow into your career.
Course pricing
Web Fundamentals
₦50,000
One-time payment · not converted live between markets
- Course lessons
- Tutor support included
- Practical projects
- Community access
- Course access after enrollment
- Certificate after assessment
Want more than one skill?
Build your career around the foundation
Web Fundamentals is your foundation. A Frontend Career Path adds the skills that turn fundamentals into a hireable track.
₦500,000
Career path pricing is independently configured per market — not converted live.
- HTML
- CSS
- JavaScript
- TypeScript
- React
- Tailwind
- State Management
- Git/GitHub
- Deployment
- Real Project Experience
- Community
Know someone who would love this course?
Share your referral link and earn when they enroll.
FAQ
Yes. It is designed for people who have never written code. We start with how the web works, then move into HTML, CSS, and JavaScript foundations.
No previous programming experience is required. You need a computer, internet access, curiosity, and willingness to practice.
Most learners finish in 6–8 weeks at a steady pace. Live and on-demand schedules can stretch or compress depending on your availability.
Both options exist. Choose Live Online for scheduled sessions with a tutor, or On-Demand + Tutor for video lessons with chat support. Custom physical training is also available.
Yes. Tutor support is included. Ask questions, request clarification, get debugging help, and review projects.
That is when real learning happens. Message your tutor with context from the lesson or project. Community channels are also available for peer discussion.
Yes. You build at least three practical projects, with an optional production deployment as a final stretch goal.
Yes — that is the recommended path. Frameworks become easier when you understand the browser, HTML, CSS, JavaScript, and HTTP first.
Take the Skill Assessment. We help identify what you already understand and recommend where you should start.
You can review materials on a phone, but you will need a computer to write code, use DevTools, and complete projects comfortably.
Yes. Ask questions, share projects, get feedback, and join discussions with other learners.
Yes. Web Fundamentals is a foundation skill. You can build a Frontend, Backend, Full Stack, or Mobile path around it afterward.
Yes. Request Custom Physical training with your preferred location, schedule, and group or individual setup.
Physical training uses the standard course price plus a 10% surcharge configured in the platform pricing settings.
Yes. Switch currency to USD for international pricing. Payment and enrollment use the same checkout flow.
Enrollment is activated and you can open the course learning experience. Start with the first module or continue from where you left off.
Build Your Foundation. Then Build Your Career.
Every great developer journey starts with understanding the fundamentals.