Will I receive a transcript from Duke University for completing this course?

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.

When will I have access to the lectures and assignments?

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.

What will I get if I subscribe to this Specialization?

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.

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

4 days left! Save on skills that make you shine with 40% off 3 months of Coursera Plus. Save now

Programming Foundations with JavaScript, HTML and CSS

Name: Programming Foundations with JavaScript, HTML and CSS
Rating: 4.621204013377927 (14950 reviews)

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

Instructors: Susan H. Rodger

612,863 already enrolled

Included with

Learn more

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.

Module details

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

Designing a Web Page with HTML and CSS30 minutes
Using HTML - Formatting Text30 minutes
Using HTML - Displaying Data30 minutes
Styling with 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

Overview of Programming Concepts30 minutes
Solving Programming Problems20 minutes
Variables, Methods and Functions30 minutes
Loops and Conditionals30 minutes
Modifying Images with JavaScript30 minutes
Debugging Your Code30 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

Interactive Web Pages30 minutes
Buttons and Interaction30 minutes
Event-Driven Programming30 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 Courses933,243 learners

Offered by

Duke University

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 Feb 10, 2023

Course was very informative and helped me to learn web development terminology and usage in the best way possible. I will recommend anyone interested in Web Development to take up this course.

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