Welcome to Learn to Code for the Web.

This course is an introduction to building web pages from scratch in HTML (Hypertext Markup Language) and CSS (Cascading Style Sheets), the coding languages used to make every page on the web.

This week, you’ll learn a little about how the web works and how data travels across the internet. You’ll be introduced to some of the core concepts of HTML and CSS, and look at the real code of web pages you use.

Next week, you’ll go on to write your own HTML and CSS by building a web page and styling it. You’ll also learn about what professional web development looks like and about starting a career as a web developer.

The course assumes throughout that you’ve never written web code before.

This course is not about how to use website builders such as WordPress, Squarespace or Wix. Instead, you’re going to learn about the raw materials of building web pages: the actual code they are written in.

Course map and learning outcomes

This course map provides a quick overview of the two weeks ahead.

Each week of this course is centred around learning outcomes: statements which express what it is you will be better able to do by the end of the course. They are a useful way of checking on how you’re progressing. You can revisit steps as you progress through the course so that you feel confident you’re meeting the learning outcomes. As you are working through the steps and activities, you might want to refer back to this step to check your progress against the learning outcomes.

Week 1 covers the following learning outcomes:

• Summarise the structure and terminology of the internet.
• Define the roles of HTML, CSS and JavaScript in making web pages and sites.
• Experiment with the code of existing web pages using browser developer tools.

Week 2 covers the following learning outcomes:

• Produce basic HTML (with guidance) using browser-based tools.
• Produce basic CSS (with guidance) using browser-based tools.
• Describe how real-world sites and apps build upon the basics.

Accessing this course

You can access this course using a variety of devices, including smartphones, tablets, and laptop or desktop computers. Exercise steps give you opportunity to try things out for yourself. Accessing these steps using a laptop or desktop will enable you to view the content on a larger screen, which might make it easier to practise and apply your learning.

Every attempt has been made to make this course as accessible as possible. However, there are some activities that may be difficult to access if you use a screen reader device.

Additional learning

If you have a general interest in this topic, you can work through the learning steps in around two and a half hours each week. However, everyone is different, and you may wish to spend more time on certain steps. Additional practice activities, links and resources allow you to explore the course topics in more detail. Make the most of these opportunities to further your understanding of HTML, CSS and code for the web.

You also have the opportunity to check your understanding and spend some time joining the discussions. It’s important that you don’t feel pressured to complete all the elements of the course: your learning journey is individual and you should decide what elements are relevant to your learning needs.

We’re giving you extra benefits

• Unlimited access to the course: Go at your own pace, with unlimited access to the course for as long as it exists.
• Access to tests: Ensure you’ve mastered the material, with access to tests on the course.
• A downloadable (PDF) Certificate of Achievement: To help you demonstrate your learning, you’ll be able to download and share a Certificate of Achievement when you become eligible.

Unlock an award and evidence your learning

When you Mark as Complete over 90% of steps, and get over 70% in the final course test you will earn a Certificate of Achievement. This personalised Certificate of Achievement and transcript detail the syllabus and learning outcomes, as well as your end of course test score. This provides ideal evidence of your interest in and understanding of this subject. The certificate comes in both printed and digital formats, so you can easily add it to your portfolio, CV or LinkedIn profile.

In addition, by completing all three courses within the Introduction to Coding and Design program to unlock your Award. This is your own web page exhibiting all of your certificates. You can use this link to demonstrate your learning by sending it to employers or adding it to any online profile on social media.

Glossary

As you complete the course you may come across terms and references that require further explanation. To help with this, there is a Glossary that you can view and refer to at any point in the course.

If you come across any terminology during the course that is not included in the Glossary, please use the Comments section to ask fellow learners and the Lead Educator.