Introduction to Web Development (FutureLearn)

Introduction to Web Development (FutureLearn)

Discover web development and learn to build your own interactive websites using HTML, CSS, and JavaScript. Supported by Google. Learn the basics of web development. On this course from the Raspberry Pi Foundation, you’ll first build a website using HTML, style it with CSS, and then make it interactive using JavaScript.

Class Deals by MOOC List - Click here and see FutureLearn's Active Discounts, Deals, and Promo Codes.

Along the way you’ll learn about the box model, which describes how websites are laid out by browsers, and about the Document Object Model, which your JavaScript code will interact with to dynamically change your web pages.
In the final week, you’ll design and create a quiz web page and demonstrate your new skills by making your own website.

Syllabus

Week 1: Build a website using HTML
Week 2: Style websites using CSS
Week 3: Make websites interactive with JavaScript

What will you achieve?
By the end of the course, you‘ll be able to...

  • Produce a HTML web page using suitable tags and attributes
  • Explain the advantages of CSS compared to inline styling
  • Apply classes and ids to style a website
  • Model web pages using the box model
  • Demonstrate how to use the Document Object Model (DOM) to access an element of a web page
  • Produce an interactive website using JavaScript

Who is the course for?
This course is designed for teachers delivering lessons at a GCSE level or equivalent, and for beginner programmers looking to start using HTML and JavaScript.
To take this course, you need to be familiar with basic programming structures such as loops and if statements, but you don’t need any experience of HTML, CSS or JavaScript.
For the week on JavaScript, you need to be comfortable with using functions with parameters and return values.

Go to Class
MOOC List is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Related Courses

Get ready for a Masters in Data Science and AI (FutureLearn) FutureLearn
Coventry University

Get ready for a Masters in Data Science and AI (FutureLearn)

Identify whether you’re ready for Master’s study, improve your data science skills, and get to grips with the basics of Python. Get a taste of life as a Data Science and AI Master's student. On this course, you’ll have the opportunity to explore the disciplines involved in a Master’s degree in Data Science and Artificial Intelligence (AI).

Apr 17th 2023
2 Weeks
Creative Coding (FutureLearn) FutureLearn
Monash University

Creative Coding (FutureLearn)

Use computer programming as a creative discipline to generate sounds, images, animations and more, with this free online course. Learning to program is no longer just for computer specialists and software developers. People from many different backgrounds now want to understand the basics of programming, because it’s both fun and an increasingly valuable skill.

No sessions available
5-12 Weeks
Introducing Robotics: Making Robots Move (FutureLearn) FutureLearn
Queensland University of Technology

Introducing Robotics: Making Robots Move (FutureLearn)

The world needs people who understand how to get robots moving. Making robots move requires both mathematical knowledge and programming skills. We begin with the problem of describing where things are in the world. Starting simply, we consider objects in a two-dimensional plane, exploring the concepts of position, pose, rotation, and translation. Robot movement relies on the principles of kinematics – the motion of a body or bodies. You’ll program forward kinematics equations in MATLAB and learn approaches to inverse kinematics.

No sessions available
3 Weeks
Computer Programming for Everyone (FutureLearn) FutureLearn
University of Leeds,Institute of Coding

Computer Programming for Everyone (FutureLearn)

Discover the art of computer programming and learn what code can do with the Institute of Coding and the University of Leeds. Explore computer programming and complete block-language programming exercises. What are computers good at and how can you get the best out of them? On this course, you’ll find out how and why people program computers.

Self Paced
2 Weeks
3D Graphics for Web Developers (FutureLearn) FutureLearn
Universitat Pompeu Fabra

3D Graphics for Web Developers (FutureLearn)

Use WebGL to develop high-quality, interactive 3D graphics applications that run natively in browsers. With the advent of WebGL, it is now possible to develop high-quality, interactive 3D graphics applications, which run natively in web browsers. However, to do this, you need to be proficient in both web development and 3D programming.

No sessions available
5-12 Weeks
Functional Programming in Haskell: Supercharge Your Coding (FutureLearn) FutureLearn
University of Glasgow

Functional Programming in Haskell: Supercharge Your Coding (FutureLearn)

Get an introduction to Haskell, the increasingly popular functional programming language, with this University of Glasgow course. Do you want to develop software using the latest programming language paradigm? Haskell is a functional programming language, based on formal mathematical principles. As such, it is easy to reason about and develop, and it executes efficiently on modern multicore machines. From investment banks to social networks, everyone is adopting Haskell.

Self Paced
5-12 Weeks
Intermediate Python (FutureLearn) FutureLearn
University of California, Irvine

Intermediate Python (FutureLearn)

Develop your programming skills and learn the dynamic semantics of Python as an object-oriented programming language. Build your Python programming skills. On this six-week course from the University of California, Irvine, you’ll gain basic computer science knowledge to help you become more efficient with Python programming, focusing on the data-science applications of programming concepts.

Nov 29th 2021
5-12 Weeks
Building Web Applications in Django (FutureLearn) FutureLearn
University of Michigan

Building Web Applications in Django (FutureLearn)

Learn how to build and deploy web applications using the Django framework in the Python programming language. Discover the basics of the Django web framework. Django is a high-level Python web framework that encourages fast development and a clean, pragmatic design. This informative, four-week course from the University of Michigan will teach you all the basics of the Django web framework, and will show you how Django communicates with a database through model objects.

Dec 14th 2020
4 Weeks
Object-oriented Programming in Python: Create Your Own Adventure Game (FutureLearn) FutureLearn
Raspberry Pi Foundation,National Centre for Computing Education

Object-oriented Programming in Python: Create Your Own Adventure Game (FutureLearn)

Learn object-oriented programming principles by creating your own text-based adventure game in Python. Object-oriented programming is a programming paradigm based on objects and data rather than actions and logic. This online course will introduce you to the principles of object-oriented programming in Python, showing you how to create objects, functions, methods, and classes.

Jan 2nd 2023
4 Weeks
Django Features and Libraries (FutureLearn) FutureLearn
University of Michigan

Django Features and Libraries (FutureLearn)

Gather all the skills you need in order to build Django-based web applications suitable for use. Learn the ins and outs of Django and how to build web applications. This practical, six-week course from the University of Michigan will give you all the skills you need in order to build Django-based web applications suitable for use by end users.

Jan 11th 2021
5-12 Weeks
Learn to Code for Data Analysis (FutureLearn) FutureLearn
The Open University

Learn to Code for Data Analysis (FutureLearn)

Software and data make the world go round. Learn programming, to analyse and visualise open data, with this free online course. This hands-on course will teach you how to write your own computer programs, one line of code at a time. You’ll learn how to access open data, clean it and analyse it and to produce visualisations. You will also learn how to write up and share your analyses, privately or publicly.

No sessions available
4 Weeks