advertisement

Web Design Workshop Part 2

50 %
50 %
advertisement
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.
advertisement

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

My Music Magazine Pitch

My Music Magazine Pitch

October 30, 2014

music mag pitch

Questionaire charts

Questionaire charts

November 4, 2014

bk

Final research

Final research

November 5, 2014

final research

Cersaie 2014

Cersaie 2014

October 30, 2014

allestimento in cartone per il Cersaie 2014 alberi in cartone scultura in cartone

Quarta turma do workshop de Infografia, ministrado por Beatriz Blanco e Marcos Sin...

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