TRAINING INQUIRY

    LEAVE YOUR DETAILS BELOW AND WE WILL GET BACK TO YOU.

    Best way to contact me *

    About this Course

    JavaScript for Developers is a 5-day instructor-led course that will give you an in-depth, hands-on study of JavaScript. The course includes detailed, guided labs that will teach you to write code, use DOM, add jQuery, make use of Ajax, and more. You will take on multiple projects that update an existing website to let you dive right into the advanced topics.

    This JavaScript training course is intended for you, regardless if you’re a novice or an experienced programmer. Some experience in C++, C#, or Java is helpful but not required.

    Audience Profile

    This course is intended for both the novice and experienced programmer.

    At Course Completion

    Key JavaScript for Developers Training Takeaways

    You will learn to:

    • Write and test JavaScript code in modern browsers.
    • Understand and work with the browser’s Document Object Model (DOM).
    • Work DOM objects and write code to respond to events.
    • Add jQuery to their projects and use jQuery to manipulate the DOM and to make Ajax calls.
    • Understand Ajax and Web Services, including HTTP Verbs and asynchronous Ajax calls.
    • Work with XML and JSON data formats.
    • Understand and use RESTful Web Services including ODATA queries.
    • Work with Anonymous Functions, Self-Invoking Functions and Closures.
    • Understand the role of the Window and Navigator objects.
    • Describe and understand variables, “variable hoisting”, and JavaScript objects.

    Outline

    Module 1: Basic Scripting

    JavaScript has been described as a simple scripting language and also as a complex object oriented language. In this module we will explore basic scripting. Many of the topics in the module will be expanded upon in later sections of this course. In this module we will look at the basics to write and call a JavaScript function, find HTML elements in a web page, change properties of HTML elements, write loops, test strings and values (IF statements), and a few more.

    Lessons

    • JavaScript Basics
    • JavaScript or ECMAScript?
    • Which Version of JavaScript am I Using?
    • Shims, Shivs, and Polyfills
    • Writing and Testing JavaScript
    • Editors and the F12 Tools
    • Key Parts of a Script

    Lab 1: 

    • Q&A quiz
    • Exercise 1 – Experimenting with the F12 Developer Tools
    • Exercise 2 – Update the time on the page by using JavaScript
    • Exercise 3 – Add JavaScript to respond to an event

    After completing this module you will be able to:

    • Add basic scripts to a web page
    • Use the F12 tools to explore pages

    Module 2: The Document Object Model

    Neither browsers nor JavaScript work directly with the HTML file that was received from the web server. The browser parses this file and converts it into a tree structure called the Document Object Model, or DOM for short. In this module we explore working with Elements and DOM objects.

    Lessons

    • The DOM
    • Accessing Objects from the DOM
    • Responding to Events
    • Adding Elements to the DOM

    Lab 2:

    • Q&A quiz
    • Add an Animation to the Home Page.
    • Move the JavaScript to a File
    • Add JavaScript to Supply Mouse Over Tips to the Menu Tabs

    After completing this module you will be able to:

    • Describe the DOM and Elements.
    • Write JavaScript code to search and update the DOM.
    • Write code to respond to DOM object events.
    • Add and remove Elements to and from the DOM.

    Module 3:  Introduction to jQuery

    A lot of the coding work you will do with JavaScript will be to first find an HTML element, and then manipulate that element. Often, all we are doing is some searching, or querying, of the HTML and then performing a quick update. In this module we will exploring using the jQuery library to search for, and modify, elements in the DOM.

    Lessons

    • jQuery
    • Downloading the jQuery Library
    • jQuery Versions
    • Linking to the Library
    • Selecting Elements using jQuery
    • Working with the Data Returned by jQuery
    • Setting CSS Properties
    • Running a Function Against the jQuery Return Set

    Lab 3:

    • Q&A quiz
    • Add the jQuery Library to the Project
    • Create New Elements using jQuery

    After completing this module you will be able to:

    • Describe the role of libraries like jQuery in JavaScript and web development.
    • Add the jQuery library to a project.
    • Find and retrieve, update and create new elements in the DOM.

    Module 4: Ajax and Web Services

    This module explores web services and the use of Ajax to call those services.

    Lessons

    • Web Services
    • HTTP Verbs
    • Data Formats – XML and JSON
    • Ajax
    • RESTful Web Services
    • OData
    • OData Queries
    • OData Updates

    Lab 4:

    • Q&A quiz
    • Exploring a REST Web Service
    • Load Data from a Web Service

    After completing this module you will be able to:

    • Describe web services and how to interact with them from JavaScript and jQuery.
    • Work with XML and JSON data.
    • Create queries and update data using REST and OData.

    Module 5:  Diving in Deeper

    In this module we will explore the topics you will need to know as you move from a “JavaScript scripter” to a “JavaScript developer”.

    Some of the topics include:

    •  More about Data Types and data conversion
    • Variables: more on Scopes, Hoisting, Creating and Deleting
    • Functions: Anonymous functions, Closures, Self-invoking functions, the “this” keyword and the Module Pattern
    • More on error handling
    • Recursion

    Lessons

    • Is JavaScript Compiled?
    • Data Types and Objects
    • Extending Data Types
    • Variables, Scopes and Hoisting
    • Functions
    • The “this” Keyword
    • Errors
    • Recursion

    Lab 5:

    • Q&A quiz

    After completing this module you will be able to:

    • Describe how JavaScript variables are used, stored, and manipulated.
    • Understand how JavaScript variables and functions are scoped, and occasionally “hoisted”.
    • Create functions, anonymous functions and Closures.
    • Describe and use the “this” keyword in functions.
    • Create try-catch blocks and handle errors.

    Venue:  

    Address:
    Online Event

    Description:

    Live Online Training

    Get the same training you expect in the classroom without leaving your office or home. These are NOT recorded classes. They are LIVE sessions with an expert instructor. We use the latest in video conferencing technologies and audio so you can confidently participate in any class just like being right there in person. We guarantee the effectiveness of our online training delivery approach that we will give you your money back if you are not totally satisfied.  Ask us for a demo.

    Online class requirements:

    • Moderate to fast Internet
    • A phone or computer headset is required in order to hear the instructor/moderator). You can use Computer Audio (VoIP) or you can dial in from a regular phone.  For convenience, we recommend a hands-free headset or phone.
    • Training software must be installed on your computer (trial versions are acceptable)
    • RECOMMENDED: Dual Monitors or computers. For optimal online learning experience, we recommend participants have dual monitors or two computers. Your online classroom credentials allow you to join multiple times from multiple computers. Participants should use one monitor or computer to view the instructor’s shared screen and another monitor or computer to work with the software.

    What happens when you enroll in an online class

    When you register for an online class, you will receive a welcome email followed by login access to the Citrix GoToTraining virtual classroom. A workbook (printed copy or eBook) will be sent to you prior to the start of class.

    Online Training Advantages

    Convenience: You don’t have to travel and can attend from your home, office or anywhere with an internet connection. Our online classes are conducted using GoToTraining, a more robust version of the popular GoToMeeting screen sharing and conferencing platform. To accommodate multiple time zones, courses are typically scheduled from 10am – 5pm Eastern with a one-hour lunch break at 12:30 – 1:30 pm Eastern and a 10-minute break in the morning and afternoon. When conducting custom online course for your group, class times can be modified to accommodate your timezone.

    Interactive Learning: Our online training is fully interactive. You can speak and chat with the instructor and classmates at any time. Various interactive techniques are used in every class. Our small class sizes (typically 4 – 8 students), allow our instructors to focus on individual performance and issues and to work closely with you to meet your unique needs. Classes are designed to be a hands-on learning experience, providing opportunities for you to try your new skills while the instructor is available for review, questions, and feedback. You have the option to give the instructor permission to view your computer to provide one-on-one assistance when needed.