Week 2 Calculator/HTML

Contact

If you need any assistance or have questions, please don’t hesitate to reach out to your class instructor Edward Wald via email or text:
email: [email protected]
text: 530-906-1877

Monday

No Monday Class this week.

Wednesday

WordPress
a) Assignment page created?
b) Two assignments completed: WordPress & Calculator
Calculator – General questions from Assignment
Make Calculator Code Local Notepad++
(you can copy code from the assignment if needed) https://codeschool.palmettoinnovation.center/courses/Calculator/Step-7-Program-Calculator-Functionality/Step-7-Program-Calculator-Functionality.html
Discuss directory structure – js & css
HTML Comments + review of Calculator Code
NVDA Demo – Calculator
Browser Parsing of HTML
Document Object Model (DOM)
Browser Inspector

Video

Homework

HTML Building a Cat Photo App

This Free Code Camp assignment will familiarize you with HTML tags and their usage. There are 69 steps in this assignment.

https://www.freecodecamp.org/learn/2022/responsive-web-design/

Project HTML Page

Using the Boilerplate HTML code and your knowledge up to now, think of a theme for a single web page to create a simple layout. Use any HTML you would like including this weeks assignment. Ex: Hobby, business information page, creative page.

Boilerplate HTML

Learn the Boilerplate HTML below by writing it in Notepad++ from memory. “This may take some time. A good approach is to try and write it once or twice a day.”

Boilerplate Information link: https://www.freecodecamp.org/news/basic-html5-template-boilerplate-code-example/

<!DOCTYPE html>
<html lang=”en-US”>
  <head>
    <title>[browser window title]>
    <meta charset=”UTF-8″>
    <meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
    <meta http-equiv=”X-UA-Compatible” content=”ie=edge”>

  </head>
  <body>

  </body>
</html>

Resources

NVDA Screen Reader

NVDA Key Commands Quick Reference link: https://www.nvaccess.org/files/nvda/documentation/keyCommands.html