Programming Foundations with JavaScript, HTML and CSS

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

4.6
stars
12,100 ratings
•
2,628 reviews

Susan H. Rodger +3 more instructors

417,026 already enrolled

Offered By

Java Programming and Software Engineering Fundamentals SpecializationDuke University

About this Course

582,121 recent views

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:
Think critically about how to solve a problem using programming;
Write JavaScript programs using functions, for loops, and conditional statements;
Use HTML to construct a web page with paragraphs, divs, images, links, and lists;
Add styles to a web page with CSS IDs and classes; and
Make a web page interactive with JavaScript commands like alert, onClick, onChange, adding input features like an image canvas, button, and slider.

Learner Career Outcomes

33%

started a new career after completing these courses

34%

got a tangible career benefit from this course

12%

got a pay increase or promotion

Flexible deadlines

Reset deadlines in accordance to your schedule.

Shareable Certificate

Earn a Certificate upon completion

100% online

Start instantly and learn at your own schedule.

Course 1 of 5 in the

Java Programming and Software Engineering Fundamentals Specialization

Beginner Level

Approx. 33 hours to complete

English

Subtitles: Arabic, French, Portuguese (European), Italian, Vietnamese, German, Russian, English, Spanish

Skills you will gain

HtmlJavaScriptCascading Style Sheets (CCS)Html5

Learner Career Outcomes

33%

started a new career after completing these courses

34%

got a tangible career benefit from this course

12%

got a pay increase or promotion

Flexible deadlines

Reset deadlines in accordance to your schedule.

Shareable Certificate

Earn a Certificate upon completion

100% online

Start instantly and learn at your own schedule.

Course 1 of 5 in the

Java Programming and Software Engineering Fundamentals Specialization

Beginner Level

Approx. 33 hours to complete

English

Subtitles: Arabic, French, Portuguese (European), Italian, Vietnamese, German, Russian, English, Spanish

Instructors

Instructor rating

4.66/5 (2,170 Ratings)

Offered by

Duke University

Duke University has about 13,000 undergraduate and graduate students and a world-class faculty helping to expand the frontiers of knowledge. The university has a strong commitment to applying knowledge in service to society, both near its North Carolina campus and around the world.

Syllabus - What you will learn from this course

Content Rating95%(85,441 ratings)

Week

Week 1

23 minutes to complete

Welcome

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.

23 minutes to complete

5 videos (Total 13 min), 1 reading

7 hours to complete

Designing a Web Page with HTML and CSS

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!

7 hours to complete

10 videos (Total 51 min), 8 readings, 4 quizzes

10 videos

Using CodePen2m

What Is HTML?7m

Metadata and Sectioning Elements2m

Formatting Text and Nesting Tags1m

Adding Images and Links3m

Images and Storage6m

Lists and Tables7m

How CSS Is Used to Design Web Pages4m

CSS Basics7m

Colors and Names in CSS7m

8 readings

Try It! Create Your CodePen Account10m

Try It! Build a “My Interests” Web Page40m

Try It! Format Text20m

Try It! Add Links and Images30m

Try It! Create Lists and Tables45m

Try It! Style Your Web Page with CSS30m

Try It! Customize Your Web Page’s Colors30m

End of Module Survey10m

4 practice exercises

Using HTML - Formatting Text30m

Using HTML - Displaying Data30m

Styling with CSS30m

Designing a Web Page with HTML and CSS30m

Week

Week 2

9 hours to complete

Algorithms and Programming Concepts

9 hours to complete

15 videos (Total 100 min), 7 readings, 6 quizzes

15 videos

Introduction2m

Everything Is a Number6m

How Is That a Number?2m

Developing an Algorithm6m

A Seven Step Approach to Solving Programming Problems7m

Variables9m

Methods7m

Functions5m

Types4m

DukeLearnToProgram Environment10m

For Loops6m

Conditional Execution7m

Translating to Code10m

Thinking Critically about Your Program4m

Finding Bugs in Code9m

7 readings

Try It! Using Variables, Methods and Functions30m

Rampup Programming Exercise - Variables, Methods and Functions3m

Try It! Using For Loops30m

Rampup: Programming Exercise - Loops and Conditionals10m

Programming Exercise: Modifying Images1h 30m

Programming Exercise: Advanced Modifying Images1h 30m

End of Module Survey10m

6 practice exercises

Solving Programming Problems20m

Variables, Methods and Functions30m

Loops and Conditionals30m

Modifying Images with JavaScript30m

Debugging Your Code30m

Overview of Programming Concepts30m

Week

Week 3

8 hours to complete

JavaScript for Web Pages

8 hours to complete

8 videos (Total 62 min), 10 readings, 3 quizzes

8 videos

Introduction3m

Buttons with Divs6m

Changing Pages Interactively7m

Using HTML5 Canvas10m

Inputs and Events8m

Upload and Display an Image7m

Convert Image to Grayscale8m

Moving to CodePen9m

10 readings

Try It! Buttons with Divs30m

Try It! Change Pages Interactively30m

Programming Exercise: TODO list10m

Try It! Canvas30m

Try It! Inputs and Events30m

Programming Exercise: An Interactive Paint Canvas10m

Try It! Upload and Display an Image30m

Try It! Convert an Image to Grayscale1h

Try It! Green Screen Online1h 30m

End of Module Survey10m

3 practice exercises

Buttons and Interaction30m

Event-Driven Programming30m

Interactive Web Pages30m

Week

Week 4

9 hours to complete

MiniProject: Image Filters on the Web

9 hours to complete

5 videos (Total 31 min), 7 readings, 3 quizzes

5 videos

Introduction3m

Steganography Part I6m

Steganography Part II8m

Steganography Part III4m

Steganography Coding Example7m

7 readings

MiniProject Part 11h 30m

MiniProject Part 21h 30m

MiniProject Challenge1h

End of Module Survey10m

Extra Challenge5m

Steganography Review1h 30m

Steganography: Programming Exercise Guide1h 30m

3 practice exercises

Review of HTML, CSS, and JavaScript30m

Steganography math30m

Steganography30m

Reviews

4.6

2628 reviews

5 stars
72.41%
4 stars
21.05%
3 stars
4.09%
2 stars
1.04%
1 star
1.37%

TOP REVIEWS FROM PROGRAMMING FOUNDATIONS WITH JAVASCRIPT, HTML AND CSS

by JSJan 12, 2020

A very helpful code which allows you to learn the simple of JavaScript HTML and CSS. Very helpful in building websites and an excellent course for beginners or even people who have never coded before.

by ISOct 5, 2015

This is the first course I am taking in Coursera.org. The valuable instructors of Duke University designed and created a masterpiece for learners. Thank you so much guys. Greets from Istanbul, Turkey.

by ADJul 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.

by ATJan 15, 2021

This course is amazing, The main thing of this is the way of teaching which makes this course more interesting and amazing. loved this course and looking forward to learn some more exciting programs.

View all reviews

About the Java Programming and Software Engineering Fundamentals Specialization

Take your first step towards a career in software development with this introduction to Java—one of the most in-demand programming languages and the foundation of the Android operating system. Designed for beginners, this Specialization will teach you core programming concepts and equip you to write programs to solve complex problems. In addition, you will gain the foundational skills a software engineer needs to solve real-world problems, from designing algorithms to testing and debugging your programs.

Frequently Asked Questions

When will I have access to the lectures and assignments?
Access to lectures and assignments depends on your type of enrollment. If you take a course in audit mode, you will be able to see most course materials for free. To access graded assignments and to earn a Certificate, you will need to purchase the Certificate experience, during or after your audit. If you don't see the audit option:
The course may not offer an audit option. 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. If you only want to read and view the course content, you can audit the course for free.
Is financial aid available?
Yes, Coursera provides financial aid to learners who cannot afford the fee. Apply for it by clicking on the Financial Aid link beneath the "Enroll" button on the left. You'll be prompted to complete an application and will be notified if you are approved. You'll need to complete this step for each course in the Specialization, including the Capstone Project. Learn more.
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.
Will I earn university credit for completing the Course?
This Course doesn't carry university credit, but some universities may choose to accept Course Certificates for credit. Check with your institution to learn more. Online Degrees and Mastertrack™ Certificates on Coursera provide the opportunity to earn university credit.

More questions? Visit the Learner Help Center.

Programming Foundations with JavaScript, HTML and CSS

About this Course

Learner Career Outcomes

33%

34%

12%

Skills you will gain

Learner Career Outcomes

33%

34%

12%

Instructors

Susan H. Rodger

Robert Duvall

Owen Astrachan

Andrew D. Hilton

Offered by

Duke University

Syllabus - What you will learn from this course

Week 1

Welcome

Designing a Web Page with HTML and CSS

Week 2

Algorithms and Programming Concepts

Week 3

JavaScript for Web Pages

Week 4

MiniProject: Image Filters on the Web

Reviews

TOP REVIEWS FROM PROGRAMMING FOUNDATIONS WITH JAVASCRIPT, HTML AND CSS

About the Java Programming and Software Engineering Fundamentals Specialization

Frequently Asked Questions

Start or advance your career

Browse popular topics

Upskill your team

Earn a degree or certificate online

Coursera

Community

More

Programming Foundations with JavaScript, HTML and CSS

About this Course

Learner Career Outcomes

33%

34%

12%

Skills you will gain

Learner Career Outcomes

33%

34%

12%

Instructors

Susan H. Rodger

Robert Duvall

Owen Astrachan

Andrew D. Hilton

Offered by

Duke University

Syllabus - What you will learn from this course

Week 1

Welcome

Designing a Web Page with HTML and CSS

Week 2

Algorithms and Programming Concepts

Week 3

JavaScript for Web Pages

Week 4

MiniProject: Image Filters on the Web

Reviews

TOP REVIEWS FROM PROGRAMMING FOUNDATIONS WITH JAVASCRIPT, HTML AND CSS

About the Java Programming and Software Engineering Fundamentals Specialization

Frequently Asked Questions

Coursera Footer

Start or advance your career

Browse popular topics

Upskill your team

Earn a degree or certificate online

Coursera

Community

More