Programming Foundations with JavaScript, HTML and CSS
Keep adding new skills with 10,000+ programs for $239 (usually $399). Save now.
Programming Foundations with JavaScript, HTML and CSS
This course is part of Java Programming and Software Engineering Fundamentals Specialization
613,992 already enrolled
Included with
14,952 reviews
14,952 reviews
Skills you'll gain
Details to know
16 assignments
See how employees at top companies are mastering in-demand skills
Build your subject-matter expertise
- 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 videos•Total 58 minutes
- Course Overview•3 minutes
- Tips for Learning Programming•2 minutes
- Resources to Help You Succeed•2 minutes
- Using CodePen•3 minutes
- What Is HTML?•7 minutes
- Metadata and Sectioning Elements•3 minutes
- Formatting Text and Nesting Tags•2 minutes
- Adding Images and Links•3 minutes
- Images and Storage•6 minutes
- Lists and Tables•8 minutes
- How CSS Is Used to Design Web Pages•4 minutes
- CSS Basics•8 minutes
- Colors and Names in CSS•8 minutes
9 readings•Total 225 minutes
- Course Welcome•10 minutes
- Report a problem with the course•10 minutes
- Try It! Create Your CodePen Account•10 minutes
- Try It! Build a “My Interests” Web Page•40 minutes
- Try It! Format Text•20 minutes
- Try It! Add Links and Images•30 minutes
- Try It! Create Lists and Tables•45 minutes
- Try It! Style Your Web Page with CSS•30 minutes
- Try It! Customize Your Web Page’s Colors•30 minutes
4 assignments•Total 120 minutes
- Designing a Web Page with HTML and CSS•30 minutes
- Using HTML - Formatting Text•30 minutes
- Using HTML - Displaying Data•30 minutes
- Styling with CSS•30 minutes
2 discussion prompts•Total 20 minutes
- Asking for Help in the Forums•10 minutes
- Share your “My Interests” Web Page•10 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 videos•Total 100 minutes
- Introduction•2 minutes
- Everything Is a Number•7 minutes
- How Is That a Number?•3 minutes
- Developing an Algorithm•6 minutes
- A Seven Step Approach to Solving Programming Problems•7 minutes
- Variables•10 minutes
- Methods•7 minutes
- Functions•6 minutes
- Types•4 minutes
- DukeLearnToProgram Environment•10 minutes
- For Loops•6 minutes
- Conditional Execution•7 minutes
- Translating to Code•10 minutes
- Thinking Critically about Your Program•4 minutes
- Finding Bugs in Code•10 minutes
6 readings•Total 253 minutes
- Try It! Using Variables, Methods and Functions•30 minutes
- Rampup Programming Exercise - Variables, Methods and Functions•3 minutes
- Try It! Using For Loops•30 minutes
- Rampup: Programming Exercise - Loops and Conditionals•10 minutes
- Programming Exercise: Modifying Images•90 minutes
- Programming Exercise: Advanced Modifying Images•90 minutes
6 assignments•Total 170 minutes
- Overview of Programming Concepts•30 minutes
- Solving Programming Problems•20 minutes
- Variables, Methods and Functions•30 minutes
- Loops and Conditionals•30 minutes
- Modifying Images with JavaScript•30 minutes
- Debugging Your Code•30 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 videos•Total 62 minutes
- Introduction•3 minutes
- Buttons with Divs•7 minutes
- Changing Pages Interactively•8 minutes
- Using HTML5 Canvas•10 minutes
- Inputs and Events•8 minutes
- Upload and Display an Image•8 minutes
- Convert Image to Grayscale•9 minutes
- Moving to CodePen•9 minutes
9 readings•Total 320 minutes
- Try It! Buttons with Divs•30 minutes
- Try It! Change Pages Interactively•30 minutes
- Programming Exercise: TODO list•10 minutes
- Try It! Canvas•30 minutes
- Try It! Inputs and Events•30 minutes
- Programming Exercise: An Interactive Paint Canvas•10 minutes
- Try It! Upload and Display an Image•30 minutes
- Try It! Convert an Image to Grayscale•60 minutes
- Try It! Green Screen Online•90 minutes
3 assignments•Total 90 minutes
- Interactive Web Pages•30 minutes
- Buttons and Interaction•30 minutes
- Event-Driven Programming•30 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 videos•Total 31 minutes
- Introduction•4 minutes
- Steganography Part I•7 minutes
- Steganography Part II•8 minutes
- Steganography Part III•5 minutes
- Steganography Coding Example•8 minutes
6 readings•Total 425 minutes
- MiniProject Part 1•90 minutes
- MiniProject Part 2•90 minutes
- MiniProject Challenge•60 minutes
- Extra Challenge•5 minutes
- Steganography Review•90 minutes
- Steganography: Programming Exercise Guide•90 minutes
3 assignments•Total 90 minutes
- Steganography math•30 minutes
- Steganography•30 minutes
- Review of HTML, CSS, and JavaScript•30 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
Offered by
Explore more from Mobile and Web Development
- Status: Free Trial
- Status: PreviewB
Birla Institute of Technology & Science, Pilani
Course
- Status: Free Trial
Course
Course
Why people choose Coursera for their career
Learner reviews
- 5 stars
72.63%
- 4 stars
20.92%
- 3 stars
3.92%
- 2 stars
1.05%
- 1 star
1.45%
Showing 3 of 14952
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 Mar 16, 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.
Reviewed on Nov 1, 2016
I've been learning Javascript with lots of different online courses over the last 2 years and this is the first one that presented the information in such a way that I could understand it. Thanks!
Frequently asked questions
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.
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.
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.
More questions
Financial aid available,