Submit Search
Upload
Web Design Workshop Part 2
•
0 likes
•
1,362 views
K
kanakiyajay
Follow
The second set of slides for the Web Designing Workshop conducted by Jay Kanakiya.
Read less
Read more
Design
Report
Share
Report
Share
1 of 15
Download now
Download to read offline
Recommended
React basic by Yoav Amit, Wix
React basic by Yoav Amit, Wix
Chen Lerner
Digər proqramlaşdırma dillərində Android platforması üçün proqramlaşdırma
Digər proqramlaşdırma dillərində Android platforması üçün proqramlaşdırma
Rashad Aliyev
Liking performance
Liking performance
Stoyan Stefanov
JavaScript performance patterns
JavaScript performance patterns
Stoyan Stefanov
Introduction to java_script
Introduction to java_script
Basavaraj Hampali
Effective TDD - Less is more
Effective TDD - Less is more
Ben Lau
JavaScript Missing Manual, Ch. 1
JavaScript Missing Manual, Ch. 1
Gene Babon
Using Controls, calling Launchers. IsolatedStorages and Local DataBase samples
Using Controls, calling Launchers. IsolatedStorages and Local DataBase samples
Rashad Aliyev
Recommended
React basic by Yoav Amit, Wix
React basic by Yoav Amit, Wix
Chen Lerner
Digər proqramlaşdırma dillərində Android platforması üçün proqramlaşdırma
Digər proqramlaşdırma dillərində Android platforması üçün proqramlaşdırma
Rashad Aliyev
Liking performance
Liking performance
Stoyan Stefanov
JavaScript performance patterns
JavaScript performance patterns
Stoyan Stefanov
Introduction to java_script
Introduction to java_script
Basavaraj Hampali
Effective TDD - Less is more
Effective TDD - Less is more
Ben Lau
JavaScript Missing Manual, Ch. 1
JavaScript Missing Manual, Ch. 1
Gene Babon
Using Controls, calling Launchers. IsolatedStorages and Local DataBase samples
Using Controls, calling Launchers. IsolatedStorages and Local DataBase samples
Rashad Aliyev
Hash Signaling Made Easy
Hash Signaling Made Easy
davidgouldin
Javascript Test Automation Workshop (21.08.2014)
Javascript Test Automation Workshop (21.08.2014)
Deutsche Post
One step in the future: CSS variables
One step in the future: CSS variables
Giacomo Zinetti
JavaScript Performance Patterns
JavaScript Performance Patterns
Stoyan Stefanov
Webdriver.io
Webdriver.io
LinkMe Srl
JAVA SCRIPT
JAVA SCRIPT
Mohammed Hussein
Asynchronous JavaScript loading
Asynchronous JavaScript loading
yay w00t
Javascript first-class citizenery
Javascript first-class citizenery
toddbr
High Performance Social Plugins
High Performance Social Plugins
Stoyan Stefanov
Novajs
Novajs
wearefractal
Hello world
Hello world
llynn83wou
Up & Running with Polymer
Up & Running with Polymer
Fiyaz Hasan
20160905 - BrisJS - nightwatch testing
20160905 - BrisJS - nightwatch testing
Vladimir Roudakov
Agile JavaScript Testing
Agile JavaScript Testing
Scott Becker
Javascript
Javascript
Manav Prasad
Packing for the Web with Webpack
Packing for the Web with Webpack
Thiago Temple
Console in javaScript
Console in javaScript
Vivek Kumar
Getting started with node.js
Getting started with node.js
Mudassar Ali Sahil
BBUI
BBUI
Anoop Nayak
Data presentation with dust js technologies backing linkedin
Data presentation with dust js technologies backing linkedin
Ruhaim Izmeth
Getting started with Emscripten – Transpiling C / C++ to JavaScript / HTML5
Getting started with Emscripten – Transpiling C / C++ to JavaScript / HTML5
David Voyles
JavaScript front end performance optimizations
JavaScript front end performance optimizations
Chris Love
More Related Content
What's hot
Hash Signaling Made Easy
Hash Signaling Made Easy
davidgouldin
Javascript Test Automation Workshop (21.08.2014)
Javascript Test Automation Workshop (21.08.2014)
Deutsche Post
One step in the future: CSS variables
One step in the future: CSS variables
Giacomo Zinetti
JavaScript Performance Patterns
JavaScript Performance Patterns
Stoyan Stefanov
Webdriver.io
Webdriver.io
LinkMe Srl
JAVA SCRIPT
JAVA SCRIPT
Mohammed Hussein
Asynchronous JavaScript loading
Asynchronous JavaScript loading
yay w00t
Javascript first-class citizenery
Javascript first-class citizenery
toddbr
High Performance Social Plugins
High Performance Social Plugins
Stoyan Stefanov
Novajs
Novajs
wearefractal
Hello world
Hello world
llynn83wou
Up & Running with Polymer
Up & Running with Polymer
Fiyaz Hasan
20160905 - BrisJS - nightwatch testing
20160905 - BrisJS - nightwatch testing
Vladimir Roudakov
Agile JavaScript Testing
Agile JavaScript Testing
Scott Becker
Javascript
Javascript
Manav Prasad
Packing for the Web with Webpack
Packing for the Web with Webpack
Thiago Temple
Console in javaScript
Console in javaScript
Vivek Kumar
Getting started with node.js
Getting started with node.js
Mudassar Ali Sahil
BBUI
BBUI
Anoop Nayak
Data presentation with dust js technologies backing linkedin
Data presentation with dust js technologies backing linkedin
Ruhaim Izmeth
What's hot
(20)
Hash Signaling Made Easy
Hash Signaling Made Easy
Javascript Test Automation Workshop (21.08.2014)
Javascript Test Automation Workshop (21.08.2014)
One step in the future: CSS variables
One step in the future: CSS variables
JavaScript Performance Patterns
JavaScript Performance Patterns
Webdriver.io
Webdriver.io
JAVA SCRIPT
JAVA SCRIPT
Asynchronous JavaScript loading
Asynchronous JavaScript loading
Javascript first-class citizenery
Javascript first-class citizenery
High Performance Social Plugins
High Performance Social Plugins
Novajs
Novajs
Hello world
Hello world
Up & Running with Polymer
Up & Running with Polymer
20160905 - BrisJS - nightwatch testing
20160905 - BrisJS - nightwatch testing
Agile JavaScript Testing
Agile JavaScript Testing
Javascript
Javascript
Packing for the Web with Webpack
Packing for the Web with Webpack
Console in javaScript
Console in javaScript
Getting started with node.js
Getting started with node.js
BBUI
BBUI
Data presentation with dust js technologies backing linkedin
Data presentation with dust js technologies backing linkedin
Similar to Web Design Workshop Part 2
Getting started with Emscripten – Transpiling C / C++ to JavaScript / HTML5
Getting started with Emscripten – Transpiling C / C++ to JavaScript / HTML5
David Voyles
JavaScript front end performance optimizations
JavaScript front end performance optimizations
Chris Love
Introduction to Vert.x
Introduction to Vert.x
Yiguang Hu
Enterprise Strength Mobile JavaScript
Enterprise Strength Mobile JavaScript
Troy Miles
Javascript
Javascript
Sun Technlogies
JS class slides (2016)
JS class slides (2016)
Yves-Emmanuel Jutard
JS Class 2016
JS Class 2016
Yves-Emmanuel Jutard
Masterin Large Scale Java Script Applications
Masterin Large Scale Java Script Applications
Fabian Jakobs
Web開発の技術選び、 好き嫌いでやってませんか 〜技術選びで注目すべきポイントとは〜
Web開発の技術選び、 好き嫌いでやってませんか 〜技術選びで注目すべきポイントとは〜
Yuki Okada
jQuery
jQuery
PumoTechnovation
JavaScript Basics with baby steps
JavaScript Basics with baby steps
Muhammad khurram khan
Scripting Oracle Develop 2007
Scripting Oracle Develop 2007
Tugdual Grall
How to make Ajax Libraries work for you
How to make Ajax Libraries work for you
Simon Willison
Node azure
Node azure
Emanuele DelBono
Intro to node.js - Ran Mizrahi (27/8/2014)
Intro to node.js - Ran Mizrahi (27/8/2014)
Ran Mizrahi
Intro to node.js - Ran Mizrahi (28/8/14)
Intro to node.js - Ran Mizrahi (28/8/14)
Ran Mizrahi
Java script
Java script
Jay Patel
Intro JavaScript
Intro JavaScript
koppenolski
Nodejs - A quick tour (v6)
Nodejs - A quick tour (v6)
Felix Geisendörfer
Wt unit 2 ppts client sied technology
Wt unit 2 ppts client sied technology
PUNE VIDYARTHI GRIHA'S COLLEGE OF ENGINEERING, NASHIK
Similar to Web Design Workshop Part 2
(20)
Getting started with Emscripten – Transpiling C / C++ to JavaScript / HTML5
Getting started with Emscripten – Transpiling C / C++ to JavaScript / HTML5
JavaScript front end performance optimizations
JavaScript front end performance optimizations
Introduction to Vert.x
Introduction to Vert.x
Enterprise Strength Mobile JavaScript
Enterprise Strength Mobile JavaScript
Javascript
Javascript
JS class slides (2016)
JS class slides (2016)
JS Class 2016
JS Class 2016
Masterin Large Scale Java Script Applications
Masterin Large Scale Java Script Applications
Web開発の技術選び、 好き嫌いでやってませんか 〜技術選びで注目すべきポイントとは〜
Web開発の技術選び、 好き嫌いでやってませんか 〜技術選びで注目すべきポイントとは〜
jQuery
jQuery
JavaScript Basics with baby steps
JavaScript Basics with baby steps
Scripting Oracle Develop 2007
Scripting Oracle Develop 2007
How to make Ajax Libraries work for you
How to make Ajax Libraries work for you
Node azure
Node azure
Intro to node.js - Ran Mizrahi (27/8/2014)
Intro to node.js - Ran Mizrahi (27/8/2014)
Intro to node.js - Ran Mizrahi (28/8/14)
Intro to node.js - Ran Mizrahi (28/8/14)
Java script
Java script
Intro JavaScript
Intro JavaScript
Nodejs - A quick tour (v6)
Nodejs - A quick tour (v6)
Wt unit 2 ppts client sied technology
Wt unit 2 ppts client sied technology
Recently uploaded
A level Digipak development Presentation
A level Digipak development Presentation
amedia6
SCRIP Lua HTTP PROGRACMACION PLC WECON CA
SCRIP Lua HTTP PROGRACMACION PLC WECON CA
NestorGamez6
Dubai Call Girls Pro Domain O525547819 Call Girls Dubai Doux
Dubai Call Girls Pro Domain O525547819 Call Girls Dubai Doux
kojalkojal131
Design Portfolio - 2024 - William Vickery
Design Portfolio - 2024 - William Vickery
WilliamVickery6
young call girls in Pandav nagar 🔝 9953056974 🔝 Delhi escort Service
young call girls in Pandav nagar 🔝 9953056974 🔝 Delhi escort Service
9953056974 Low Rate Call Girls In Saket, Delhi NCR
Kala jadu for love marriage | Real amil baba | Famous amil baba | kala jadu n...
Kala jadu for love marriage | Real amil baba | Famous amil baba | kala jadu n...
babafaisel
VVIP Pune Call Girls Hadapsar (7001035870) Pune Escorts Nearby with Complete ...
VVIP Pune Call Girls Hadapsar (7001035870) Pune Escorts Nearby with Complete ...
Call Girls in Nagpur High Profile
Captivating Charm: Exploring Marseille's Hillside Villas with Our 3D Architec...
Captivating Charm: Exploring Marseille's Hillside Villas with Our 3D Architec...
Yantram Animation Studio Corporation
VIP Kolkata Call Girl Gariahat 👉 8250192130 Available With Room
VIP Kolkata Call Girl Gariahat 👉 8250192130 Available With Room
divyansh0kumar0
Fashion trends before and after covid.pptx
Fashion trends before and after covid.pptx
VanshNarang19
CALL ON ➥8923113531 🔝Call Girls Kalyanpur Lucknow best Female service 🧵
CALL ON ➥8923113531 🔝Call Girls Kalyanpur Lucknow best Female service 🧵
anilsa9823
Cosumer Willingness to Pay for Sustainable Bricks
Cosumer Willingness to Pay for Sustainable Bricks
abhishekparmar618
Recommendable # 971589162217 # philippine Young Call Girls in Dubai By Marina...
Recommendable # 971589162217 # philippine Young Call Girls in Dubai By Marina...
home
Cheap Rate Call girls Kalkaji 9205541914 shot 1500 night
Cheap Rate Call girls Kalkaji 9205541914 shot 1500 night
Delhi Call girls
Call Girls in Okhla Delhi 💯Call Us 🔝8264348440🔝
Call Girls in Okhla Delhi 💯Call Us 🔝8264348440🔝
soniya singh
VIP Call Girls Bhiwandi Ananya 8250192130 Independent Escort Service Bhiwandi
VIP Call Girls Bhiwandi Ananya 8250192130 Independent Escort Service Bhiwandi
Suhani Kapoor
Best VIP Call Girls Noida Sector 47 Call Me: 8448380779
Best VIP Call Girls Noida Sector 47 Call Me: 8448380779
Delhi Call girls
young call girls in Vivek Vihar🔝 9953056974 🔝 Delhi escort Service
young call girls in Vivek Vihar🔝 9953056974 🔝 Delhi escort Service
9953056974 Low Rate Call Girls In Saket, Delhi NCR
Cheap Rate ➥8448380779 ▻Call Girls In Iffco Chowk Gurgaon
Cheap Rate ➥8448380779 ▻Call Girls In Iffco Chowk Gurgaon
Delhi Call girls
VIP College Call Girls Gorakhpur Bhavna 8250192130 Independent Escort Service...
VIP College Call Girls Gorakhpur Bhavna 8250192130 Independent Escort Service...
Suhani Kapoor
Recently uploaded
(20)
A level Digipak development Presentation
A level Digipak development Presentation
SCRIP Lua HTTP PROGRACMACION PLC WECON CA
SCRIP Lua HTTP PROGRACMACION PLC WECON CA
Dubai Call Girls Pro Domain O525547819 Call Girls Dubai Doux
Dubai Call Girls Pro Domain O525547819 Call Girls Dubai Doux
Design Portfolio - 2024 - William Vickery
Design Portfolio - 2024 - William Vickery
young call girls in Pandav nagar 🔝 9953056974 🔝 Delhi escort Service
young call girls in Pandav nagar 🔝 9953056974 🔝 Delhi escort Service
Kala jadu for love marriage | Real amil baba | Famous amil baba | kala jadu n...
Kala jadu for love marriage | Real amil baba | Famous amil baba | kala jadu n...
VVIP Pune Call Girls Hadapsar (7001035870) Pune Escorts Nearby with Complete ...
VVIP Pune Call Girls Hadapsar (7001035870) Pune Escorts Nearby with Complete ...
Captivating Charm: Exploring Marseille's Hillside Villas with Our 3D Architec...
Captivating Charm: Exploring Marseille's Hillside Villas with Our 3D Architec...
VIP Kolkata Call Girl Gariahat 👉 8250192130 Available With Room
VIP Kolkata Call Girl Gariahat 👉 8250192130 Available With Room
Fashion trends before and after covid.pptx
Fashion trends before and after covid.pptx
CALL ON ➥8923113531 🔝Call Girls Kalyanpur Lucknow best Female service 🧵
CALL ON ➥8923113531 🔝Call Girls Kalyanpur Lucknow best Female service 🧵
Cosumer Willingness to Pay for Sustainable Bricks
Cosumer Willingness to Pay for Sustainable Bricks
Recommendable # 971589162217 # philippine Young Call Girls in Dubai By Marina...
Recommendable # 971589162217 # philippine Young Call Girls in Dubai By Marina...
Cheap Rate Call girls Kalkaji 9205541914 shot 1500 night
Cheap Rate Call girls Kalkaji 9205541914 shot 1500 night
Call Girls in Okhla Delhi 💯Call Us 🔝8264348440🔝
Call Girls in Okhla Delhi 💯Call Us 🔝8264348440🔝
VIP Call Girls Bhiwandi Ananya 8250192130 Independent Escort Service Bhiwandi
VIP Call Girls Bhiwandi Ananya 8250192130 Independent Escort Service Bhiwandi
Best VIP Call Girls Noida Sector 47 Call Me: 8448380779
Best VIP Call Girls Noida Sector 47 Call Me: 8448380779
young call girls in Vivek Vihar🔝 9953056974 🔝 Delhi escort Service
young call girls in Vivek Vihar🔝 9953056974 🔝 Delhi escort Service
Cheap Rate ➥8448380779 ▻Call Girls In Iffco Chowk Gurgaon
Cheap Rate ➥8448380779 ▻Call Girls In Iffco Chowk Gurgaon
VIP College Call Girls Gorakhpur Bhavna 8250192130 Independent Escort Service...
VIP College Call Girls Gorakhpur Bhavna 8250192130 Independent Escort Service...
Web Design Workshop Part 2
1.
Javascript ECMASCRIPT 5
2.
• • • • • • 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 .
3.
HELLO WORLD <html> <head> <title>Hello World</title> </head> <body> <script> console.log("Hello
World") ; </script> </body> </html> Open Console Tab in Chrome Devtools
4.
Basic Javascript • Programming
Language like C var i ; for (i=0;i<5;i++) { Console.log(i); }
5.
What you can
do with js? • • • • Graphic animation Simple browser web app Html form validation and submission Infinite Scroll
6.
Why jQuery ? •
CSS3 Selectors • Simplifies the script • Events and Callbacks
7.
Simplicity Example • Js :document.getElementById(‘container’) •
$(‘#container’)
8.
• <script src=“jquery.js”></script> •
<script> $( document ).ready(function() { // Your code here. }); • </script>
9.
What you can
do $( document ).ready(function() { $( "a" ).click(function( event ) { alert( "Thanks for visiting!" ); }); });
10.
$( “img" ).click(function(
event ) { $( this ).hide(); });
11.
$(‘p’).toggle( callback1 ,
callback2 ) $( "p.expander" ).toggle( function() { $( this ).prev().addClass( "open" ); }, function() { $( this ).prev().removeClass( "open" ); });
12.
AJAX • Ex .
Gmail , Facebook • Asynchronous JavaScript and XML
13.
Accordion
14.
Make a simple
Slider
15.
Links • http://learn.jquery.com/ • http://jquer.in/ •
http://jque.re
Download now