Is financial aid available?

Yes. In select learning programs, you can apply for financial aid or a scholarship if you can’t afford the enrollment fee. If fin aid or scholarship is available for your learning program selection, you’ll find a link to apply on the description page.

Programming Foundations with JavaScript, HTML and CSS

Programming Foundations with JavaScript, HTML and CSS

This course is part of Java Programming and Software Engineering Fundamentals Specialization

Instructors: Susan H. Rodger

614,433 already enrolled

Included with Learn more

Ask Coursera

4 modules

Gain insight into a topic and learn the fundamentals.

14,950 reviews

Beginner level

No prior experience required

Flexible schedule

3 weeks at 10 hours a week

Learn at your own pace

95%

Most learners liked this course

4 modules

Gain insight into a topic and learn the fundamentals.

14,950 reviews

Beginner level

No prior experience required

Flexible schedule

3 weeks at 10 hours a week

Learn at your own pace

95%

Most learners liked this course

Skills you'll gain

Tools you'll learn

Details to know

Shareable certificate

Add to your LinkedIn profile

Assessments

16 assignments

Taught in English

See how employees at top companies are mastering in-demand skills

Learn more about Coursera for Business

logos of Petrobras, TATA, Danone, Capgemini, P&G and L'Oreal

Build your subject-matter expertise

This course is part of the Java Programming and Software Engineering Fundamentals Specialization

When you enroll in this course, you'll also be enrolled in this Specialization.

Learn new concepts from industry experts
Gain a foundational understanding of a subject or tool
Develop job-relevant skills with hands-on projects
Earn a shareable career certificate

There are 4 modules in this course

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; 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.

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!

What's included

13 videos9 readings4 assignments2 discussion prompts

13 videosTotal 58 minutes

Course Overview3 minutes
Tips for Learning Programming2 minutes
Resources to Help You Succeed2 minutes
Using CodePen3 minutes
What Is HTML?7 minutes
Metadata and Sectioning Elements3 minutes
Formatting Text and Nesting Tags2 minutes
Adding Images and Links3 minutes
Images and Storage6 minutes
Lists and Tables8 minutes
How CSS Is Used to Design Web Pages4 minutes
CSS Basics8 minutes
Colors and Names in CSS8 minutes

9 readingsTotal 225 minutes

Course Welcome10 minutes
Report a problem with the course10 minutes
Try It! Create Your CodePen Account10 minutes
Try It! Build a “My Interests” Web Page40 minutes
Try It! Format Text20 minutes
Try It! Add Links and Images30 minutes
Try It! Create Lists and Tables45 minutes
Try It! Style Your Web Page with CSS30 minutes
Try It! Customize Your Web Page’s Colors30 minutes

4 assignmentsTotal 120 minutes

Using HTML - Formatting Text30 minutes
Using HTML - Displaying Data30 minutes
Styling with CSS30 minutes
Designing a Web Page with HTML and CSS30 minutes

2 discussion promptsTotal 20 minutes

Asking for Help in the Forums10 minutes
Share your “My Interests” Web Page10 minutes

In this module, you’ll explore computational thinking and learn the basics of programming in JavaScript. You’ll practice designing algorithms, work with image processing libraries, and apply programming concepts to solve problems - like creating a green screen effect for images on your web pages.

What's included

15 videos6 readings6 assignments

15 videosTotal 100 minutes

Introduction2 minutes
Everything Is a Number7 minutes
How Is That a Number?3 minutes
Developing an Algorithm6 minutes
A Seven Step Approach to Solving Programming Problems7 minutes
Variables10 minutes
Methods7 minutes
Functions6 minutes
Types4 minutes
DukeLearnToProgram Environment10 minutes
For Loops6 minutes
Conditional Execution7 minutes
Translating to Code10 minutes
Thinking Critically about Your Program4 minutes
Finding Bugs in Code10 minutes

6 readingsTotal 253 minutes

Try It! Using Variables, Methods and Functions30 minutes
Rampup Programming Exercise - Variables, Methods and Functions3 minutes
Try It! Using For Loops30 minutes
Rampup: Programming Exercise - Loops and Conditionals10 minutes
Programming Exercise: Modifying Images90 minutes
Programming Exercise: Advanced Modifying Images90 minutes

6 assignmentsTotal 170 minutes

Solving Programming Problems20 minutes
Variables, Methods and Functions30 minutes
Loops and Conditionals30 minutes
Modifying Images with JavaScript30 minutes
Debugging Your Code30 minutes
Overview of Programming Concepts30 minutes

In this module, you’ll build on your HTML, CSS, and JavaScript skills to create interactive webpages using event-driven programming. You’ll learn how to connect user actions - like clicking buttons - to dynamic responses, culminating in an interactive green screen image processing tool.

What's included

8 videos9 readings3 assignments

8 videosTotal 62 minutes

Introduction3 minutes
Buttons with Divs7 minutes
Changing Pages Interactively8 minutes
Using HTML5 Canvas10 minutes
Inputs and Events8 minutes
Upload and Display an Image8 minutes
Convert Image to Grayscale9 minutes
Moving to CodePen9 minutes

9 readingsTotal 320 minutes

Try It! Buttons with Divs30 minutes
Try It! Change Pages Interactively30 minutes
Programming Exercise: TODO list10 minutes
Try It! Canvas30 minutes
Try It! Inputs and Events30 minutes
Programming Exercise: An Interactive Paint Canvas10 minutes
Try It! Upload and Display an Image30 minutes
Try It! Convert an Image to Grayscale60 minutes
Try It! Green Screen Online90 minutes

3 assignmentsTotal 90 minutes

Buttons and Interaction30 minutes
Event-Driven Programming30 minutes
Interactive Web Pages30 minutes

In this module, you’ll bring together your HTML, CSS, and JavaScript skills to build a mini-project: a simple website that allows users to upload and filter images. You’ll create basic filters, customize the page with your own styling, and tackle optional challenges to add new filters, display image dimensions, and make your project even more dynamic.

What's included

5 videos6 readings3 assignments

5 videosTotal 31 minutes

Introduction4 minutes
Steganography Part I7 minutes
Steganography Part II8 minutes
Steganography Part III5 minutes
Steganography Coding Example8 minutes

6 readingsTotal 425 minutes

MiniProject Part 190 minutes
MiniProject Part 290 minutes
MiniProject Challenge60 minutes
Extra Challenge5 minutes
Steganography Review90 minutes
Steganography: Programming Exercise Guide90 minutes

3 assignmentsTotal 90 minutes

Steganography math30 minutes
Steganography30 minutes
Review of HTML, CSS, and JavaScript30 minutes

Earn a career certificate

Add this credential to your LinkedIn profile, resume, or CV. Share it on social media and in your performance review.

Instructors

Instructor ratings

(3,225 ratings)

Susan H. Rodger

Duke University

10 Courses935,935 learners

Offered by

Duke University

Explore more from Mobile and Web Development

Duke University
Java Programming: Build a Recommendation System
Course
Duke University
Java Programming: Solving Problems with Software
Course
Duke University
Java Programming: Arrays, Lists, and Structured Data
Course
Duke University
Java Programming: Principles of Software Design
Course

Why people choose Coursera for their career

Felipe M.

Learner since 2018

"To be able to take courses at my own pace and rhythm has been an amazing experience. I can learn whenever it fits my schedule and mood."

Jennifer J.

Learner since 2020

"I directly applied the concepts and skills I learned from my courses to an exciting new project at work."

Larry W.

Learner since 2021

"When I need courses on topics that my university doesn't offer, Coursera is one of the best places to go."

Chaitanya A.

"Learning isn't just about being better at your job: it's so much more than that. Coursera allows me to learn without limits."

Learner reviews

5 stars
72.63%
4 stars
20.93%
3 stars
3.92%
2 stars
1.05%
1 star
1.45%

Showing 3 of 14950

Reviewed on Sep 5, 2023

Absolutely great course to step into the wonders of CSE. The experience and the guidance we receive in the graphic manipulation is absolutely wonderful. Thank you for the greatly formulated course !

Reviewed on Aug 17, 2019

Very insightful and helped me learn about the basics of computer science. Now I'm able to better understand the jargon of computer science and can discuss with others or even review codes. Thank you!

Reviewed on Dec 26, 2020

Un enfoque muy practico y educativo porque los resultados eran muy visuales y eso ayuda mucho a sentirse mas satisfecho cuando las cosas salen bien y uno se las puede mostrar a la familia y amigos.

View more reviews

Unlock access to 10,000+ courses with a subscription
Advance your career with an online degree
Earn a degree from world-class universities - 100% online
Join over 4,700 global companies that choose Coursera for Business

Frequently asked questions

No. Completion of a Coursera course does not earn you academic credit from Duke; therefore, Duke is not able to provide you with a university transcript. However, your electronic Certificate will be added to your Accomplishments page - from there, you can print your Certificate or add it to your LinkedIn profile.

To access course materials, assignments, and earn a Certificate, you'll need to purchase the Certificate experience when you enroll in a course. Eligible learners may also have the option to start with a Free Trial. Some courses may also offer a Full Course, No Certificate option. This lets you access course materials, submit required assessments, and receive a final grade, but you won't be able to earn or purchase a Certificate.

When you enroll in the course, you get access to all of the courses in the Specialization, and you earn a certificate when you complete the work. Your electronic Certificate will be added to your Accomplishments page - from there, you can print your Certificate or add it to your LinkedIn profile.