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

Sponsored by Abu Dhabi National Oil Company

584,795 already enrolled

5 modules

Gain insight into a topic and learn the fundamentals.

4.6

(14,727 reviews)

Beginner level

No prior experience required

Flexible schedule

Approx. 33 hours

Learn at your own pace

95%

Most learners liked this course

5 modules

Gain insight into a topic and learn the fundamentals.

4.6

(14,727 reviews)

Beginner level

No prior experience required

Flexible schedule

Approx. 33 hours

Learn at your own pace

95%

Most learners liked this course

Skills you'll gain

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

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

Earn a career certificate

Add this credential to your LinkedIn profile, resume, or CV

Share it on social media and in your performance review

There are 5 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.

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.

What's included

5 videos1 reading

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

10 videos8 readings4 assignments2 discussion prompts

10 videosTotal 51 minutes

Using CodePen2 minutesPreview module
What Is HTML?7 minutes
Metadata and Sectioning Elements2 minutes
Formatting Text and Nesting Tags1 minute
Adding Images and Links3 minutes
Images and Storage6 minutes
Lists and Tables7 minutes
How CSS Is Used to Design Web Pages4 minutes
CSS Basics7 minutes
Colors and Names in CSS7 minutes

8 readingsTotal 215 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
End of Module Survey10 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

What's included

15 videos7 readings6 assignments

15 videosTotal 99 minutes

Introduction2 minutesPreview module
Everything Is a Number6 minutes
How Is That a Number?2 minutes
Developing an Algorithm6 minutes
A Seven Step Approach to Solving Programming Problems7 minutes
Variables9 minutes
Methods7 minutes
Functions5 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 Code9 minutes

7 readingsTotal 263 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
End of Module Survey10 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

What's included

8 videos10 readings3 assignments

8 videosTotal 62 minutes

Introduction3 minutesPreview module
Buttons with Divs6 minutes
Changing Pages Interactively7 minutes
Using HTML5 Canvas10 minutes
Inputs and Events8 minutes
Upload and Display an Image7 minutes
Convert Image to Grayscale8 minutes
Moving to CodePen9 minutes

10 readingsTotal 330 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
End of Module Survey10 minutes

3 assignmentsTotal 90 minutes

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

What's included

5 videos7 readings3 assignments

5 videosTotal 31 minutes

Introduction3 minutesPreview module
Steganography Part I6 minutes
Steganography Part II8 minutes
Steganography Part III4 minutes
Steganography Coding Example7 minutes

7 readingsTotal 435 minutes

MiniProject Part 190 minutes
MiniProject Part 290 minutes
MiniProject Challenge60 minutes
End of Module Survey10 minutes
Extra Challenge5 minutes
Steganography Review90 minutes
Steganography: Programming Exercise Guide90 minutes

3 assignmentsTotal 90 minutes

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

Instructors

Instructor ratings

4.7 (3,171 ratings)

Susan H. Rodger

Duke University

10 Courses887,477 learners

Robert Duvall

Duke University

8 Courses868,719 learners

Offered by

Duke University

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

4.6

14,727 reviews

5 stars
72.55%
4 stars
21.01%
3 stars
3.92%
2 stars
1.03%
1 star
1.46%

Showing 3 of 14727

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!

Reviewed on Feb 9, 2020

Great course for beginners. Can be challenging sometimes but when you push through it by your own research and investigation, you gain a great deal of insight into fundamentals of programming.

Reviewed on Jul 18, 2020

this course is good for you if you are beginners in programming . in this course i learn basics of html CSS and JavaScript. this course is very helpful for me in starting with basics of programming.

View more reviews