Programming Foundations with JavaScript, HTML and CSS

Description

In this course, you will :

• Consider how to solve a problem using programming in a critical manner.
• Create JavaScript programmes that make use of functions, for loops, and conditional statements.
• Create a web page with paragraphs, divs, images, links, and lists using HTML.
• Use CSS IDs and classes to add styles to a web page; and 5. Make a web page interactive by using JavaScript commands such as alert, onClick, and onChange, as well as adding input features such as an image canvas, button, and slider.

Syllabus :

1. 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

 

2. Algorithms and Programming Concepts

• 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

 

3. JavaScript for Web Pages

• Buttons with Divs
• Changing Pages Interactively
• Using HTML5 Canvas
• Inputs and Events
• Upload and Display an Image
• Convert Image to Grayscale
• Moving to CodePen

Show more