Fundamentals of Web Page Development
Building blocks: HTML, CSS and JavaScript
This course features several video tutorials on the fundamentals of web page development. Please take your time to watch them and take notes.

- [Narrator] Mary-Jo has the best job in the world. She's a teacher. All day long, she gets to teach her star pupils who are usually keen as mustard. But today, there's a teensy problem. Mary-Jo's been making an early start on a topic of web fundamentals. But her eager beavers just aren't getting the message. So Mary-Jo decides to have another go starting from the beginning. She starts by explaining that the web is all about HTML, CSS, and JavaScript. These three languages are used across every website. Working together in complementary ways to make everything look and work as expected. Mary-Jo starts with HTML. HTML stands for Hypertext Markup Language. It's the building block for any websites. It puts all the words images and links upon screen. However, a website just using HTML would only be simple text and images, an outline of what the site should be. CSS or Cascading Style Sheets is used to add the style to the website. Including the colors, fonts, and layout of all the texts and images. CSS will make a website look and feel the way you wanted to. Finally, there's JavaScript. JavaScript adds functionality like navigation and logins to websites. Because as well as looking good websites need things like clickable buttons and pop ups to keep users engaged. No, not those kind of pop ups. Hmm, the penny hasn't quite dropped yet. So Mary Jo decides to get practical and gets the class to consider the example of building a house. Mary-Jo starts at the beginning again her builder HTML turns up to read the plans for the house. HTML then builds a framework for the house. Easy with the chainsaw HTML. But the job isn't finished yet as only the support structures are in place. Enter CSS with the frame of the house all ready to go, CSS gets to work. They follow the plans to add just the right types of carpet, windows and other things. Watch out for those bricks CSS. And of course the color of the front door needs to be spot on. Well done CSS. The house is starting to look good now but it isn't actually inhabitable. As nothing works yet. For example, the doors won't open. So it's time for JavaScript to turn up. They get to work adding all the functionality the house needs, like power, water, appliances and of course, door handles and a doorbell. Lovely choice of tune JavaScript. So now we have a fully built and functioning house with the help of HTML, CSS and JavaScript. Take a bow guys. Mary-Jo's class have gotten the message now and are ready to scoot off and make some websites of their own. Hold on to your hats.

About the Author
Learning Paths

A world-leading tech and digital skills organization, we help many of the world’s leading companies to build their tech and digital capabilities via our range of world-class training courses, reskilling bootcamps, work-based learning programs, and apprenticeships. We also create bespoke solutions, blending elements to meet specific client needs.

Covered Topics