Programming Foundations with JavaScript, HTML and CSS
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.
Buy Now AED 274.99 + VAT
Monthly Subscription Starting at AED 99 + VAT
- Level Foundation
- المدة 33 ساعات hours
- الطبع بواسطة Duke University
-
Offered by
عن
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.الوحدات
Welcome
-
5
Videos
-
1
Readings
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
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
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
1
Assignment
- Designing a Web Page with HTML and CSS
1
Readings
- End of Module Survey
Computational Thinking
-
5
Videos
-
1
Assignment
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
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
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
1
Assignment
- Overview of Programming Concepts
1
Readings
- End of Module Survey
Event-Driven Programming
-
5
Videos
-
6
Readings
-
2
Assignment
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
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
1
Videos
- Introduction
3
Readings
- MiniProject Part 1
- MiniProject Part 2
- MiniProject Challenge
Review
-
1
Readings
-
1
Assignment
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
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
Auto Summary
This foundational course in IT & Computer Science, taught by Coursera, focuses on JavaScript, HTML, and CSS. It covers programming concepts like functions, loops, and conditionals, along with web development skills. Over 1980 minutes, learners will build interactive web pages, culminating in a project to create a web page for uploading and filtering images. Subscription options include Starter, Professional, and Paid, catering to beginners aiming to enhance their programming and web development skills.
Susan H. Rodger
Robert Duvall
Owen Astrachan
Andrew D. Hilton