ProfBurnett.com - Master a Skill / Learn for Life

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

Week Outline:

Session 9

  • Course Overview
  • Chapter 2 - Getting Started with JavaScript
  • Chapter 3 - Essential JavaScript

Session 10

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

Class Presentations, Exercise Files & Solution Sets

Session, Chapter Presentation, Examples Zip, and Solution Set Zip
Session Chapter PowerPoint Presentation
IX Chapter 2 - Getting Started with JavaScript
Chapter 3 - Essential JavaScript
X Chapter 4 - JavaScript Events, Objects, & Functions
Chapter 5 - Testing and Debugging JavaScript
Chapter 6 - JavaScript and the DOM
Setting Up Development Environment

Class Exercises

Session 9 - Student Exercise 1

W3school JavaScript Exercise I - Variables

  • Variable Exercises 2, 3, 4, 5

W3school JavaScript Exercise II - Assignment Operators

  • Assignment Operator Exercises 4
  • Operator Exercises 5

W3school JavaScript Exercise III - Data Types

W3school JavaScript Exercise IV - Arithmetic

  • Arithmetic Operator Exercises 1, 2, 3

W3school JavaScript Exercise V - Strings

  • String Exercises 2 , 3 , 4

W3school JavaScript Exercise VI - String Methods

  • String Methods Exercises 2, 3, 4, 5

JavaScript Exercise VII

  • Chapter 2 - Exercise 2-1, 2-2, and 2-3
  • 1. Link to Chapter 2 - Exercise 2-1, 2-2, and 2-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.

W3School Exercise VIII - Comparison

  • Comparison Exercises 1,2,3,4

W3School Exercise IX - Conditional

  • Conditional Exercises 1,2

W3School Exercise X - Loops

  • Loops Exercises 1,2

W3School Exercise XI - Loop While

  • Loop While Exercises 1,2

W3School Exercise XII - Break While

  • Break While Exercises 1,2

Exercise XIII

  • Chapter 3 - Exercise 3-1 and 3-2
  • 1. Link to Chapter 3 - Exercise 3-1 and 3-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.

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.

Additional Support Exercises

LinkedIn Exercises

LinkedIn JavaScript & jQuery Beginner Exercises
Session Chapter Level Course
I 2 Beginner JavaScript for Web Designers
I 2 Beginner JavaScript: Best Practices for Code Formatting
I 3 Beginner JavaScript Essential Training
I 3 Beginner Learning the JavaScript Language
LinkedIn JavaScript & jQuery Beginner Exercises
Session Chapter Level Course
II 4 Beginner JavaScript: Events
II 4 Beginner JavaScript: Functions
II 5 Beginner Learning JavaScript Debugging
II 6 Beginner JavaScript: Scope

Additional LinkedIn Beginner Exercises

LinkedIn JavaScript & jQuery Beginner Exercises
Session Chapter Level Course
Beginner JavaScript: Patterns
Beginner jQuery: Building an Interface

Gur99 Exercises

SoloLearn Exercises

Advanced and Master LinkedIn Exercises

Session I Support Links

W3CSchools.com

jQuery

jQuery Alternatives

jQuery Form

jQuery Plugins

jQuery Carousel Plugins

jQuery Slideshows Plugins

jQuery Displaying Images Plugins

jQuery Plugins from Malsup

jQuery UI Widget Factory

Free Web Design IDEs

Free Web Development IDEs

Cloud-Based Web Development Sites

Online Website Builder Sites

How Browsers Work

Colleges and Universities