BASIC JAVASCRIPT LEARNING

  1. JavaScript Basics
    1. Why was Javascript Built
    2. Javascript Syntax
    3. Accessing the Dom and Writing within HTML.
    4. Dot Notation
    5. Square Bracket Notation
    6. Where Is JavaScript Code Written?
    7. The “javascript” Pseudo-Protocol
    8. JavaScript Objects, Methods and Properties
    9. Exercise: Alerts, Writing, and Changing Background Color
  2. Variables, Arrays and Operators
    1. JavaScript Variables
    2. Exercise: Using Variables
    3. Arrays
    4. Exercise: Working with Arrays
    5. JavaScript Operators
    6. Exercise: Working with Operators
  3. JavaScript Functions
    1. Global Functions
    2. Exercise: Working with Global Functions
    3. User-defined Functions
    4. Exercise: Writing a JavaScript Function
    5. Returning Values from Functions
  4. Event Handlers
    1. Event Handlers
    2. Exercise: Using Event Handlers
    3. Dot Notation and Square Bracket Notation
    4. querySelector()
    5. Exercise: Working with querySelector()
    6. Exercise: Working with Hierarchical Node Properties
  5. Built-In JavaScript Objects
    1. String
    2. Math
    3. Date
    4. The typeof Operator
    5. Helper Functions
    6. Exercise: Returning the Day of the Week as a String
  6. Conditionals and Loops
    1. Conditionals
    2. Exercise: Conditional Processing
    3. Loops
    4. Exercise: Working with Loops
  7. The HTML Document Object Model
    1. The innerHTML Property
    2. Accessing Element Nodes
    3. Exercise: Accessing Elements
    4. Attaching Events
    5. Exercise: Attaching Events
    6. Event Propagation: Capturing and Bubbling
    7. Exercise: A Simple Soccer Game
    8. Accessing Attribute Nodes
    9. getAttribute()
    10. attributes[]
    11. hasAttribute()
    12. setAttribute()
    13. removeAttribute()
    14. Accessing Nodes by Type, Name or Value
    15. Removing Nodes from the DOM
    16. Creating New Nodes
    17. Identifying the Target of an Event
    18. Exercise: Creating and Inserting DOM Nodes
  8. JavaScript Form Validation
    1. Accessing Form Data
    2. Exercise: Textfield to Textfield
    3. Basics of Form Validation
    4. Exercise: Validating a Registration Form
    5. Validating Radio Buttons
    6. Validating Check Boxes
    7. Validating Select Menus
    8. Focus, Blur, and Change Events
    9. Validating Textareas
    10. Exercise: Improving the Registration Form
  9. CSS Object Model
    1. Changing CSS with JavaScript
    2. Hiding and Showing Elements
    3. Exercise: Showing and Hiding Elements
    4. Manipulating Tables
    5. Exercise: Tracking Results in the Math Quiz
    6. Dynamically Changing Dimensions
    7. Positioning Elements Dynamically
    8. Exercise: Changing the Math Quiz Timer to a Slider
    9. Changing the Z-Index
    10. The CSS Object Model
  10. Images, Windows and Timers
    1. Image Rollovers
    2. Preloading Images
    3. Exercise: Creating a Slide Show
    4. Windows
    5. Timers
    6. Exercise: Popup Timed Slide Show
  11. Advanced Objects
    1. Object-Oriented Programming
    2. Prototyping
      1. Objects in JavaScript
      2. Prototyping in JavaScript
    3. Composing Prototypes
    4. Exercise: Prototyping
  12. Debugging and Testing with Chrome
    1. Chrome DevTools
    2. The Panels
    3. Exercise: Using the Chrome DevTools “Elements” and “Console” Panels
    4. The Sources Panel
    5. Exercise: Using the Chrome DevTools “Sources” Panel
    6. Other DevTools Panels
    7. Chrome DevTools API and Extensions
    8. Exercise: Accessibility Developer Tools Extension

 

Advertisements