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

Programming Foundations with JavaScript, HTML and CSS

Susan H. Rodger, Robert Duvall, Owen Astrachan, and Andrew D. Hilton

Learn foundational programming concepts (e.g., functions, for loops, conditional statements) and how to solve problems like a programmer. In addition, learn basic web development as you build web pages using HTML, CSS, JavaScript. By the end of the course, will create a web page where others can upload their images and apply image filters that you create.

After completing this course, you will be able to:

1. Think critically about how to solve a problem using programming;

2. Write JavaScript programs using functions, for loops, and conditional statements;

After completing this course, you will be able to:

1. Think critically about how to solve a problem using programming;

2. Write JavaScript programs using functions, for loops, and conditional statements;

3. Use HTML to construct a web page with paragraphs, divs, images, links, and lists;

4. Add styles to a web page with CSS IDs and classes; and

5. Make a web page interactive with JavaScript commands like alert, onClick, onChange, adding input features like an image canvas, button, and slider.

Enroll now

Or subscribe to Coursera Plus

And get unlimited access to Coursera

What's inside

Syllabus

Welcome

Welcome! In this module, you will be introduced to this course's approach to teaching the basics of programming, from building web pages, to writing programs with JavaScript, to making web pages interactive.

Designing a Web Page with HTML and CSS

In this module, you will learn the basics of HTML and CSS to design a web page. Over the course of the module you will build your first web page!

Algorithms and Programming Concepts

JavaScript for Web Pages

MiniProject: Image Filters on the Web

Good to know

Know what's good

, what to watch for

, and possible dealbreakers

Provides a hands-on, practical foundation for programmers

Builds a strong foundational knowledge in programming for beginners

Taught by experienced and respected instructors in the field of computer science

Introduces the fundamentals of web development using HTML, CSS, and JavaScript

Gradually increases in complexity, allowing learners to build upon their foundational knowledge

Provides opportunities for learners to apply their knowledge through hands-on projects

Save this course

Save Programming Foundations with JavaScript, HTML and CSS to your list so you can find it easily later:

Save

Reviews summary

Well-rounded foundations course

Learners say this introductory course in JavaScript, HTML, and CSS provides a well-rounded foundation in web development. However, they also note that while some of the course content is engaging, other parts are too basic for students with prior programming experience or too oversimplified. This course has many projects, but some find the assignments to be difficult or not aligned with the course content.

Some great instructors

"Some parts are wonderful...others are extremely frustrating"

"others just inspire yawns. There are far better courses if you wish to learn programming than this one - look up Dr Chuck for one."

Many projects

"The course gives you introduction-level familiarity with a all the 3 brick-and-mortar website building tools: html, css, javascript."

"I got to do many projects and created many cool stuffs using Javascript from this course."

For beginners

"The course gives you introduction-level familiarity with a all the 3 brick-and-mortar website building tools: html, css, javascript."

"I got to do many projects and created many cool stuffs using Javascript from this course. Great way to begin javascript learning."

Oversimplified for those with experience

"By so basic for those who already has some experience in programming. "

Lessons not always aligned with assignments

"Some parts are wonderful...others are extremely frustrating as the lessons and examples do not always truly mirror the assignments."

"At times, the assignments ask for code that you have not in any way been taught."

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 Programming Foundations with JavaScript, HTML and CSS with these activities:

JavaScript for Beginners

Show steps

Gain a solid understanding of JavaScript fundamentals by reading this beginner-friendly book.

View JavaScript de Alto Desempenho on Amazon

Show steps

Read the book's chapters on JavaScript basics
Complete the exercises in the book

Review basic HTML and CSS

Show steps

Brush up on your basic HTML and CSS skills to ensure you have a solid foundation for the course.

Browse courses on HTML

Show steps

Review HTML tags and their structure
Review CSS selectors and properties
Create a simple web page using HTML and CSS

Mozilla Developer Network tutorials

Show steps

Supplement your learning by following tutorials from Mozilla Developer Network to reinforce your understanding of HTML, CSS, JavaScript, and web development concepts.

Browse courses on HTML

Show steps

Choose a tutorial on a topic you want to learn more about
Follow the steps in the tutorial
Test your understanding by completing the exercises in the tutorial

Five other activities

Expand to see all activities and additional details

Show all eight activities

Coding practice quizzes

Show steps

Practice writing JavaScript programs and building web pages to strengthen your understanding of the concepts covered in the course.

Browse courses on Functions

Show steps

Take a coding practice quiz on Functions
Take a coding practice quiz on For loops
Take a coding practice quiz on Conditional statements
Take a coding practice quiz on HTML
Take a coding practice quiz on CSS
Take a coding practice quiz on JavaScript

Study group discussion

Show steps

Join a study group to discuss course concepts, work on practice problems, and learn from your peers.

Browse courses on Functions

Show steps

Find a study group to join
Attend study group meetings regularly
Participate in discussions and ask questions
Work together on practice problems

Web design project

Show steps

Create a web page that showcases your understanding of HTML, CSS, and JavaScript. This will allow you to apply the concepts you've learned in the course to a practical project.

Browse courses on HTML

Show steps

Design a layout for your web page
Create the HTML structure of your web page
Add CSS styles to your web page
Add JavaScript interactivity to your web page
Test and refine your web page

Contribute to an open-source project

Show steps

Apply your skills by contributing to an open-source project related to HTML, CSS, JavaScript, or web development. This will allow you to gain practical experience and contribute to the community.

Browse courses on HTML

Show steps

Find an open-source project to contribute to
Review the project's documentation and codebase
Identify an issue or feature to work on
Implement a solution and submit a pull request

Mentor a beginner in JavaScript

Show steps

Reinforce your understanding of JavaScript by mentoring a beginner. This will allow you to share your knowledge and help others learn.

Browse courses on JavaScript

Show steps

Find a beginner to mentor
Establish a regular meeting time
Provide guidance and support on JavaScript concepts
Review code and provide feedback

Career center

Learners who complete Programming Foundations with JavaScript, HTML and CSS will develop knowledge and skills that may be useful to these careers:

Web Developer

Web Developers are responsible for the design and development of websites. They use their knowledge of HTML, CSS, and JavaScript to create websites that are both visually appealing and functional. This course would be a great foundation for someone who wants to become a Web Developer, as it would teach them the basics of these essential programming languages.

See salaries and explore the career path for Web Developer

Front-End Developer

Front-End Developers are responsible for the design and implementation of the user interface of a website. They use their knowledge of HTML, CSS, and JavaScript to create websites that are both visually appealing and easy to use. This course would be a great foundation for someone who wants to become a Front-End Developer, as it would teach them the basics of these essential programming languages.

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

Web Designer

Web Designers are responsible for the visual design of websites. They use their knowledge of design principles and software to create websites that are both visually appealing and easy to navigate. This course would be a helpful introduction to web design for someone who wants to become a Web Designer, as it would teach them the basics of HTML and CSS, two essential web design languages.

See salaries and explore the career path for Web Designer

User Experience (UX) Designer

UX Designers are responsible for the user experience of websites and other digital products. They use their knowledge of human behavior and design principles to create products that are both easy to use and enjoyable to use. This course would be a helpful introduction to UX design for someone who wants to become a UX Designer, as it would teach them the basics of HTML, CSS, and JavaScript, three essential web development languages.

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

Software Engineer

Software Engineers design, develop, and maintain software applications. They use their knowledge of programming languages and software development principles to create software that meets the needs of users. This course would be a helpful introduction to programming for someone who wants to become a Software Engineer, as it would teach them the basics of JavaScript, a popular programming language used in web development.

See salaries and explore the career path for Software Engineer

Computer Programmer

Computer Programmers write code that makes computers perform specific tasks. They use their knowledge of programming languages and computer science principles to create software that meets the needs of users. This course would be a helpful introduction to programming for someone who wants to become a Computer Programmer, as it would teach them the basics of JavaScript, a popular programming language used in web development.

See salaries and explore the career path for Computer Programmer

Systems Analyst

Systems Analysts design, develop, and implement computer systems. They use their knowledge of computer science principles and systems analysis techniques to create systems that meet the needs of users. This course would be a helpful introduction to systems analysis for someone who wants to become a Systems Analyst, as it would teach them the basics of JavaScript, a popular programming language used in systems development.

See salaries and explore the career path for Systems Analyst

Data Analyst

Data Analysts collect, analyze, and interpret data to help businesses make informed decisions. They use their knowledge of statistics and data analysis techniques to identify trends and patterns in data. This course would be a helpful introduction to data analysis for someone who wants to become a Data Analyst, as it would teach them the basics of JavaScript, a popular programming language used in data analysis.

See salaries and explore the career path for Data Analyst

Database Administrator

Database Administrators manage and maintain databases. They use their knowledge of database management systems and principles to ensure that databases are available, reliable, and secure. This course would be a helpful introduction to database administration for someone who wants to become a Database Administrator, as it would teach them the basics of JavaScript, a popular programming language used in database development.

See salaries and explore the career path for Database Administrator

Information Security Analyst

Information Security Analysts protect computer systems and networks from unauthorized access, use, disclosure, disruption, modification, or destruction. They use their knowledge of computer security principles and techniques to identify and mitigate security risks. This course would be a helpful introduction to computer security for someone who wants to become an Information Security Analyst, as it would teach them the basics of JavaScript, a popular programming language used in web development.

See salaries and explore the career path for Information Security Analyst

Network Administrator

Network Administrators manage and maintain computer networks. They use their knowledge of networking principles and techniques to ensure that networks are available, reliable, and secure. This course would be a helpful introduction to networking for someone who wants to become a Network Administrator, as it would teach them the basics of JavaScript, a popular programming language used in network development.

See salaries and explore the career path for Network Administrator

Quality Assurance Analyst

Quality Assurance Analysts test software to ensure that it meets the requirements of users. They use their knowledge of software testing principles and techniques to identify and fix bugs in software. This course would be a helpful introduction to software testing for someone who wants to become a Quality Assurance Analyst, as it would teach them the basics of JavaScript, a popular programming language used in web development.

See salaries and explore the career path for Quality Assurance Analyst

Business Analyst

Business Analysts analyze business processes and systems to identify areas for improvement. They use their knowledge of business analysis techniques and principles to create solutions that meet the needs of businesses. This course would be a helpful introduction to business analysis for someone who wants to become a Business Analyst, as it would teach them the basics of JavaScript, a popular programming language used in business analysis.

See salaries and explore the career path for Business Analyst

Technical Writer

Technical Writers create documentation for software and other technical products. They use their knowledge of programming languages and technical writing principles to create documentation that is both accurate and easy to understand. This course would be a helpful introduction to technical writing for someone who wants to become a Technical Writer, as it would teach them the basics of JavaScript, a popular programming language used in web development.

See salaries and explore the career path for Technical Writer

Project Manager

Project Managers plan, execute, and close projects. They use their knowledge of project management principles and techniques to ensure that projects are completed on time, within budget, and to the satisfaction of stakeholders. This course would be a helpful introduction to project management for someone who wants to become a Project Manager, as it would teach them the basics of JavaScript, a popular programming language used in project management.

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 Programming Foundations with JavaScript, HTML and CSS:

The World of Web Development

29 minute read

Reading list

We've selected 15 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 Programming Foundations with JavaScript, HTML and CSS.

Eloquent JavaScript, 3rd Edition

Save

A comprehensive and interactive online book that covers the fundamentals of JavaScript, including advanced topics such as functional programming and async programming. Serves as a valuable reference for the course's JavaScript concepts.

Programming Foundations with JavaScript, HTML and CSS

What's inside

Syllabus

Good to know

Save this course

Reviews summary

Well-rounded foundations course

Activities

Career center

Featured in The Course Notes

Reading list

Share

Similar courses