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.
This course is part of the Java Programming and Software Engineering Fundamentals Specialization
Programming Foundations with JavaScript, HTML and CSS
Offered By
About this Course
4.6
4,623 ratings
Skills you will gain
HtmlJavaScriptCascading Style Sheets (CCS)Html5
Syllabus - What you will learn from this course
Week
1Welcome
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.
5 videos (Total 13 min), 1 reading
5 videos
A Student's Perspective on Learning Programming2m
Resources to Help You Succeed2m
Tips for Learning Programming1m
Using Forums: How to Ask for Help Effectively3m
1 reading
Module Feedback Surveys10m
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!
10 videos (Total 51 min), 8 readings, 3 quizzes
10 videos
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
3 practice exercises
Using HTML30m
Styling with CSS30m
Designing a Web Page with HTML and CSS30m
Week
2Algorithms and Programming Concepts
15 videos (Total 100 min), 5 readings, 4 quizzes
15 videos
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
5 readings
Try It! Using Variables, Methods and Functions30m
Try It! Using For Loops30m
Programming Exercise: Modifying Images30m
Programming Exercise: Advanced Modifying Images30m
End of Module Survey10m
4 practice exercises
Solving Programming Problems20m
Modifying Images with JavaScript30m
Debugging Your Code30m
Overview of Programming Concepts30m
Week
3JavaScript for Web Pages
8 videos (Total 62 min), 8 readings, 2 quizzes
8 videos
Buttons with Divs6m
Changing Pages Interactively7m
Using HTML5 Canvas10m
Inputs and Events8m
Upload and Display an Image7m
Convert Image to Grayscale8m
Moving to CodePen9m
8 readings
Try It! Buttons with Divs30m
Try It! Change Pages Interactively30m
Try It! Canvas30m
Try It! Inputs and Events30m
Try It! Upload and Display an Image30m
Try It! Convert an Image to Grayscales
Try It! Green Screen Online30m
End of Module Survey10m
2 practice exercises
Event-Driven Programming30m
Interactive Web Pages30m
Week
4MiniProject: Image Filters on the Web
5 videos (Total 31 min), 7 readings, 3 quizzes
5 videos
Steganography Part I6m
Steganography Part II8m
Steganography Part III4m
Steganography Coding Example7m
7 readings
MiniProject Part 130m
MiniProject Part 230m
MiniProject Challenges
End of Module Survey10m
Extra Challenge5m
Steganography Review30m
Steganography: Programming Exercise Guide30m
3 practice exercises
Review of HTML, CSS, and JavaScript30m
Steganography math30m
Steganography14m
4.6
992 Reviews44%
started a new career after completing these courses
41%
got a tangible career benefit from this course
12%
got a pay increase or promotion
Top Reviews
By IS•Oct 6th 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 WN•Mar 17th 2018
My first Coursera course I've ever done and I was very impressed with the platform on which it was presented. My experience was a positive one and I will definitely continue to pursue other courses.
Instructors
Susan H. Rodger
Professor of the PracticeComputer Science
Robert Duvall
LecturerComputer Science
Owen Astrachan
Professor of the PracticeComputer Science
Andrew D. Hilton
Associate Professor of the PracticeElectrical and Computer Engineering
About 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.
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?
Once you enroll for a Certificate, you’ll have access to all videos, quizzes, and programming assignments (if applicable). Peer review assignments can only be submitted and reviewed once your session has begun. If you choose to explore the course without purchasing, you may not be able to access certain assignments.
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.
What is the refund policy?
Is financial aid available?
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.
More questions? Visit the Learner Help Center.
Coursera provides universal access to the world’s best education,
partnering with top universities and organizations to offer courses online.
© 2019 Coursera Inc. All rights reserved.
