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!

Uses:

  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


JQuery:

  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