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

Name: Programming Foundations with JavaScript, HTML and CSS
Rating: 4.621294251488991 (14943 reviews)

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

Instructors: Susan H. Rodger

611,218 already enrolled

Included with

Learn more

4 modules

Gain insight into a topic and learn the fundamentals.

14,943 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,943 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

Cascading Style Sheets (CSS)

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 videos Total 58 minutes

Course Overview 3 minutes
Tips for Learning Programming 2 minutes
Resources to Help You Succeed 2 minutes
Using CodePen 3 minutes
What Is HTML? 7 minutes
Metadata and Sectioning Elements 3 minutes
Formatting Text and Nesting Tags 2 minutes
Adding Images and Links 3 minutes
Images and Storage 6 minutes
Lists and Tables 8 minutes
How CSS Is Used to Design Web Pages 4 minutes
CSS Basics 8 minutes
Colors and Names in CSS 8 minutes

9 readings Total 225 minutes

Course Welcome 10 minutes
Report a problem with the course 10 minutes
Try It! Create Your CodePen Account 10 minutes
Try It! Build a “My Interests” Web Page 40 minutes
Try It! Format Text 20 minutes
Try It! Add Links and Images 30 minutes
Try It! Create Lists and Tables 45 minutes
Try It! Style Your Web Page with CSS 30 minutes
Try It! Customize Your Web Page’s Colors 30 minutes

4 assignments Total 120 minutes

Using HTML - Formatting Text 30 minutes
Using HTML - Displaying Data 30 minutes
Styling with CSS 30 minutes
Designing a Web Page with HTML and CSS 30 minutes

2 discussion prompts Total 20 minutes

Asking for Help in the Forums 10 minutes
Share your “My Interests” Web Page 10 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 videos Total 100 minutes

Introduction 2 minutes
Everything Is a Number 7 minutes
How Is That a Number? 3 minutes
Developing an Algorithm 6 minutes
A Seven Step Approach to Solving Programming Problems 7 minutes
Variables 10 minutes
Methods 7 minutes
Functions 6 minutes
Types 4 minutes
DukeLearnToProgram Environment 10 minutes
For Loops 6 minutes
Conditional Execution 7 minutes
Translating to Code 10 minutes
Thinking Critically about Your Program 4 minutes
Finding Bugs in Code 10 minutes

6 readings Total 253 minutes

Try It! Using Variables, Methods and Functions 30 minutes
Rampup Programming Exercise - Variables, Methods and Functions 3 minutes
Try It! Using For Loops 30 minutes
Rampup: Programming Exercise - Loops and Conditionals 10 minutes
Programming Exercise: Modifying Images 90 minutes
Programming Exercise: Advanced Modifying Images 90 minutes

6 assignments Total 170 minutes

Solving Programming Problems 20 minutes
Variables, Methods and Functions 30 minutes
Loops and Conditionals 30 minutes
Modifying Images with JavaScript 30 minutes
Debugging Your Code 30 minutes
Overview of Programming Concepts 30 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 videos Total 62 minutes

Introduction 3 minutes
Buttons with Divs 7 minutes
Changing Pages Interactively 8 minutes
Using HTML5 Canvas 10 minutes
Inputs and Events 8 minutes
Upload and Display an Image 8 minutes
Convert Image to Grayscale 9 minutes
Moving to CodePen 9 minutes

9 readings Total 320 minutes

Try It! Buttons with Divs 30 minutes
Try It! Change Pages Interactively 30 minutes
Programming Exercise: TODO list 10 minutes
Try It! Canvas 30 minutes
Try It! Inputs and Events 30 minutes
Programming Exercise: An Interactive Paint Canvas 10 minutes
Try It! Upload and Display an Image 30 minutes
Try It! Convert an Image to Grayscale 60 minutes
Try It! Green Screen Online 90 minutes

3 assignments Total 90 minutes

Buttons and Interaction 30 minutes
Event-Driven Programming 30 minutes
Interactive Web Pages 30 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 videos Total 31 minutes

Introduction 4 minutes
Steganography Part I 7 minutes
Steganography Part II 8 minutes
Steganography Part III 5 minutes
Steganography Coding Example 8 minutes

6 readings Total 425 minutes

MiniProject Part 1 90 minutes
MiniProject Part 2 90 minutes
MiniProject Challenge 60 minutes
Extra Challenge 5 minutes
Steganography Review 90 minutes
Steganography: Programming Exercise Guide 90 minutes

3 assignments Total 90 minutes

Steganography math 30 minutes
Steganography 30 minutes
Review of HTML, CSS, and JavaScript 30 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,224 ratings)

Susan H. Rodger

Duke University

10 Courses 930,400 learners

Offered by

Duke University

Explore more from Mobile and Web Development

Packt
JavaScript Foundations and Basic Programming Concepts
Course
Birla Institute of Technology & Science, Pilani
Programming with CSS, Javascript and HTML
Course
Packt
JavaScript Foundations and Essential Concepts
Course
Packt
JavaScript Foundations Course
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 14943

Reviewed on Jul 16, 2020

Excellent course .Just felt that there should be examples that could help someone to understand in a more better way.The videos were good and were very simple and easy to understand then the text.

Reviewed on Feb 17, 2018

Maybe it's because my English is weaker than I expected or I am just less smart than i thought but it wasn't easy. But i'm thankfull for all of this. Greatings for everyone who maded this course!

Reviewed on Sep 2, 2016

An excellent course that is so easy to follow and comprehend. It has everything that a beginner needs. Wonderful teachers and very good content. I really enjoyed this course. Thank you so much!

View more reviews

Open new doors with Coursera Plus

Unlimited access to 10,000+ world-class courses, hands-on projects, and job-ready certificate programs - all included in your subscription

Learn more

Advance your career with an online degree

Earn a degree from world-class universities - 100% online

Explore degrees

Join over 3,400 global companies that choose Coursera for Business

Upskill your employees to excel in the digital economy

Learn more

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 the course materials, assignments and to earn a Certificate, you will need to purchase the Certificate experience when you enroll in a course. You can try a Free Trial instead, or apply for Financial Aid. The course may offer 'Full Course, No Certificate' instead. This option lets you see all course materials, submit required assessments, and get a final grade. This also means that you will not be able to purchase a Certificate experience.

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.