Explore

Programming Foundations with JavaScript, HTML and CSS

Approx. 33 hours to complete

Save Course

Go to Course

Course Summary

Learn the basics of web programming with Duke University's Programming Foundations with JavaScript, HTML and CSS course. This beginner-friendly course covers the fundamentals of web development, including coding with JavaScript, HTML, and CSS.

Key Learning Points

Gain a foundational understanding of web programming
Learn to code with JavaScript, HTML, and CSS
Create web applications and interactive web pages

Learning Outcomes

Develop a foundational understanding of web programming
Create interactive web pages using JavaScript, HTML, and CSS
Build and deploy web applications

Prerequisites or good to have knowledge before taking this course

Basic understanding of computer operation
No prior programming experience required

Course Difficulty Level

Beginner

Course Format

Self-paced
Online
Video lectures

Similar Courses

Web Development Fundamentals
HTML, CSS, and JavaScript for Web Developers
JavaScript, jQuery, and JSON

Related Education Paths

Notable People in This Field

Creator of jQuery
Creator of CSS-Tricks

Related Books

Description

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.

Outline

Welcome
Course Overview
A Student's Perspective on Learning Programming
Resources to Help You Succeed
Tips for Learning Programming
Using Forums: How to Ask for Help Effectively
Module Feedback Surveys

Designing a Web Page with HTML and CSS
Using CodePen
What Is HTML?
Metadata and Sectioning Elements
Formatting Text and Nesting Tags
Adding Images and Links
Images and Storage
Lists and Tables
How CSS Is Used to Design Web Pages
CSS Basics
Colors and Names in CSS
Try It! Create Your CodePen Account
Try It! Build a “My Interests” Web Page
Try It! Format Text
Try It! Add Links and Images
Try It! Create Lists and Tables
Try It! Style Your Web Page with CSS
Try It! Customize Your Web Page’s Colors
End of Module Survey
Using HTML - Formatting Text
Using HTML - Displaying Data
Styling with CSS
Designing a Web Page with HTML and CSS

Algorithms and Programming Concepts
Introduction
Everything Is a Number
How Is That a Number?
Developing an Algorithm
A Seven Step Approach to Solving Programming Problems
Variables
Methods
Functions
Types
DukeLearnToProgram Environment
For Loops
Conditional Execution
Translating to Code
Thinking Critically about Your Program
Finding Bugs in Code
Try It! Using Variables, Methods and Functions
Rampup Programming Exercise - Variables, Methods and Functions
Try It! Using For Loops
Rampup: Programming Exercise - Loops and Conditionals
Programming Exercise: Modifying Images
Programming Exercise: Advanced Modifying Images
End of Module Survey
Solving Programming Problems
Variables, Methods and Functions
Loops and Conditionals
Modifying Images with JavaScript
Debugging Your Code
Overview of Programming Concepts

JavaScript for Web Pages
Introduction
Buttons with Divs
Changing Pages Interactively
Using HTML5 Canvas
Inputs and Events
Upload and Display an Image
Convert Image to Grayscale
Moving to CodePen
Try It! Buttons with Divs
Try It! Change Pages Interactively
Programming Exercise: TODO list
Try It! Canvas
Try It! Inputs and Events
Programming Exercise: An Interactive Paint Canvas
Try It! Upload and Display an Image
Try It! Convert an Image to Grayscale
Try It! Green Screen Online
End of Module Survey
Buttons and Interaction
Event-Driven Programming
Interactive Web Pages

MiniProject: Image Filters on the Web
Introduction
Steganography Part I
Steganography Part II
Steganography Part III
Steganography Coding Example
MiniProject Part 1
MiniProject Part 2
MiniProject Challenge
End of Module Survey
Extra Challenge
Steganography Review
Steganography: Programming Exercise Guide
Review of HTML, CSS, and JavaScript
Steganography math
Steganography

Summary of User Reviews

Discover the Duke Programming Web course on Coursera, which has received positive reviews from learners. Many found the course to be comprehensive and well-structured, making it easy to learn web programming concepts.

Key Aspect Users Liked About This Course

The course is comprehensive and well-structured.

Pros from User Reviews

The course covers a wide range of web programming concepts.
The materials are well-organized and easy to follow.
The course includes plenty of hands-on exercises for practice.
The instructors are knowledgeable and engaging.
The course is a great value for the price.

Cons from User Reviews

Some learners found the course to be too basic for their skill level.
The course requires a significant time commitment to complete.
Some learners found the assignments to be too challenging.
The course may be difficult for those without prior programming experience.
The course materials may not be updated frequently enough.

Recommended for you

Javascript for Absolute Beginners™ | Practical Javascript

Learn fundamental Javascript for Beginners: Practical and hands-on Javascript learning, with javascript coding and quiz Source codes of each and every video will be provided....

Save Course

Guide to Javascript & A Popular Framework AngularJS

A Full Package To Be A Javascript Developer With Raw Javascript & AngularJS This course will cover the basic to advanced Javascript & a popular javascript framework AngularJS....

Save Course

PHP for Beginners to Inventory POS Sales Project - AdminLTE

Create Inventory POS System Project With Billing by use of Bootstrap Responsive AdminLTE Dashboard With PHP PHP7 MYSQL Requirements Description This PHP Basics:...

Save Course

IBM Full Stack Cloud Developer Professional Certificate

Kickstart your career in application development. Master Cloud Native and Full Stack Development using hands-on projects involving HTML, JavaScript, Node. js, Python, Django, Containers, Microservices and more....

Save Course