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

Software Development Basics (FutureLearn) FutureLearn
FutureLearn

Software Development Basics (FutureLearn)

Learn the basics of HTML code, gain expert insights into web development, and decide if the industry is right for you. Kick-start your career in web-based software development. The web design and development industry is growing exponentially and offers several exciting employment opportunities. Many people perceive this field as too complex, assume they won’t understand the material and therefore don’t consider it as a viable job prospect.

Self Paced
4 Weeks
Robotics With Raspberry Pi: Build and Program Your First Robot Buggy (FutureLearn) FutureLearn
Raspberry Pi Foundation,National Centre for Computing Education

Robotics With Raspberry Pi: Build and Program Your First Robot Buggy (FutureLearn)

Build and program your first robot buggy using a Raspberry Pi, learning how to connect motors, add sensors and write algorithms. Learn robotics by building a robot buggy and controlling it with a Raspberry Pi. On this course from the Raspberry Pi Foundation, you’ll build a robot buggy controlled by a Raspberry Pi.

Jan 2nd 2023
3 Weeks
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
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
Scratch to Python: Moving from Block- to Text-based Programming (FutureLearn) FutureLearn
Raspberry Pi Foundation

Scratch to Python: Moving from Block- to Text-based Programming (FutureLearn)

Learn how to apply the thinking and programming skills you've learnt in Scratch to text-based programming languages like Python. Discover how you can transition from block to text-based programming. Block-based programming languages like Scratch make it simple to learn and teach programming. But once you and your students have mastered it, it’s time to move on to a text-based programming language such as Python. This online course will show you how.

Mar 6th 2023
4 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
Programming Applications with Python: Graphics User Interface (GUI) (FutureLearn) FutureLearn
FutureLearn

Programming Applications with Python: Graphics User Interface (GUI) (FutureLearn)

Discover how to create a GUI using Python and start to explore creating APIs. Make a GUI application in Python. On this course, you’ll explore a common use for Python – how to create a successful GUI. GUIs are a crucial aspect of any web service, and knowing how to create one is a vital skill for furthering your career in programming.

May 23rd 2022
4 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
Programming 101: An Introduction to Python for Educators (FutureLearn) FutureLearn
Raspberry Pi Foundation

Programming 101: An Introduction to Python for Educators (FutureLearn)

Explore the basics of Python. Guided by the Raspberry Pi Foundation, you’ll learn to code your first program. Learn how to program in Python with help from Raspberry Pi. On this course, you’ll explore programming in Python. Guided by the Raspberry Pi Foundation, you’ll discover basic programming concepts, learning how to understand the basics of python syntax and interpret error messages.

Nov 1st 2021
4 Weeks
Software Development: Introducing Java (FutureLearn) FutureLearn
FutureLearn

Software Development: Introducing Java (FutureLearn)

Explore how Java can help support your software development career and learn its basic uses and functions. Becoming a software developer requires you to confidently use programming languages such as Python and Java to design, build, and fix software. This course is designed to build your existing Python knowledge and introduce you to Java and its applications within the development environment.

Self Paced
4 Weeks
Programming Essentials with Python: Cloud Technology and SaaS (FutureLearn) FutureLearn
FutureLearn

Programming Essentials with Python: Cloud Technology and SaaS (FutureLearn)

Launch your career in programming with this course on the fundamentals of Python and other programming languages. Develop your knowledge of cloud infrastructure and cloud technologies. What’s powering the architecture of cloud computing, and how does it rely on Python programming? Take a deep dive into the cloud and look at different types of cloud architecture and learn to articulate the benefits, challenges, and opportunities they offer.

May 23rd 2022
4 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