ProfBurnett.com - Master a Skill / Learn for Life

JavaScript-jQuery - Session I

Session Outline:

  • Course Overview
  • Chapter 2 - Getting Started with JavaScript

Class Presentations

Session, Chapter Presentation, Examples Zip, and Solution Set Zip
Session Chapter PowerPoint Presentation Exercise Files Solution Set Files
I Course Overview
Chapter 2 - Getting Started with JavaScript Chapter 2
 		Chapter 2
Setting Up Development Environment

In-Class Exercises

Student Exercise I

  • 1. Complete Dreamweaver Development Environment
  • 2. The site files are located in the root folder on your testing and live site.
  • 3. “Get” the files using the FTP file transfer protocol in the Dreamweaver IDE
  • 4. Rename your homepage (index.html)
  • 5. Students will upload development site to development site.
  • 6. Students will preview in browser development files.
  • 7. Students will upload development site to live site.
  • 8. Students will preview in browser live files.

Student W3school JavaScript Exercise II - Variables

  • Variable Exercises 2, 3, 4, 5

Student W3school JavaScript Exercise III - Assignment Operators

  • Assignment Operator Exercises 4
  • Operator Exercises 5

Student W3school JavaScript Exercise IV - Data Types

Student W3school JavaScript Exercise V - Arithmetic

  • Arithmetic Operator Exercises 1, 2, 3

Student W3school JavaScript Exercise VI - Strings

  • String Exercises 2 , 3 , 4

Student W3school JavaScript Exercise VII - String Methods

  • String Methods Exercises 2, 3, 4, 5

Student JavaScript Exercise VIII

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

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

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

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

Web 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