Menu
Canvas is not supported by your browser.

Introduction to Coding using Web Technology: 6 Week Course

This 6 week course will introduce you coding by working with the building blocks of building web page. Introducing HTML, CSS and Javascript, you’ll learn the core skills you need to build websites and that can be develop into full coding skills.

February 6th 2020

Apply Now

Programme Director Ben Clarke

Cost: £300

Dates:

  • Tuesday 11th February
  • Thursday 20th February
  • Tuesday 25th February
  • Tuesday 3rd March
  • Tuesday 10th March
  • Tuesday 17th March

Week 1: Introduction

  • The purpose of HTML, CSS, and JavaScript, the difference between frameworks and languages, and finding your way around a basic website project with VSCode.
    Basic web pages
  • The skeleton for every web page on the Internet, as well as fundamental HTML elements like headings, paragraphs, lists, etc.
  • Links and images
  • Linking to other pages, referring to them with absolute, relative, and root-relative paths, embedding images, and finishing touches to our basic web page skeleton.

Week 2: Introduction to CSS

  • Connecting a stylesheet, styling HTML elements with all sorts of CSS properties, selecting different elements, and reusing styles across multiple web pages.
  • The box model
  • Block boxes, inline boxes, padding, borders, margins, dimensions, and an introduction to how beautiful websites are built up with boxes.

Week 3: CSS selectors

  • Class selectors, descendant selectors, more useful <div>’s, styling links with pseudo-classes, and why ID selectors are a bad idea.
  • Floats
  • Introduction to CSS float-based layouts, controlling the horizontal flow of the page, clearing floats, and hiding overflow.

Week 4: Advanced positioning

  • Static, relative, absolute, and fixed positioning, dropdown menus, the z-index, and other fancy CSS that’ll make you feel real smart.

Week 5: Semantic HTML

  • The document outline, articles, sections, navs, headers, footers, asides, figures, and other ways to make your HTML markup more informative.

Week 6: Forms

  • Frontend forms: the HTML for creating text fields, radio buttons, dropdown menus, checkboxes, and buttons, as well as the CSS for styling all of them.

 

We use cookies to improve your experience of using this website. By continuing to use this website you have consented to using cookies placed on your computer.

To find out more please refer to our privacy policy.

Top