Web Design Workshop Part 2

50 %
50 %
Information about Web Design Workshop Part 2
Design

Published on March 6, 2014

Author: kanakiyajay

Source: slideshare.net

Description

The second set of slides for the Web Designing Workshop conducted by Jay Kanakiya.

Javascript ECMASCRIPT 5

• • • • • • Originally called LiveScript and Netscape NOT JAVA For the most part run the same in all browsers Requisites of C Logics , Variables , Looping , Conditionals , Functions ,Arrays .

HELLO WORLD <html> <head> <title>Hello World</title> </head> <body> <script> console.log("Hello World") ; </script> </body> </html> Open Console Tab in Chrome Devtools

Basic Javascript • Programming Language like C var i ; for (i=0;i<5;i++) { Console.log(i); }

What you can do with js? • • • • Graphic animation Simple browser web app Html form validation and submission Infinite Scroll

Why jQuery ? • CSS3 Selectors • Simplifies the script • Events and Callbacks

Simplicity Example • Js :document.getElementById(‘container’) • $(‘#container’)

• <script src=“jquery.js”></script> • <script> $( document ).ready(function() { // Your code here. }); • </script>

What you can do $( document ).ready(function() { $( "a" ).click(function( event ) { alert( "Thanks for visiting!" ); }); });

$( “img" ).click(function( event ) { $( this ).hide(); });

$(‘p’).toggle( callback1 , callback2 ) $( "p.expander" ).toggle( function() { $( this ).prev().addClass( "open" ); }, function() { $( this ).prev().removeClass( "open" ); });

AJAX • Ex . Gmail , Facebook • Asynchronous JavaScript and XML

Accordion

Make a simple Slider

Links • http://learn.jquery.com/ • http://jquer.in/ • http://jque.re

Add a comment

Related presentations

Related pages

Web Design Workshop Part 2 - Discover, share, present ...

The second set of slides for the Web Designing Workshop conducted by Jay Kanakiya.
Read more

Web Design Workshop: HTML 4.2 - Classes & ID's - YouTube

Web Design Workshop: HTML 3.2 - Three Programs of Web Design - Duration: 6:05. Adrian Clark 115 views. ... +YouTube; Terms; Privacy; Policy & Safety
Read more

Workshop Design Part 2 - Work Zones | Phil Rasmussen

Workshop Design, Part 2- Work Zones. by Phil Rasmussen, ... Be on the look out for our January issue of Wood News for Workshop Design-Part 3, ...
Read more

Web Design Workshop: HTML 1.1 - What is HTML? - YouTube

Standard YouTube License; Loading ... Up next Web Design Workshop: HTML 1.2 - Tools for HTML - Duration: 6:50. Adrian Clark 167 views. 6:50
Read more

Web Design - AS Workshop - Array Studio

Category: Web Design. Tags: Page 2 of 2 < 1; 2; Categories. 1280×800 Wallpapers; ArrayStudio News; Javascript; News; PHP; Programming; Resources and Links;
Read more

Innovation Workshop: Part 2 - Workshops & Training ...

Innovation Workshop: Part 2 ... This class is for attendees who have completed Part 1 of the Innovation Workshop and have a solid understanding of the ...
Read more

AutoSpeed - A New Home Workshop, Part 2

A New Home Workshop, Part 2 Making plans By Julian Edgar. Click on pics to view larger images. ... · 2 roller doors 3.1 metres high and 3 metres wide
Read more

Web Form Design Patterns: Sign-Up Forms, Part 2 ...

... Part 2. By Vitaly Friedman; ... He runs responsive Web design workshops, ... This entire article was by far the best article on Smashing Magazine. 0. 29.
Read more

Japworkshopinfo (Japworkshopinfo) - Sellfy.com

Workshop information for Acura/Honda, Hyundai, Kia, Isuzu, Lexus, Mazda, ... MAZDA 4WD WIS (2010-2014) Part 2 Japworkshopinfo. $3.95 Buy now ...
Read more