Web DevelopmentBeginner
Frontend Web Development
Learn to build accessible, responsive websites with semantic HTML, modern CSS and JavaScript, then deploy a real site to the web.
20 hours · 8 lessons
Enrolment
Free
Full access, certificate included
Back to all coursesTaught by Équipe Skill2Earn
Self-paced · Lifetime access
What you'll learn
- Structure pages with semantic, accessible HTML
- Build responsive layouts with Flexbox and CSS Grid
- Add interactivity with JavaScript and the DOM
- Fetch and display data from a public API
- Deploy a site with version control
Curriculum
Module 1 · Foundations
2 lessons- How the web worksBrowsers, servers, HTTP requests and what happens when you type a URL. Set up your editor and dev tools.
- Semantic HTMLHeadings, landmarks, lists, links, images and forms — writing markup that screen readers and search engines understand.
Module 2 · Styling
2 lessons- CSS fundamentalsSelectors, the cascade, the box model, typography and colour. Style your first page from scratch.
- Responsive layouts with Flexbox and GridBuild layouts that adapt from phone to desktop using Flexbox, Grid and media queries.
Module 3 · Interactivity
3 lessons- JavaScript essentialsVariables, functions, arrays, objects and control flow, practised with small browser exercises.
- DOM and eventsSelect elements, respond to clicks and form input, and update the page dynamically.
- Working with APIsUse fetch, promises and async/await to load JSON data and render it on the page.
Module 4 · Ship it
1 lessons- Git, GitHub and deploymentTrack changes with Git, publish to GitHub and deploy your site to a free host.