Javascript/JQuery Basics

Friday, September 19, 2014

Javascript is the most popular programming language on the web

Created by Netscape, now sometimes refered to as ECMAScript

Javascript is Open Source and Powerful!


  1. HTML Form Validation
  2. Event Handling - click, hover...
  3. Powers HTML5 features: geolocation, web storage
  4. Search and form autocomplete
  5. Animations
  6. JQuery, Ajax, AngularJS, Ember, Knockout, Backbone, Nodejs are all Javascript

Where to add javascript to the HTML page?

Variables in javascript

2 ways to declare arrays in javascript

Loop syntax in javascript

Functions in javascript

Objects in javascript


  1. Multi browser javascript library
  2. Manipulate/navigate the DOM
  3. Handles events
  4. You can create plugins
  5. Effects and animations
  6. Develop ajax applications

How to use JQuery

Document ready handler

Selecting Elements

JQuery methods

Events in jquery

Show and hide elements with jquery

Animations with jquery

Print variable to the browser

Declare integer variables, add and print to screen

Default Success Warning Important Info Inverse
B S W I ? O