ProfBurnett.com - Master a Skill / Learn for Life

ITI 481 Front-End Web Development Certification Program - Week 4

Week Outline:

Session 10

  • Chapter 4 - JavaScript Events, Objects, & Functions
  • Chapter 5 - Testing and Debugging JavaScript
  • Chapter 6 - JavaScript and the DOM

Session 11

  • Chapter 7 - JavaScript Links, Images, & Timers
  • Chapter 13 - How to Work with Number, Strings and Dates
  • Chapter 14 - How to Work with Control Structure Exceptions and Regular Expressions

Session 12

  • Chapter 15 - How to Work with Browser Objects, Cookies and Web Storage
  • Chapter 16 - How to Work with Arrays

Class Presentations, Exercise Files & Solution Sets

Session, Chapter Presentation, Examples Zip, and Solution Set Zip
Session Chapter PowerPoint Presentation Exercise Files Solution Set Files
X Chapter 4 - JavaScript Events, Objects, & Functions
Chapter 5 - Testing and Debugging JavaScript
Chapter 6 - JavaScript and the DOM
winzip
Chapter 4
winzip
Chapter 6
winzip
Chapter 6
winzip
Chapter 6
XI Chapter 7 - JavaScript Links, Images, & Timers
Chapter 13 - How to Work with Number, Strings and Dates
Chapter 14 - How to Work with Control Stucturesm Exceptions and Regular Expressions
winzip
Chapter 7
winzip
Chapter 13
winzip
Chapter 14
winzip
Chapter 7
winzip
Chapter 13
winzip
Chapter 14
XII Chapter 15 - How to Work with Browser Objects, Cookies and Web Storage
Chapter 16 - How to Work with Arrays
winzip
Chapter 15
winzip
Chapter 16
winzip
Chapter 15
winzip
Chapter 16

Class Exercises

Session 10 - Student Exercise 1

W3School Exercise I - Objects

  • Object Exercises 2 - 3

W3School Exercise II - Functions

  • Function Exercises 1, 2, 3, 4

Exercise III

  • Chapter 4-1 and 4-2
  • 1. Link to Chapter 4 - Exercise 4-1 and 4-2 solution files.
  • 2. Students will upload test files to development site.
  • 3. Students will preview in browser development files.
  • 4. Students will upload files to live site.
  • 5. Students will preview in browser live files.

Exercise IV

  • Chapter 6-1, 6-2 and 6-3
  • 1. Link to Chapter 6 - Exercise 6-1, 6-2 and 6-3 solution files.
  • 2. Students will upload test files to development site.
  • 3. Students will preview in browser development files.
  • 4. Students will upload files to live site.
  • 5. Students will preview in browser live files.

Session 11 - Student Exercise 1

Student Exercise I

  • Chapter 7-1 and 7-2
  • 1. Link to Chapter 7 - Exercise 7-1 and 7-2 solutions files.
  • 2. Students will upload test files to development site.
  • 3. Students will preview in browser development files.
  • 4. Students will upload files to live site.
  • 5. Students will preview in browser live files.

Student W3School Exercise II - Numbers

  • Number Exercises 2, 3, 4

Student W3School Exercise III - Math

  • Math Exercises 2, 3, 4

Student W3School Exercise IV - Dates

  • Date Exercises 2 - 3

Student Exercise V

  • Chapter 13-1
  • 1. Link to Chapter 13 - Exercise 13-1 solution file.
  • 2. Students will upload test files to development site.
  • 3. Students will preview in browser development files.
  • 4. Students will upload files to live site.
  • 5. Students will preview in browser live files.

Student W3School Exercise VI - Switch

  • Switch Exercises 1, 2

Student W3School Exercise VII - Break

  • Break Exercises 1, 2

Student Exercise VIII

  • Chapter 14-2, and 14-3
  • 1. Link to Chapter 14 - Exercise 14-2, and 14-3 solutions files.
  • 2. Students will upload test files to development site.
  • 3. Students will preview in browser development files.
  • 4. Students will upload files to live site.
  • 5. Students will preview in browser live files.

Session 12 - Student Exercise 1

Student W3School Exercise I _ Arrays

  • Array Exercises 1, 2, 3

Student W3School Exercise II - Array Methods

  • Array Methods Exercises 1, 2, 3

Student Exercise III

  • Chapter 16-1 and 16-2
  • 1. Link to Chapter 16 - Exercise 16-1 and 16-2 solution files.
  • 2. Students will upload test files to development site.
  • 3. Students will preview in browser development files.
  • 4. Students will upload files to live site.
  • 5. Students will preview in browser live files.

Additional Support Exercises

LinkedIn Exercises

LinkedIn HTML5 & CSS3 Session VII Exercises
Session Chapter Level Course
VII 15 Beginner Choosing and Using Web Fonts
VII 16 Advanced CSS: Gradients
VII 16 Advanced CSS: Transforms and Transitions
VII 16 Advanced Design the Web: CSS Animated Rollovers
LinkedIn HTML5 & CSS3 Session VIII Exercises
Session Chapter Level Course
VIII 20 Advanced Building a Responsive Single-Page Design with Sass

Additional LinkedIn Beginner Exercises

LinkedIn HTML5 & CSS3 Beginner Exercises
Session Chapter Level Course
Beginner Learning Web Semantics
Beginner Web Development Foundations: Web Technologies
Beginner Coding Faster with Emmet
Beginner CSS Layouts: From Float to Flexbox and Grid
Beginner CSS: Frameworks & Grids

w3School Exercises

SoloLearn Exercises

Advanced and Master LinkedIn Exercises

LinkedIn HTML5 & CSS3 Advanced and Master Exercises
Session Chapter Level Course
II 3 Advanced HTML: Structured Data
Advanced Learning Web Components
Advanced Advanced HTML5 Game Development
Advanced Creating an Advanced Responsive Presentation in HTML5
Advanced Creating an HTML Email Newsletter
Advanced Creating an HTML5 Banner Ad with GreenSock (GSAP)
Advanced Creating HTML Layouts with InDesign
Advanced Creating Interactive Charts with HTML5
Advanced Creating Photo Card Titles with HTML5
Advanced Creating Surveys with HTML5
Advanced HTML for Educators
Advanced Building a Responsive Single-Page Design with PostCSS
Advanced CSS: Visual Optimization
Advanced CSS Shorts
Advanced CSS: Advanced Layouts with Grid
Advanced CSS: Advanced Typographic Techniques
Advanced CSS: Refactoring Style Sheets
Advanced CSS: Selectors
Advanced CSS: Styling Navigation
Advanced Design the Web: CSS-Controlled SVG with PHP
Advanced Design the Web: Getting CSS from Photoshop
Advanced Design the Web: Graphics and CSS Pseudo-Elements
Advanced Design the Web: Pie Charts with CSS
Advanced Design the Web: Responsive SVG Images
Advanced EPUB: CSS
Advanced React: Building Styles with CSS Modules
Master Delivering Video in Web Experiences
Master HTML5 Game Development with Phaser
Master HTML5: Geolocation
Master Learning HTML Canvas
Master Practical HTML for Marketing Projects
Master CSS to Sass: Converting an Existing Site
Master CSS: Animation
Master CSS: Design Systems and Architectures
Master CSS: Enhancing Website Graphics
Master CSS: Formatting Visual Data
Master Design the Web: Using Counters and Resets in CSS
Master Interactive Animations with CSS and JavaScript
Master Next Generation CSS Design with PostCSS and CSSNext

Session I Support Links

General Computer Files & Windows Skills

Keyboard Shorcuts

General Web Development Links

Wireframe Design Apps

Free Cloud Based

IDE's

Free Web Design IDEs

Free Web Development IDEs

Downloadable DesktopWeb Development Apps

Cloud Based Web Development

Cloud-Based Web Development Sites

Online Website Builder Sites

Learning Management Systems (LMS)

CSS Links

CSS Minifiers

CSS Precompilers

CSS Postprocessors

CSS Tools

jQuery Links

jQuery Forms

Slideshows, Carousels, Graphic Plugins & Components

Calendar & Datepicker jQuery Plugins

JavaScript Minifiers

RWD Testing Emulators

Browser Plugin Apps

Imaging Programs

WSDL, SOAP, REST, & ODATA Introduction and Resources


Colleges and Universities