Krpex
Create account
Web developmentbeginner

HTML, CSS & JavaScript from Scratch

Build and publish your own web pages: structure with HTML, style with CSS and make them interactive with JavaScript.

Lessons
16 lessons in 4 modules
Study time
about 9 hours
Duration
~5 weeks at your own pace

Free plan: counts as one of your 2 new courses this month. Plans

What you'll learn

  • Structure pages with semantic HTML and accessible forms
  • Lay out responsive pages with Flexbox and Grid
  • Add interactivity with JavaScript and the DOM
  • Publish a personal portfolio site

Syllabus

  1. Module 1HTML: the structureWrite the content and structure of a page.4 lessons
    1. How the web worksDescribe what happens between typing a URL and seeing a page.20 min
    2. HTML elements and page structureWrite a valid HTML page with headings, paragraphs, links and images.30 min
    3. Lists, tables and semantic tagsChoose semantic elements like header, nav, main and article.30 min
    4. Forms and accessibility basicsBuild a labelled form that works with a keyboard and screen reader.30 min
  2. Module 2CSS: the styleMake pages look good on every screen.5 lessons
    1. Selectors, colours and typographyStyle text and colours with CSS selectors.30 min
    2. The box model and spacingControl size, padding, borders and margins.30 min
    3. Flexbox layoutsArrange items in rows and columns with Flexbox.30 min
    4. CSS GridBuild two-dimensional page layouts with Grid.30 min
    5. Responsive design and media queriesMake a page adapt from phone to desktop.30 min
  3. Module 3JavaScript: the behaviourProgram the browser.4 lessons
    1. JavaScript basics: variables, types and functionsWrite and run JavaScript in the browser.30 min
    2. Arrays, objects and loopsStore and process lists of data in JavaScript.30 min
    3. The DOM and eventsChange a page when the user clicks or types.30 min
    4. Fetching data from an APILoad data from a public API with fetch and show it on the page.40 min
  4. Module 4Putting it togetherShip a real site.3 lessons
    1. Project: a to-do list appBuild a to-do app that saves items in localStorage.45 min
    2. Project: your portfolio siteDesign and build a responsive personal portfolio.45 min
    3. Publishing your sitePut your site online for free with GitHub Pages or a similar host.30 min