Philippine Center for Creative Imaging

In the age of Rich Internet Applications and slick, interactive websites, JavaScript (and a library or two) has become a must-have skill for front-end developers.

Although JavaScript, by itself, is a relatively simple and small programming language, it is the Document Object Model (DOM) that makes scripting your webpages complicated. This is where jQuery, arguably the most popular JavaScript library, comes in.

jQuery normalizes the differences between browser DOM implementations and comes out of the box with effects, events and Ajax methods that let you add interactivity to your website.

The first part of this course will be focused on fundamental JavaScript and DOM concepts, after which we'll dive right into jQuery.

What will be covered

• What JavaScript is, what it can do, and why you need it
• Setting up your development environment
• JavaScript fundamentals
  • Syntax
  • Variables
  • Data types
  • Operators
  • Control structures
  • Arrays
  • Functions
  • Objects
  • JavaScript on the Web
  • The Document Object Model (DOM)
• JavaScript libraries and why you'll want to use them
• Why jQuery?
• Digging into jQuery
  • $(document).ready()
  • Selecting elements
  • DOM traversal
  • Creating elements
  • Working with elements
  • Events
  • Animations and effects
  • Utility functions
  • Ajax
  • "There's a plugin for that"
  • Best practices

Who should attend

This hands-on course is for Web designers and developers who want to add interactivity to their websites using JavaScript and jQuery.

What you can expect

To get a better idea of what you will be able to do after this course, click here.

Prerequisite

To gain the most from this class you should:

• Be comfortable working with the Windows or Macintosh operating system.
• Be familiar with web terminology.
• Be comfortable with what is required to build static Web pages.
• Be comfortable with coding.
• Have completed the Fast Track to HTML & CSS course, or have equivalent experience.

Comments from participants

The instructor made AJAX easy to understand. [The instructor] knows what he's doing. He explained it well. He can do live coding. Which amazed me. Straight forward.
— Sydel Palinlin (Perpetual Help University)

The instructor widened our knowledge on the subject matter. He gave us many pointers and entertained our question. He is the type of instructor who knows what he teaches.
— Francia Moraga

The instructor entertained questions not only about JavaScript and jQuery but also other stuff in relation to it.
— Martin Cipriano (GXS-Global Exchange Services Manila)

I like how [the instructor] entertains questions and approaches requests.
— JV Libunao (NetSuite)

[The instructor] is highly approachable. He sits beside each student to ensure their understanding of the subject. I would surely recommend PCCI and this class. Everything is just orderly. It's a pleasure learning here. Thanks, [to the instructor and to] PCCI!!! I will be back for more.
— Lheiza Enriquez-Ortiz (kgb_Philippines)

The examples are close to the real world application of the course.
— Joanne M. Caballes (Green Jakobsen Philippines)

The interactivity and group participation is very helpful.
— Arnold Joseph Reyes (International Rice Research Institute)

Its helpful and there are more interesting topics to learn. The instructor is accommodating and makes sure that the students understand the lecture.
— Jessa Arbilon (CS Athletic)

[What I liked most was] how simple HTML elements become interactive once applied with JQuery and JavaScripting.
— Bryan Santos (Mizuho Corporate Bank)

What I liked most in the training were the whole staff of PCCI, and the its venue, which was very conducive to learning. The instructor was excellent.
— Elmer Sia (John B. Lacson Foundation Maritime University, Iloilo)