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 both the Web 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  6 CEUs  $448.00 $313.60

Course Details and Syllabus

Course:	Modern JavaScript: An Introduction
Tuition:	$448.00 $313.60
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.
CEUs:	6 Continuing Education Units with official letter from O’Reilly Media.
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 JavaScript: The Definitive Guide, Sixth Edition as a reference resource from O’Reilly.
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 <script> 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