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

Access provided by New York State Department of Labor

595,889 already enrolled

4 modules

Gain insight into a topic and learn the fundamentals.

4.6

(14,794 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.

4.6

(14,794 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

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 Programming1 minute
Resources to Help You Succeed2 minutes
Using CodePen2 minutes
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

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 99 minutes

Introduction2 minutes
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

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

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

Introduction3 minutes
Steganography Part I6 minutes
Steganography Part II8 minutes
Steganography Part III4 minutes
Steganography Coding Example7 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

4.7 (3,188 ratings)

Susan H. Rodger

Duke University

10 Courses908,346 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,794 reviews

5 stars
72.56%
4 stars
20.98%
3 stars
3.92%
2 stars
1.05%
1 star
1.46%

Showing 3 of 14794

Reviewed on Sep 3, 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 11, 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 Jul 17, 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.

View more reviews