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

Construct a Virtual Reality Experience (FutureLearn) FutureLearn
Lancaster University,Institute of Coding

Construct a Virtual Reality Experience (FutureLearn)

Discover what virtual reality is, how it can be used, and how you can create it in Javascript. Explore virtual reality with practical examples and build your own VR experience. Virtual reality is increasingly being deployed by a wide range of industries to allow an object to be manipulated by a user when the user can’t physically reach the object. We’ve seen VR applied by such varied professions as surgeons, teachers, and architects to let highly-skilled workers explore objects they otherwise wouldn’t be able to.

Mar 1st 2021
4 Weeks
Programming Pedagogy in Secondary Schools: Inspiring Computing Teaching (FutureLearn) FutureLearn
Raspberry Pi Foundation,National Centre for Computing Education

Programming Pedagogy in Secondary Schools: Inspiring Computing Teaching (FutureLearn)

Examine a range of pedagogical approaches suitable for teaching computing in Key Stage 3 (Grade 6–8 in the USA). Transform your teaching by developing your pedagogical approach. In the first two weeks of this course, you’ll be introduced to a range of pedagogical approaches suitable for Key Stage 3. You’ll look at a range of pedagogies aimed at developing your students’ computational thinking skills, from unplugged approaches to PRIMM, and more. You’ll also investigate worked examples and targeted tasks such as Parson’s Problems.

Mar 6th 2023
3 Weeks
Networking with Python: Socket Programming for Communication (FutureLearn) FutureLearn
Raspberry Pi Foundation,National Centre for Computing Education

Networking with Python: Socket Programming for Communication (FutureLearn)

Discover how you can create networked applications in Python by using sockets. Supported by Google. Build your practical network application skills and understanding. On this course from the Raspberry Pi Foundation, you’ll learn how to create programs that communicate over the internet.

Mar 6th 2023
3 Weeks
Understanding Maths and Logic in Computer Science (FutureLearn) FutureLearn
Raspberry Pi Foundation

Understanding Maths and Logic in Computer Science (FutureLearn)

Improve your understanding and ability to teach maths and logic in computing while building elements of an escape room. Become more familiar with maths and logic in computer science. The mathematical aspects of computer science can be difficult to understand and teach. On this course, you will be introduced to maths and logic in computing in an engaging way.

Nov 1st 2021
3 Weeks
Video Game Design and Development: Introduction to Game Programming (FutureLearn) FutureLearn
Abertay University

Video Game Design and Development: Introduction to Game Programming (FutureLearn)

Discover the essentials of video game programming and learn how you can start your own programming career. Learn the basics of game development to understand how great games are designed. Video games have become a multi-billion-dollar industry, even recently overshadowing cinema as the globe’s go-to entertainment medium of choice.

Jun 28th 2021
2 Weeks
Introduction to Programming with Scratch (FutureLearn) FutureLearn
Raspberry Pi Foundation,National Centre for Computing Education

Introduction to Programming with Scratch (FutureLearn)

Discover the fundamentals of programming using the block-based programming language Scratch. Learn how to program your own animations and games. Scratch is a powerful, visual programming language that provides a great introduction to the world of programming. By snapping blocks together, you can create amazing animations and games. Over this four-week course, you’ll learn how to navigate the Scratch programming environment, create your own programs, and share your creations.

Feb 14th 2022
4 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
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
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
Introduction to VR Programming, Design, and Unity (FutureLearn) FutureLearn
VR Voom

Introduction to VR Programming, Design, and Unity (FutureLearn)

Step into the world of VR game development, learn the basics of programming language, and even create your own 2D game. Learn how to design, program, and create your very own VR games. The gaming industry has grown exponentially, outperforming both movies and sports combined in 2020. And VR is the newest, exciting innovation taking the industry by storm.

Jun 27th 2022
5-12 Weeks
Programming Essentials with Python: Matplotlib and Seaborn (FutureLearn) FutureLearn
FutureLearn

Programming Essentials with Python: Matplotlib and Seaborn (FutureLearn)

Explore the fundamentals of object-orientated programming languages and learn how to visualise data with Python. Discover Python libraries and the tools to improve your data presentation. On this course, you’ll examine the core principles of data-visualisation libraries. You’ll learn to define object-oriented programming, explore the key components of visualising with Python and the tools that can be leveraged. You’ll also explore other Python libraries and their uses, learning how to define and compare them.

May 23rd 2022
4 Weeks