Modern JavaScript: An Introduction

In this course, you will learn the basics of JavaScript programming and how to use it to suit your professional and creative goals.

Upon completion of this course, you will be able to:

  • Develop the syntax and structure of JavaScript programs, including statements, expressions, variables, and operators.
  • Collect values using loops, arrays, and objects.
  • Add and remove web page elements using the Document Object Model (DOM).
  • Validate and respond to user input using functions and events.
  • Create website menus with CSS and JavaScript.
  • Build a dynamic, interactive, front-end web application.

From beginning to end, you will learn by doing your own JavaScript-based projects and submitting them for instructor feedback.  These projects, as well as the final projects, will add to your online portfolio and contribute to your certificate completion.  Besides a browser and Internet connection, all software is provided online by the O’Reilly School of Technology.

This course counts toward JavaScript Programming CertificateWeb Programming Certificate Series and the Client Side Web Programming Certificate Series.

Prerequisites: Introduction to HTML and CSS, or equivalent skills.  This course is meant for the beginning or intermediate programmer.

90 Clock-hours

$448.00 (plus fees)

Enroll in Course

Course Details and Syllabus

Course: Modern JavaScript: An Introduction
Tuition: $448.00 (plus fees)
Time Frame: This course is online and self-paced. You can expect to work approximately 90 hours on this course.
Technical Requirements: As long as you have a web browser and internet connection, you can take this course from anywhere in the world.
Software: The web-based Learning Sandbox® provided for you will contain all your lessons, projects, quizzes, account files, editors, and rendering tools necessary to build your skills from beginning to end, even beyond coursework. No other software is needed.
Instructor: You will have one instructor throughout the course who will evaluate your projects and quizzes, hand them back for improvement when necessary, and coach you throughout your skills advancement.
Book: All required course materials and software are included online within the Learning Sandbox®. However, within a few weeks of enrolling, you’ll receive the e-book Head First JavaScript Programming as a reference resource from O’Reilly.headfirst javascript
Certificates: Completion of this course counts toward both the Web Programming Certificate Series and the Client Side Web Programming Certificate Series.
Prerequisites: Introduction to HTML and CSS, or equivalent solid foundation in HTML and CSS. This course is meant for the beginning or intermediate programmer.
Topics: Scripting, Objects, Methods, Properties, Variables, DOM, Functions, If Statements, Loops, Object Arrays, Arrays, Nodes, Menus, form validation
Syllabus:
  • Lesson 1: Introduction to O’Reilly School of Technology
    • How to Learn Using O’Reilly School of Technology Courses
    • Understanding the OST Learning and Work Space Environment
    • Using the CodeRunner Editor
    • You’re Ready to Go!
  • Lesson 2: Introduction: About This Course
    • What is JavaScript?
    • JavaScript is Not Java
    • Looking Ahead…
  • Lesson 3: Your First JavaScript Script
    • Creating Your JavaScript Script
    • Where to Put Your Script
    • Linking to an External Script
    • The
      // <!–[CDATA[-->
      Element
    • Create and Calling a Function
    • Built-In Functions vs. Creating Your Own Functions
    • Using Other People's Scripts
    • Script Libraries
  • Lesson 4: Variables
    • What is a Variable?
    • Values
    • Types
    • Naming Conventions for variables
  • Lesson 5: Statements and Expressions
    • JavaScript Statements
    • The JavaScript Console
    • Arithmetic Operators: Increment and Decrement
    • More Assignment Operators
    • Comparison Operators
    • Conditional Expressions and Statements
    • Statement nesting
    • The String Concatenation Operator
    • Comments
  • Lesson 6: Looping
    • The While Loop
    • The For Loop
    • Combining Looping Statements and Conditional Statements
    • BONUS: Using Loops to generate HTML
  • Lesson 7: Arrays
    • Creating Arrays and Accessing Their Values
    • Changing the Values in an Array
    • Looping with Arrays
    • Processing Arrays
  • Lesson 8: The Document Object Model
    • Behind the Scenes of a Web Page
    • The Document Object Model and document.getElementById()
    • Getting Elements with document.getElementsByTagName()
    • The Window Object
  • Lesson 9: Functions and Events
    • What is a Function?
    • Function Parameters and Arguments
    • Functions with Multiple Parameters
    • Multiple Functions
    • Handling Events
    • Naming Functions
  • Lesson 10: Scope
    • Variable Levels
    • Global Scope and Local Scope
    • Local Scope
    • Shadowing
    • Scope of Function Parameters
    • Different Functions have Different Scope
    • Using Global and Local Variables
  • Lesson 11: Objects
    • Objects are Collections of Properties
    • Accessing Object Properties
    • Objects and Arrays
    • Object Constructors
    • Changing Object Properties
    • Built-In Objects
    • Using Objects to Collect Global Variables
  • Lesson 12: Methods
    • Objects and Methods
    • A Method is a Function in an Object
    • Methods with Parameters
    • This
  • Lesson 13: JavaScript and Forms
    • Create a Page with a Form
    • Add JavaScript to Process the Form
    • Clearing Form Controls
  • Lesson 14: Form Collections
    • Using Form Collections
    • Using the Elements Collection to Access the Value of a Selected Radio Button
    • Submitting a Form with JavaScript
  • Lesson 15: Creating New Elements
    • Creating and Adding New Elements to the DOM
    • Adding More Elements
    • Inserting Elements
  • Lesson 16: Element Attributes and Style
    • Building the Photo Viewer Application
    • Using setAttribute() to Add a Class to an Elemen
    • Using getAttribute() to Get the Value of an Element Attribute
    • Use document.querySelectorAll() and setAttribute() to set the class of multiple elements
    • Setting Style Directly Using JavaScript
  • Lesson 17: Navigating the DOM
    • Add a Click Handler to Multiple Links
    • Add an Image to the Page
    • Removing Elements from the Page
    • Getting a Child's Parent
    • Text Nodes
  • Lesson 18: Final Project -- The Amazing Box Generator!
    • Amazing Boxes
    • The HTML for Amazing Boxes
    • The CSS for Amazing Boxes
    • Positioning an Absolutely Positioned Element
    • The Amazing Boxes Application Requirements

On your way to a Certificate of Professional Development:


JavaScript Programming Certificate

Modern JavaScript: An Introduction $448.00 (plus fees)

 

JavaScript: AJAX and JSON $448.00 (plus fees)

 

Advanced JavaScript Essentials $448.00 (plus fees)

 

$1,344.00 (plus fees)

Enroll in Certificate


Web Programming Certificate

Introduction to HTML and CSS $448.00 (plus fees)

 

Modern JavaScript: An Introduction $448.00 (plus fees)

 

Introduction to XML $398.00 (plus fees)

 

Introduction to PHP $398.00 (plus fees)

 

PHP/SQL 1: Introduction to Database Programming $398.00 (plus fees)

 

Unix for Web Programming $198.00 (plus fees)

 

$2,288.00 (plus fees)

Enroll in Certificate


Client-Side Programming Certificate

Introduction to HTML and CSS $448.00 (plus fees)

 

Modern JavaScript: An Introduction $448.00 (plus fees)

 

JavaScript: AJAX and JSON $448.00 (plus fees)

 

$1,344.00 (plus fees)

Enroll in Certificate