Buy Now AED 274.99 + VAT

Monthly Subscription Starting at AED 99 + VAT

Programming Foundations with JavaScript, HTML and CSS
  • Level Foundation
  • Duration 33 hours
  • Course by Duke University
  • Offered by

About

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.

Modules

Welcome

    • 5 Videos
    • 1 Readings
Show info about module content

5 Videos

  • 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

1 Readings

  • Module Feedback Surveys

Building a Web Page with HTML

    • 7 Videos
    • 5 Readings
    • 1 Discussion
    • 2 Assignment
Show info about module content

2 Assignment

  • Using HTML - Formatting Text
  • Using HTML - Displaying Data

1 Discussions

  • Asking for Help in the Forums

7 Videos

  • Using CodePen
  • What Is HTML?
  • Metadata and Sectioning Elements
  • Formatting Text and Nesting Tags
  • Adding Images and Links
  • Images and Storage
  • Lists and Tables

5 Readings

  • 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

Styling a Web Page with CSS

    • 3 Videos
    • 2 Readings
    • 1 Discussion
    • 1 Assignment
Show info about module content

1 Assignment

  • Styling with CSS

1 Discussions

  • Share your “My Interests” Web Page

3 Videos

  • How CSS Is Used to Design Web Pages
  • CSS Basics
  • Colors and Names in CSS

2 Readings

  • Try It! Style Your Web Page with CSS
  • Try It! Customize Your Web Page’s Colors

Review

    • 1 Readings
    • 1 Assignment
Show info about module content

1 Assignment

  • Designing a Web Page with HTML and CSS

1 Readings

  • End of Module Survey

Computational Thinking

    • 5 Videos
    • 1 Assignment
Show info about module content

1 Assignment

  • Solving Programming Problems

5 Videos

  • Introduction
  • Everything Is a Number
  • How Is That a Number?
  • Developing an Algorithm
  • A Seven Step Approach to Solving Programming Problems

Programming Fundamentals with JavaScript

    • 7 Videos
    • 5 Readings
    • 3 Assignment
Show info about module content

3 Assignment

  • Variables, Methods and Functions
  • Loops and Conditionals
  • Modifying Images with JavaScript

7 Videos

  • Variables
  • Methods
  • Functions
  • Types
  • DukeLearnToProgram Environment
  • For Loops
  • Conditional Execution

5 Readings

  • 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

Implementing the Green Screen Algorithm

    • 3 Videos
    • 1 Readings
    • 1 Assignment
Show info about module content

1 Assignment

  • Debugging Your Code

3 Videos

  • Translating to Code
  • Thinking Critically about Your Program
  • Finding Bugs in Code

1 Readings

  • Programming Exercise: Advanced Modifying Images

Review

    • 1 Readings
    • 1 Assignment
Show info about module content

1 Assignment

  • Overview of Programming Concepts

1 Readings

  • End of Module Survey

Event-Driven Programming

    • 5 Videos
    • 6 Readings
    • 2 Assignment
Show info about module content

2 Assignment

  • Buttons and Interaction
  • Event-Driven Programming

5 Videos

  • Introduction
  • Buttons with Divs
  • Changing Pages Interactively
  • Using HTML5 Canvas
  • Inputs and Events

6 Readings

  • 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

Green Screen Web Page

    • 3 Videos
    • 4 Readings
    • 1 Assignment
Show info about module content

1 Assignment

  • Interactive Web Pages

3 Videos

  • Upload and Display an Image
  • Convert Image to Grayscale
  • Moving to CodePen

4 Readings

  • Try It! Upload and Display an Image
  • Try It! Convert an Image to Grayscale
  • Try It! Green Screen Online
  • End of Module Survey

Image Filters on the Web

    • 1 Videos
    • 3 Readings
Show info about module content

1 Videos

  • Introduction

3 Readings

  • MiniProject Part 1
  • MiniProject Part 2
  • MiniProject Challenge

Review

    • 1 Readings
    • 1 Assignment
Show info about module content

1 Assignment

  • Review of HTML, CSS, and JavaScript

1 Readings

  • End of Module Survey

Hiding Data in Images with Steganography

    • 4 Videos
    • 3 Readings
    • 2 Assignment
Show info about module content

2 Assignment

  • Steganography math
  • Steganography

4 Videos

  • Steganography Part I
  • Steganography Part II
  • Steganography Part III
  • Steganography Coding Example

3 Readings

  • Extra Challenge
  • Steganography Review
  • Steganography: Programming Exercise Guide
Susan H. Rodger
Instructors

Susan H. Rodger

Robert Duvall
Instructors

Robert Duvall

Owen Astrachan
Instructors

Owen Astrachan

Andrew D. Hilton
Instructors

Andrew D. Hilton