We may earn an affiliate commission when you visit our partners.

Responsive Website Basics

Code with HTML, CSS, and JavaScript

Dr Matthew Yee-King, Dr Kate Devlin, and Prof Marco Gillies

In this course you will learn three key website programming and design languages: HTML, CSS and JavaScript. You will create a web page using basic elements to control layout and style. Additionally, your web page will support interactivity.

At the end of the course, you will be able to:

1. Define the purpose of HTML, CSS and JavaScript

2. Make a simple web page using HTML

3. Use CSS to control text styles and layout

4. Use CSS libraries such as Bootstrap to create responsive layouts

5. Use JavaScript variables and functions

At the end of the course, you will be able to:

1. Define the purpose of HTML, CSS and JavaScript

2. Make a simple web page using HTML

3. Use CSS to control text styles and layout

4. Use CSS libraries such as Bootstrap to create responsive layouts

5. Use JavaScript variables and functions

6. Manipulate web page content using JavaScript

7. Respond to user input using JavaScript

In this course, you will complete:

2 assignments writing HTML, CSS and JavaScript, each taking ~1 hour to complete

4 quizzes, each taking ~20 minutes to complete

1 programming exercise~30 minutes to complete

multiple practice quizzes, each taking ~5 minutes to complete

Participation in or completion of this online course will not confer academic credit for University of London programmes.

Enroll now

Or subscribe to Coursera Plus

And get unlimited access to Coursera

What's inside

Syllabus

Course introduction

Welcome to the first course of the 'Responsive website development and design' specialisation!

HTML

We start the course by looking at how to set up a dev environment, build a HTML navbar and how to embed images and create lists using HTML.

Also we'll create properly structured HTML documents and have a look at the world's first web page.

Looking forward to working with you this week!

Matthew, Marco and Kate

CSS

Welcome to the second module of 'Responsive website basics'.

In this section of the course we will have a look at linking external CSS files to your HTML documents, controlling fonts with CSS and using CSS to customise hyperlink formatting and to control text layout. We will also install the bootstrap library and implement a responsive grid layout- Enjoy!

- Matthew, Marco and Kate

Beginning JavaScript

Welcome to the third module of 'Responsive website basics'.

In this module we will write simple JavaScript programs and learn how to write programs that can respond to user input such as clicking on HTML elements. We will also take a look at JavaScript functions and use jQuery to manipulate web pages.

Finally, you will learn how to write your own javaScript functions including anonymous functions.

Looking forward to working with you this week!

- Matthew and Marco

Going deeper into JavaScript

Welcome to the final module of 'Responsive website basics'.

In this final section of the course we will define JavaScript variables and write simple JavaScript programs that use and change the values of variables.

We'll also write if statements to control the flow of a JavaScript program, use boolean variables in conjunction with if statements and write javaScript in the context of moderately complex web applications.

Enjoy!

- Matthew and Marco

Good to know

Know what's good

, what to watch for

, and possible dealbreakers

Explores responsive website development and design concepts, which align with current industry standards

Builds core web design skills, including HTML, CSS, and JavaScript

Provides practical experience with quizzes, assignments, and programming exercises

Taught by experienced instructors, Matthew Yee-King and Kate Devlin

Covers foundational concepts in web development

Provides step-by-step guidance for beginners

Save this course

Save Responsive Website Basics: Code with HTML, CSS, and JavaScript to your list so you can find it easily later:

Save

Reviews summary

Responsive web basics: html/css/js

learners say this course is a good introduction to responsive web design with HTML, CSS, and JavaScript. They especially appreciate the assignments, which give them a chance to apply their learning and receive feedback from peers. However, some learners caution that the course moves quickly and assumes some prior programming knowledge.

This course is accessible to beginners, even those with no programming experience.

"This course is titled "Responsive Website Basics: Code with HTML, CSS, and JavaScript "."

The assignments in this course are praised for their effectiveness in applying knowledge and receiving feedback.

"I loved the instructors, both were very knowledgeable and I learned a lot from the classes."

"Thank you for the course. I like the assignments which you have asked us to do in every week."

Students largely appreciate this course and its assignments.

"This is a great course if your are beginning with Web Development and Design."

"I really enjoyed the online course."

"it's great! Explained every topics in a very good manner."

"It was great learning and I came to learn many new features of Html,Css, Js from scratch ."

"I was very confused before that from where I start but now I am able to select my path."

"It was great experience while doing this course."

While the course is accessible to beginners, it does assume some prior programming knowledge.

"The course was good way to step into web development, if you are new to front end this course is definitely a big yes."

Some learners report gaps in the content, particularly in the Javascript module.

"Javascript module is not clearly explained by the instructor."

Activities

Be better prepared before your course. Deepen your understanding during and after it. Supplement your coursework and achieve mastery of the topics covered in Responsive Website Basics: Code with HTML, CSS, and JavaScript with these activities:

Build a Simple Website with HTML and CSS

Show steps

Practice building a simple website with HTML and CSS to get hands-on experience before the course begins.

Show steps

Find a beginner-friendly tutorial on building a website with HTML and CSS.
Follow the steps in the tutorial to create a simple website with a basic layout and design.
Test your website in a browser to ensure it displays correctly.

Review JavaScript Variables and Functions

Show steps

Refresh your understanding of JavaScript variables and functions before the course begins.

Show steps

Review your notes from previous courses or online resources on JavaScript variables and functions.
Complete practice exercises to test your understanding and identify areas where you need more practice.

Practice Writing JavaScript Code

Show steps

Regularly practice writing JavaScript code to improve your proficiency.

Show steps

Set aside time each day to write JavaScript code.
Find coding challenges or exercises online and try to solve them.

Five other activities

Expand to see all activities and additional details

Show all eight activities

Join a Study Group or Online Forum

Show steps

Connect with other students or join an online community to discuss course topics, share knowledge, and get support.

Show steps

Find a study group or online forum dedicated to web development.
Participate in discussions and ask questions about course material.

Attend a Web Development Workshop

Show steps

Participate in a workshop to learn new web development techniques and gain practical experience.

Show steps

Find a workshop that aligns with your learning goals and interests.
Attend the workshop and actively participate in activities and discussions.

Create a JavaScript Code Snippet Library

Show steps

Build a library of reusable JavaScript code snippets to enhance your coding efficiency and reinforce your understanding.

Show steps

Identify common JavaScript functions and algorithms that you use frequently.
Write code snippets for these functions and algorithms.
Organize your snippets into a well-documented library.

Participate in a Web Development Challenge or Hackathon

Show steps

Test your skills and learn from others by participating in a web development challenge or hackathon.

Show steps

Find a web development challenge or hackathon that aligns with your level of experience and interests.
Form a team or work independently to develop a solution to the challenge.

Build a Portfolio Website

Show steps

Create a portfolio website to showcase your web development skills and projects.

Show steps

Choose a web development platform and design a layout for your portfolio website.
Develop and implement the functionality of your website.
Add your best web development projects and highlight your skills and experience.

Career center

Learners who complete Responsive Website Basics: Code with HTML, CSS, and JavaScript will develop knowledge and skills that may be useful to these careers:

Web Developer

Web Developers are responsible for building and maintaining websites. They use various programming languages and technologies, including HTML, CSS, and JavaScript. This course will provide you with a solid foundation in these essential web development tools. You will learn how to create web pages, style them using CSS, and use JavaScript to add interactivity. This course will help you develop the skills you need to become a successful Web Developer.

See salaries and explore the career path for Web Developer

Front-End Developer

Front-end development is the practice of converting data into a graphical interface, using HTML, CSS, and JavaScript. This course will teach you the basics of these three crucial website programming and design languages. The knowledge and skills you gain will help you build a strong foundation for a career as a Front-end Developer. You will learn how to create interactive web pages, control text styles and layout, and use JavaScript functions to manipulate web page content in response to user input.

See salaries and explore the career path for Front-End Developer

Full-Stack Developer

Full-Stack Developers are responsible for both the front-end and back-end of websites and applications. They work with a variety of programming languages and technologies, including HTML, CSS, JavaScript, and server-side languages. This course will teach you the basics of front-end development with HTML, CSS, and JavaScript. This knowledge will give you a strong foundation for pursuing a career as a Full-Stack Developer.

See salaries and explore the career path for Full-Stack Developer

User Experience (UX) Designer

UX Designers focus on the user experience of websites and applications. They use various methods to improve the usability, accessibility, and overall user satisfaction of digital products. This course will teach you the basics of HTML, CSS, and JavaScript, which are essential for understanding how websites and applications are structured and designed. This knowledge will help you build a strong foundation for a career as a UX Designer.

See salaries and explore the career path for User Experience (UX) Designer

Web Designer

Web Designers are responsible for the overall design and layout of websites. They work with UX Designers and UI Designers to create websites that are both visually appealing and functional. This course will teach you the basics of HTML, CSS, and JavaScript, which are essential for understanding how websites are structured and designed. This knowledge will help you build a strong foundation for a career as a Web Designer.

See salaries and explore the career path for Web Designer

UI Designer

UI Designers are responsible for the visual design of websites and applications. They work with UX Designers to create user interfaces that are both visually appealing and functional. This course will teach you the basics of HTML, CSS, and JavaScript, which are essential for understanding how websites and applications are structured and designed. This knowledge will help you build a strong foundation for a career as a UI Designer.

See salaries and explore the career path for UI Designer

Information Architect

Information Architects design and organize the structure and content of websites and applications. They use various methods to improve the usability, accessibility, and overall user experience of digital products. This course will teach you the basics of HTML, CSS, and JavaScript, which are essential for understanding how websites and applications are structured and designed. This knowledge will help you build a strong foundation for a career as an Information Architect.

See salaries and explore the career path for Information Architect

Software Developer

Software Developers design, develop, and maintain software applications. They use a variety of programming languages and technologies, including HTML, CSS, and JavaScript. This course will teach you the basics of these essential web development tools. You will learn how to create web pages, style them using CSS, and use JavaScript to add interactivity. This course will help you develop the skills you need to become a successful Software Developer.

See salaries and explore the career path for Software Developer

Technical Writer

Technical Writers create documentation for software and other technical products. They use various writing styles and formats to explain complex technical concepts to users. This course will teach you the basics of HTML, CSS, and JavaScript, which are essential for understanding how websites and applications are structured and designed. This knowledge will help you build a strong foundation for a career as a Technical Writer.

See salaries and explore the career path for Technical Writer

Customer Success Manager

Customer Success Managers are responsible for ensuring that customers are satisfied with products and services. They work with various teams, including sales teams and support teams, to resolve customer issues and improve customer satisfaction. This course will teach you the basics of HTML, CSS, and JavaScript, which are essential for understanding how websites and applications are structured and designed. This knowledge will help you build a strong foundation for a career as a Customer Success Manager.

See salaries and explore the career path for Customer Success Manager

Marketing Manager

Marketing Managers are responsible for developing and implementing marketing campaigns. They work with various teams, including product managers, sales teams, and creative teams, to promote products and services. This course will teach you the basics of HTML, CSS, and JavaScript, which are essential for understanding how websites and applications are structured and designed. This knowledge will help you build a strong foundation for a career as a Marketing Manager.

See salaries and explore the career path for Marketing Manager

Product Manager

Product Managers are responsible for the planning, development, and launch of new products. They work with various teams, including engineers, designers, and marketers, to bring new products to market. This course will teach you the basics of HTML, CSS, and JavaScript, which are essential for understanding how websites and applications are structured and designed. This knowledge will help you build a strong foundation for a career as a Product Manager.

See salaries and explore the career path for Product Manager

Business Analyst

Business Analysts are responsible for analyzing business processes and identifying opportunities for improvement. They work with various teams, including engineering teams and management teams, to implement new solutions. This course will teach you the basics of HTML, CSS, and JavaScript, which are essential for understanding how websites and applications are structured and designed. This knowledge will help you build a strong foundation for a career as a Business Analyst.

See salaries and explore the career path for Business Analyst

Sales Manager

Sales Managers are responsible for leading and managing sales teams. They work with various teams, including marketing teams and customer service teams, to generate revenue. This course will teach you the basics of HTML, CSS, and JavaScript, which are essential for understanding how websites and applications are structured and designed. This knowledge will help you build a strong foundation for a career as a Sales Manager.

See salaries and explore the career path for Sales Manager

Project Manager

Project Managers are responsible for planning, executing, and closing projects. They work with various teams, including engineering teams and design teams, to deliver projects on time and within budget. This course will teach you the basics of HTML, CSS, and JavaScript, which are essential for understanding how websites and applications are structured and designed. This knowledge will help you build a strong foundation for a career as a Project Manager.

See salaries and explore the career path for Project Manager

Featured in The Course Notes

This course is mentioned in our blog, The Course Notes. Read one article that features Responsive Website Basics: Code with HTML, CSS, and JavaScript :

Test

25 minute read

Reading list

We've selected 16 books that we think will supplement your learning. Use these to develop background knowledge, enrich your coursework, and gain a deeper understanding of the topics covered in Responsive Website Basics: Code with HTML, CSS, and JavaScript .

Eloquent JavaScript, 3rd Edition

Save

Provides a comprehensive and in-depth look at JavaScript, covering everything from the basics to advanced concepts such as object-oriented programming, closures, and asynchronous programming. It valuable resource for experienced JavaScript developers looking to expand their knowledge and skills.

Responsive Website Basics

Code with HTML, CSS, and JavaScript

What's inside

Syllabus

Good to know

Save this course

Reviews summary

Responsive web basics: html/css/js

Activities

Career center

Featured in The Course Notes

Reading list

Share

Similar courses