SlideShare a Scribd company logo
jQuery
             {   JavaScript Library




penguns@naver.com                     Han seung ho 한승호
Index


    jQuery & Basic tutorial
    Develop helper

    jQuery plug-in
Ready
 1. TeamViewer
  http://www.teamviewer.com
  http://www.teamviewer.com/download/TeamViewerQS_ko.exe

 2. Google chrome setup
       https://www.google.com/chrome

 3. Google chrome extension
        Chrome web store
         jQuery Selectors
         jQuery Plugins Inspector
{ jQuery & Basic tutorial
JavaScript Library
jQuery is designed to change the way that you write JavaScript.




   9260 line (1.71 dev)                     9260 line + 1 line


                                     <script src="jquery.js"></script>

                                     <script>
                                       $(‘div’).show();
                                     </script>




                                                             http://jquery.com/
$(‘Selectors’).                        method(...);

                                 example



    $(‘#box1’).                            hide();

    $(‘.box2 a’).                          fadeout();

    $(‘#box1, .box2 a’).                   show();

    $(‘div’).                              css(‘display', none);

                                                     http://oscarotero.com/jquery/
API [Application Program Interface]
                                                          http://visualjquery.com/
$(‘Selectors’).             .method(...)                 .method(...);


                               example




$(‘#box1’).show().css(‘left', 300).animate( { left: 600 }, 1000 ).fadeout();



$(‘#box1’).show().addClass('over');



                                     http://cfs.tistory.com/custom/blog/68/68469
                                     8/skin/images/jquery.html

                                         http://jsfiddle.net/shilpe/r7MgY/11840/
var name =          $(‘Selectors’).      .method(...)   .method(...);



                               example




var box2a = $(‘.box2’).find(‘a’);



box2a.show();
Navigation Design
   Main-menu
   Html + CSS


     jQuery
     click & hover


        Sub-menu
        html + CSS
{ Develop helper
Jsfiddle




           http://jsfiddle.net
jQuery Selectors
jQuery Plugins Inspector
{ jQuery plug-in
in sequence
Call jQuery   Call plug-in JS               Call CSS




                      http://docs.jquery.com/Plugins/Authoring
jQueryUI




                       http://jqueryui.com/
           http://jsfiddle.net/shilpe/kNQS4/
BX Slider




            http://bxslider.com/
Apycom menus




               http://apycom.com/
Flex slider




              http://flex.madebymufffin.com/
{ Thank you

More Related Content

What's hot

Javascript
JavascriptJavascript
Javascript
timsplin
 
WordCamp London 2013
WordCamp London 2013WordCamp London 2013
WordCamp London 2013
Ivelina Dimova
 
Jquery
JqueryJquery
Oh, you’re the NY times guy
Oh, you’re the NY times guyOh, you’re the NY times guy
Oh, you’re the NY times guy
David Hayes
 
Jquery for post a form
Jquery for post a formJquery for post a form
Jquery for post a form
Rakesh Kumar
 
Practica csv
Practica csvPractica csv
Practica csv
Nones Pomposo
 
Coding website
Coding websiteCoding website
Coding website
PutuMahendra Wijaya
 
Jquery presentation
Jquery presentationJquery presentation
Jquery presentation
Mevin Mohan
 
Borrados
BorradosBorrados
Your Entity, Your Code
Your Entity, Your CodeYour Entity, Your Code
Your Entity, Your Code
Marco Vito Moscaritolo
 
TDC 2014 - JavaScript de qualidade: hoje, amanhã e sempre!
TDC 2014 - JavaScript de qualidade: hoje, amanhã e sempre!TDC 2014 - JavaScript de qualidade: hoje, amanhã e sempre!
TDC 2014 - JavaScript de qualidade: hoje, amanhã e sempre!
Guilherme Carreiro
 
Keep It Simple Security (Symfony cafe 28-01-2016)
Keep It Simple Security (Symfony cafe 28-01-2016)Keep It Simple Security (Symfony cafe 28-01-2016)
Keep It Simple Security (Symfony cafe 28-01-2016)
Oleg Zinchenko
 
jQuery Awesomesauce
jQuery AwesomesaucejQuery Awesomesauce
jQuery Awesomesauce
Sean Gaffney
 
Facebook
FacebookFacebook
My Development Story
My Development StoryMy Development Story
My Development Story
Takahiro Fujiwara
 
Introduction to jQuery - Barcamp London 9
Introduction to jQuery - Barcamp London 9Introduction to jQuery - Barcamp London 9
Introduction to jQuery - Barcamp London 9
Jack Franklin
 
Declarations sample
Declarations   sampleDeclarations   sample
Declarations sample
aslamsan
 
Dollar symbol
Dollar symbolDollar symbol
Dollar symbol
Aaron Huang
 
Drupal Security
Drupal SecurityDrupal Security
Drupal Security
Ran Bar-Zik
 
How to work with legacy code
How to work with legacy codeHow to work with legacy code
How to work with legacy code
Michał Kruczek
 

What's hot (20)

Javascript
JavascriptJavascript
Javascript
 
WordCamp London 2013
WordCamp London 2013WordCamp London 2013
WordCamp London 2013
 
Jquery
JqueryJquery
Jquery
 
Oh, you’re the NY times guy
Oh, you’re the NY times guyOh, you’re the NY times guy
Oh, you’re the NY times guy
 
Jquery for post a form
Jquery for post a formJquery for post a form
Jquery for post a form
 
Practica csv
Practica csvPractica csv
Practica csv
 
Coding website
Coding websiteCoding website
Coding website
 
Jquery presentation
Jquery presentationJquery presentation
Jquery presentation
 
Borrados
BorradosBorrados
Borrados
 
Your Entity, Your Code
Your Entity, Your CodeYour Entity, Your Code
Your Entity, Your Code
 
TDC 2014 - JavaScript de qualidade: hoje, amanhã e sempre!
TDC 2014 - JavaScript de qualidade: hoje, amanhã e sempre!TDC 2014 - JavaScript de qualidade: hoje, amanhã e sempre!
TDC 2014 - JavaScript de qualidade: hoje, amanhã e sempre!
 
Keep It Simple Security (Symfony cafe 28-01-2016)
Keep It Simple Security (Symfony cafe 28-01-2016)Keep It Simple Security (Symfony cafe 28-01-2016)
Keep It Simple Security (Symfony cafe 28-01-2016)
 
jQuery Awesomesauce
jQuery AwesomesaucejQuery Awesomesauce
jQuery Awesomesauce
 
Facebook
FacebookFacebook
Facebook
 
My Development Story
My Development StoryMy Development Story
My Development Story
 
Introduction to jQuery - Barcamp London 9
Introduction to jQuery - Barcamp London 9Introduction to jQuery - Barcamp London 9
Introduction to jQuery - Barcamp London 9
 
Declarations sample
Declarations   sampleDeclarations   sample
Declarations sample
 
Dollar symbol
Dollar symbolDollar symbol
Dollar symbol
 
Drupal Security
Drupal SecurityDrupal Security
Drupal Security
 
How to work with legacy code
How to work with legacy codeHow to work with legacy code
How to work with legacy code
 

Viewers also liked

JQuery: JavaScript Library of the Future
JQuery: JavaScript Library of the FutureJQuery: JavaScript Library of the Future
JQuery: JavaScript Library of the Future
Matthew Taylor
 
jQuery na Prática - Cauê Fajoli
jQuery na Prática - Cauê FajolijQuery na Prática - Cauê Fajoli
jQuery na Prática - Cauê Fajoli
Caue Fajoli
 
animation
animationanimation
animation
UPSIcoursework
 
jQuery Presentation
jQuery PresentationjQuery Presentation
jQuery Presentation
Rod Johnson
 
jQuery from the very beginning
jQuery from the very beginningjQuery from the very beginning
jQuery from the very beginning
Anis Ahmad
 
jQuery PPT
jQuery PPTjQuery PPT
jQuery PPT
Dominic Arrojado
 
jQuery for beginners
jQuery for beginnersjQuery for beginners
jQuery for beginners
Arulmurugan Rajaraman
 
Learning jQuery in 30 minutes
Learning jQuery in 30 minutesLearning jQuery in 30 minutes
Learning jQuery in 30 minutes
Simon Willison
 
jQuery Essentials
jQuery EssentialsjQuery Essentials
jQuery Essentials
Marc Grabanski
 

Viewers also liked (9)

JQuery: JavaScript Library of the Future
JQuery: JavaScript Library of the FutureJQuery: JavaScript Library of the Future
JQuery: JavaScript Library of the Future
 
jQuery na Prática - Cauê Fajoli
jQuery na Prática - Cauê FajolijQuery na Prática - Cauê Fajoli
jQuery na Prática - Cauê Fajoli
 
animation
animationanimation
animation
 
jQuery Presentation
jQuery PresentationjQuery Presentation
jQuery Presentation
 
jQuery from the very beginning
jQuery from the very beginningjQuery from the very beginning
jQuery from the very beginning
 
jQuery PPT
jQuery PPTjQuery PPT
jQuery PPT
 
jQuery for beginners
jQuery for beginnersjQuery for beginners
jQuery for beginners
 
Learning jQuery in 30 minutes
Learning jQuery in 30 minutesLearning jQuery in 30 minutes
Learning jQuery in 30 minutes
 
jQuery Essentials
jQuery EssentialsjQuery Essentials
jQuery Essentials
 

Similar to webstudy jquery

jQuery in 15 minutes
jQuery in 15 minutesjQuery in 15 minutes
jQuery in 15 minutes
Simon Willison
 
Jquery in-15-minutes1421
Jquery in-15-minutes1421Jquery in-15-minutes1421
Jquery in-15-minutes1421
palsingh26
 
An Introduction to Jquery
An Introduction to JqueryAn Introduction to Jquery
An Introduction to Jquery
Phil Reither
 
Jquery News Packages
Jquery News PackagesJquery News Packages
Jquery Complete Presentation along with Javascript Basics
Jquery Complete Presentation along with Javascript BasicsJquery Complete Presentation along with Javascript Basics
Jquery Complete Presentation along with Javascript Basics
EPAM Systems
 
jQuery
jQueryjQuery
CSS3 Takes on the World
CSS3 Takes on the WorldCSS3 Takes on the World
CSS3 Takes on the World
Jonathan Snook
 
J query training
J query trainingJ query training
jQuery Basic API
jQuery Basic APIjQuery Basic API
jQuery Basic API
Hyeonseok Shin
 
Learning jQuery made exciting in an interactive session by one of our team me...
Learning jQuery made exciting in an interactive session by one of our team me...Learning jQuery made exciting in an interactive session by one of our team me...
Learning jQuery made exciting in an interactive session by one of our team me...
Thinqloud
 
jQuery Fundamentals
jQuery FundamentalsjQuery Fundamentals
jQuery Fundamentals
Doncho Minkov
 
Jquery ui
Jquery uiJquery ui
Jquery ui
adm_exoplatform
 
Railsbridge javascript
Railsbridge   javascriptRailsbridge   javascript
Railsbridge javascript
p4geoff
 
presentation_jquery_ppt.pptx
presentation_jquery_ppt.pptxpresentation_jquery_ppt.pptx
presentation_jquery_ppt.pptx
azz71
 
jQuery Has Coding Standards
jQuery Has Coding StandardsjQuery Has Coding Standards
jQuery Has Coding Standards
RJ Bruneel
 
How I Learned to Stop Worrying and Love jQuery (Jan 2013)
How I Learned to Stop Worrying and Love jQuery (Jan 2013)How I Learned to Stop Worrying and Love jQuery (Jan 2013)
How I Learned to Stop Worrying and Love jQuery (Jan 2013)
David Giard
 
A Short Introduction To jQuery
A Short Introduction To jQueryA Short Introduction To jQuery
A Short Introduction To jQuery
Sudar Muthu
 
J query b_dotnet_ug_meet_12_may_2012
J query b_dotnet_ug_meet_12_may_2012J query b_dotnet_ug_meet_12_may_2012
J query b_dotnet_ug_meet_12_may_2012
ghnash
 
J query
J queryJ query
J query
Manav Prasad
 
Overlays, Accordions & Tabs, Oh My
Overlays, Accordions & Tabs, Oh MyOverlays, Accordions & Tabs, Oh My
Overlays, Accordions & Tabs, Oh My
Steve McMahon
 

Similar to webstudy jquery (20)

jQuery in 15 minutes
jQuery in 15 minutesjQuery in 15 minutes
jQuery in 15 minutes
 
Jquery in-15-minutes1421
Jquery in-15-minutes1421Jquery in-15-minutes1421
Jquery in-15-minutes1421
 
An Introduction to Jquery
An Introduction to JqueryAn Introduction to Jquery
An Introduction to Jquery
 
Jquery News Packages
Jquery News PackagesJquery News Packages
Jquery News Packages
 
Jquery Complete Presentation along with Javascript Basics
Jquery Complete Presentation along with Javascript BasicsJquery Complete Presentation along with Javascript Basics
Jquery Complete Presentation along with Javascript Basics
 
jQuery
jQueryjQuery
jQuery
 
CSS3 Takes on the World
CSS3 Takes on the WorldCSS3 Takes on the World
CSS3 Takes on the World
 
J query training
J query trainingJ query training
J query training
 
jQuery Basic API
jQuery Basic APIjQuery Basic API
jQuery Basic API
 
Learning jQuery made exciting in an interactive session by one of our team me...
Learning jQuery made exciting in an interactive session by one of our team me...Learning jQuery made exciting in an interactive session by one of our team me...
Learning jQuery made exciting in an interactive session by one of our team me...
 
jQuery Fundamentals
jQuery FundamentalsjQuery Fundamentals
jQuery Fundamentals
 
Jquery ui
Jquery uiJquery ui
Jquery ui
 
Railsbridge javascript
Railsbridge   javascriptRailsbridge   javascript
Railsbridge javascript
 
presentation_jquery_ppt.pptx
presentation_jquery_ppt.pptxpresentation_jquery_ppt.pptx
presentation_jquery_ppt.pptx
 
jQuery Has Coding Standards
jQuery Has Coding StandardsjQuery Has Coding Standards
jQuery Has Coding Standards
 
How I Learned to Stop Worrying and Love jQuery (Jan 2013)
How I Learned to Stop Worrying and Love jQuery (Jan 2013)How I Learned to Stop Worrying and Love jQuery (Jan 2013)
How I Learned to Stop Worrying and Love jQuery (Jan 2013)
 
A Short Introduction To jQuery
A Short Introduction To jQueryA Short Introduction To jQuery
A Short Introduction To jQuery
 
J query b_dotnet_ug_meet_12_may_2012
J query b_dotnet_ug_meet_12_may_2012J query b_dotnet_ug_meet_12_may_2012
J query b_dotnet_ug_meet_12_may_2012
 
J query
J queryJ query
J query
 
Overlays, Accordions & Tabs, Oh My
Overlays, Accordions & Tabs, Oh MyOverlays, Accordions & Tabs, Oh My
Overlays, Accordions & Tabs, Oh My
 

More from Seungho Han

REST API SDK Generator - 한승호@에멘탈
REST API SDK Generator - 한승호@에멘탈REST API SDK Generator - 한승호@에멘탈
REST API SDK Generator - 한승호@에멘탈
Seungho Han
 
Monorepo with Lerna - 한승호@에멘탈
Monorepo with Lerna - 한승호@에멘탈Monorepo with Lerna - 한승호@에멘탈
Monorepo with Lerna - 한승호@에멘탈
Seungho Han
 
Typescript 개발 문화 - 한승호@에멘탈
Typescript 개발 문화 - 한승호@에멘탈Typescript 개발 문화 - 한승호@에멘탈
Typescript 개발 문화 - 한승호@에멘탈
Seungho Han
 
AWS X-Ray를 활용한 서비스 건강검진- 한승호@에멘탈
AWS X-Ray를 활용한 서비스 건강검진- 한승호@에멘탈AWS X-Ray를 활용한 서비스 건강검진- 한승호@에멘탈
AWS X-Ray를 활용한 서비스 건강검진- 한승호@에멘탈
Seungho Han
 
Rinker 전시회 발표용 (1)
Rinker 전시회 발표용 (1)Rinker 전시회 발표용 (1)
Rinker 전시회 발표용 (1)Seungho Han
 
사이버상의 인간관계
사이버상의 인간관계사이버상의 인간관계
사이버상의 인간관계Seungho Han
 
전공연구실 계획9
전공연구실 계획9전공연구실 계획9
전공연구실 계획9Seungho Han
 
전공연구실 계획8
전공연구실 계획8전공연구실 계획8
전공연구실 계획8Seungho Han
 
전공연구실 계획7
전공연구실 계획7전공연구실 계획7
전공연구실 계획7Seungho Han
 
전공연구실 계획6
전공연구실 계획6전공연구실 계획6
전공연구실 계획6Seungho Han
 
전공연구실 계획5
전공연구실 계획5전공연구실 계획5
전공연구실 계획5Seungho Han
 
전공연구실 계획4
전공연구실 계획4전공연구실 계획4
전공연구실 계획4Seungho Han
 
전공연구실 계획3
전공연구실 계획3전공연구실 계획3
전공연구실 계획3Seungho Han
 
전공연구실 계획2
전공연구실 계획2전공연구실 계획2
전공연구실 계획2Seungho Han
 
[Web tutoring]CMS를 통한 웹사이트 제작
[Web tutoring]CMS를 통한 웹사이트 제작[Web tutoring]CMS를 통한 웹사이트 제작
[Web tutoring]CMS를 통한 웹사이트 제작
Seungho Han
 
웹개발도구
웹개발도구웹개발도구
웹개발도구
Seungho Han
 

More from Seungho Han (17)

REST API SDK Generator - 한승호@에멘탈
REST API SDK Generator - 한승호@에멘탈REST API SDK Generator - 한승호@에멘탈
REST API SDK Generator - 한승호@에멘탈
 
Monorepo with Lerna - 한승호@에멘탈
Monorepo with Lerna - 한승호@에멘탈Monorepo with Lerna - 한승호@에멘탈
Monorepo with Lerna - 한승호@에멘탈
 
Typescript 개발 문화 - 한승호@에멘탈
Typescript 개발 문화 - 한승호@에멘탈Typescript 개발 문화 - 한승호@에멘탈
Typescript 개발 문화 - 한승호@에멘탈
 
AWS X-Ray를 활용한 서비스 건강검진- 한승호@에멘탈
AWS X-Ray를 활용한 서비스 건강검진- 한승호@에멘탈AWS X-Ray를 활용한 서비스 건강검진- 한승호@에멘탈
AWS X-Ray를 활용한 서비스 건강검진- 한승호@에멘탈
 
Rinker 전시회 발표용 (1)
Rinker 전시회 발표용 (1)Rinker 전시회 발표용 (1)
Rinker 전시회 발표용 (1)
 
사이버상의 인간관계
사이버상의 인간관계사이버상의 인간관계
사이버상의 인간관계
 
전공연구실 계획9
전공연구실 계획9전공연구실 계획9
전공연구실 계획9
 
전공연구실 계획8
전공연구실 계획8전공연구실 계획8
전공연구실 계획8
 
개발자와 Ux
개발자와 Ux개발자와 Ux
개발자와 Ux
 
전공연구실 계획7
전공연구실 계획7전공연구실 계획7
전공연구실 계획7
 
전공연구실 계획6
전공연구실 계획6전공연구실 계획6
전공연구실 계획6
 
전공연구실 계획5
전공연구실 계획5전공연구실 계획5
전공연구실 계획5
 
전공연구실 계획4
전공연구실 계획4전공연구실 계획4
전공연구실 계획4
 
전공연구실 계획3
전공연구실 계획3전공연구실 계획3
전공연구실 계획3
 
전공연구실 계획2
전공연구실 계획2전공연구실 계획2
전공연구실 계획2
 
[Web tutoring]CMS를 통한 웹사이트 제작
[Web tutoring]CMS를 통한 웹사이트 제작[Web tutoring]CMS를 통한 웹사이트 제작
[Web tutoring]CMS를 통한 웹사이트 제작
 
웹개발도구
웹개발도구웹개발도구
웹개발도구
 

Recently uploaded

Monitoring and Managing Anomaly Detection on OpenShift.pdf
Monitoring and Managing Anomaly Detection on OpenShift.pdfMonitoring and Managing Anomaly Detection on OpenShift.pdf
Monitoring and Managing Anomaly Detection on OpenShift.pdf
Tosin Akinosho
 
JavaLand 2024: Application Development Green Masterplan
JavaLand 2024: Application Development Green MasterplanJavaLand 2024: Application Development Green Masterplan
JavaLand 2024: Application Development Green Masterplan
Miro Wengner
 
9 CEO's who hit $100m ARR Share Their Top Growth Tactics Nathan Latka, Founde...
9 CEO's who hit $100m ARR Share Their Top Growth Tactics Nathan Latka, Founde...9 CEO's who hit $100m ARR Share Their Top Growth Tactics Nathan Latka, Founde...
9 CEO's who hit $100m ARR Share Their Top Growth Tactics Nathan Latka, Founde...
saastr
 
AppSec PNW: Android and iOS Application Security with MobSF
AppSec PNW: Android and iOS Application Security with MobSFAppSec PNW: Android and iOS Application Security with MobSF
AppSec PNW: Android and iOS Application Security with MobSF
Ajin Abraham
 
Essentials of Automations: Exploring Attributes & Automation Parameters
Essentials of Automations: Exploring Attributes & Automation ParametersEssentials of Automations: Exploring Attributes & Automation Parameters
Essentials of Automations: Exploring Attributes & Automation Parameters
Safe Software
 
Biomedical Knowledge Graphs for Data Scientists and Bioinformaticians
Biomedical Knowledge Graphs for Data Scientists and BioinformaticiansBiomedical Knowledge Graphs for Data Scientists and Bioinformaticians
Biomedical Knowledge Graphs for Data Scientists and Bioinformaticians
Neo4j
 
HCL Notes and Domino License Cost Reduction in the World of DLAU
HCL Notes and Domino License Cost Reduction in the World of DLAUHCL Notes and Domino License Cost Reduction in the World of DLAU
HCL Notes and Domino License Cost Reduction in the World of DLAU
panagenda
 
Programming Foundation Models with DSPy - Meetup Slides
Programming Foundation Models with DSPy - Meetup SlidesProgramming Foundation Models with DSPy - Meetup Slides
Programming Foundation Models with DSPy - Meetup Slides
Zilliz
 
Fueling AI with Great Data with Airbyte Webinar
Fueling AI with Great Data with Airbyte WebinarFueling AI with Great Data with Airbyte Webinar
Fueling AI with Great Data with Airbyte Webinar
Zilliz
 
Deep Dive: AI-Powered Marketing to Get More Leads and Customers with HyperGro...
Deep Dive: AI-Powered Marketing to Get More Leads and Customers with HyperGro...Deep Dive: AI-Powered Marketing to Get More Leads and Customers with HyperGro...
Deep Dive: AI-Powered Marketing to Get More Leads and Customers with HyperGro...
saastr
 
Choosing The Best AWS Service For Your Website + API.pptx
Choosing The Best AWS Service For Your Website + API.pptxChoosing The Best AWS Service For Your Website + API.pptx
Choosing The Best AWS Service For Your Website + API.pptx
Brandon Minnick, MBA
 
Main news related to the CCS TSI 2023 (2023/1695)
Main news related to the CCS TSI 2023 (2023/1695)Main news related to the CCS TSI 2023 (2023/1695)
Main news related to the CCS TSI 2023 (2023/1695)
Jakub Marek
 
Principle of conventional tomography-Bibash Shahi ppt..pptx
Principle of conventional tomography-Bibash Shahi ppt..pptxPrinciple of conventional tomography-Bibash Shahi ppt..pptx
Principle of conventional tomography-Bibash Shahi ppt..pptx
BibashShahi
 
zkStudyClub - LatticeFold: A Lattice-based Folding Scheme and its Application...
zkStudyClub - LatticeFold: A Lattice-based Folding Scheme and its Application...zkStudyClub - LatticeFold: A Lattice-based Folding Scheme and its Application...
zkStudyClub - LatticeFold: A Lattice-based Folding Scheme and its Application...
Alex Pruden
 
GraphRAG for LifeSciences Hands-On with the Clinical Knowledge Graph
GraphRAG for LifeSciences Hands-On with the Clinical Knowledge GraphGraphRAG for LifeSciences Hands-On with the Clinical Knowledge Graph
GraphRAG for LifeSciences Hands-On with the Clinical Knowledge Graph
Neo4j
 
Overcoming the PLG Trap: Lessons from Canva's Head of Sales & Head of EMEA Da...
Overcoming the PLG Trap: Lessons from Canva's Head of Sales & Head of EMEA Da...Overcoming the PLG Trap: Lessons from Canva's Head of Sales & Head of EMEA Da...
Overcoming the PLG Trap: Lessons from Canva's Head of Sales & Head of EMEA Da...
saastr
 
GNSS spoofing via SDR (Criptored Talks 2024)
GNSS spoofing via SDR (Criptored Talks 2024)GNSS spoofing via SDR (Criptored Talks 2024)
GNSS spoofing via SDR (Criptored Talks 2024)
Javier Junquera
 
“Temporal Event Neural Networks: A More Efficient Alternative to the Transfor...
“Temporal Event Neural Networks: A More Efficient Alternative to the Transfor...“Temporal Event Neural Networks: A More Efficient Alternative to the Transfor...
“Temporal Event Neural Networks: A More Efficient Alternative to the Transfor...
Edge AI and Vision Alliance
 
HCL Notes und Domino Lizenzkostenreduzierung in der Welt von DLAU
HCL Notes und Domino Lizenzkostenreduzierung in der Welt von DLAUHCL Notes und Domino Lizenzkostenreduzierung in der Welt von DLAU
HCL Notes und Domino Lizenzkostenreduzierung in der Welt von DLAU
panagenda
 
Harnessing the Power of NLP and Knowledge Graphs for Opioid Research
Harnessing the Power of NLP and Knowledge Graphs for Opioid ResearchHarnessing the Power of NLP and Knowledge Graphs for Opioid Research
Harnessing the Power of NLP and Knowledge Graphs for Opioid Research
Neo4j
 

Recently uploaded (20)

Monitoring and Managing Anomaly Detection on OpenShift.pdf
Monitoring and Managing Anomaly Detection on OpenShift.pdfMonitoring and Managing Anomaly Detection on OpenShift.pdf
Monitoring and Managing Anomaly Detection on OpenShift.pdf
 
JavaLand 2024: Application Development Green Masterplan
JavaLand 2024: Application Development Green MasterplanJavaLand 2024: Application Development Green Masterplan
JavaLand 2024: Application Development Green Masterplan
 
9 CEO's who hit $100m ARR Share Their Top Growth Tactics Nathan Latka, Founde...
9 CEO's who hit $100m ARR Share Their Top Growth Tactics Nathan Latka, Founde...9 CEO's who hit $100m ARR Share Their Top Growth Tactics Nathan Latka, Founde...
9 CEO's who hit $100m ARR Share Their Top Growth Tactics Nathan Latka, Founde...
 
AppSec PNW: Android and iOS Application Security with MobSF
AppSec PNW: Android and iOS Application Security with MobSFAppSec PNW: Android and iOS Application Security with MobSF
AppSec PNW: Android and iOS Application Security with MobSF
 
Essentials of Automations: Exploring Attributes & Automation Parameters
Essentials of Automations: Exploring Attributes & Automation ParametersEssentials of Automations: Exploring Attributes & Automation Parameters
Essentials of Automations: Exploring Attributes & Automation Parameters
 
Biomedical Knowledge Graphs for Data Scientists and Bioinformaticians
Biomedical Knowledge Graphs for Data Scientists and BioinformaticiansBiomedical Knowledge Graphs for Data Scientists and Bioinformaticians
Biomedical Knowledge Graphs for Data Scientists and Bioinformaticians
 
HCL Notes and Domino License Cost Reduction in the World of DLAU
HCL Notes and Domino License Cost Reduction in the World of DLAUHCL Notes and Domino License Cost Reduction in the World of DLAU
HCL Notes and Domino License Cost Reduction in the World of DLAU
 
Programming Foundation Models with DSPy - Meetup Slides
Programming Foundation Models with DSPy - Meetup SlidesProgramming Foundation Models with DSPy - Meetup Slides
Programming Foundation Models with DSPy - Meetup Slides
 
Fueling AI with Great Data with Airbyte Webinar
Fueling AI with Great Data with Airbyte WebinarFueling AI with Great Data with Airbyte Webinar
Fueling AI with Great Data with Airbyte Webinar
 
Deep Dive: AI-Powered Marketing to Get More Leads and Customers with HyperGro...
Deep Dive: AI-Powered Marketing to Get More Leads and Customers with HyperGro...Deep Dive: AI-Powered Marketing to Get More Leads and Customers with HyperGro...
Deep Dive: AI-Powered Marketing to Get More Leads and Customers with HyperGro...
 
Choosing The Best AWS Service For Your Website + API.pptx
Choosing The Best AWS Service For Your Website + API.pptxChoosing The Best AWS Service For Your Website + API.pptx
Choosing The Best AWS Service For Your Website + API.pptx
 
Main news related to the CCS TSI 2023 (2023/1695)
Main news related to the CCS TSI 2023 (2023/1695)Main news related to the CCS TSI 2023 (2023/1695)
Main news related to the CCS TSI 2023 (2023/1695)
 
Principle of conventional tomography-Bibash Shahi ppt..pptx
Principle of conventional tomography-Bibash Shahi ppt..pptxPrinciple of conventional tomography-Bibash Shahi ppt..pptx
Principle of conventional tomography-Bibash Shahi ppt..pptx
 
zkStudyClub - LatticeFold: A Lattice-based Folding Scheme and its Application...
zkStudyClub - LatticeFold: A Lattice-based Folding Scheme and its Application...zkStudyClub - LatticeFold: A Lattice-based Folding Scheme and its Application...
zkStudyClub - LatticeFold: A Lattice-based Folding Scheme and its Application...
 
GraphRAG for LifeSciences Hands-On with the Clinical Knowledge Graph
GraphRAG for LifeSciences Hands-On with the Clinical Knowledge GraphGraphRAG for LifeSciences Hands-On with the Clinical Knowledge Graph
GraphRAG for LifeSciences Hands-On with the Clinical Knowledge Graph
 
Overcoming the PLG Trap: Lessons from Canva's Head of Sales & Head of EMEA Da...
Overcoming the PLG Trap: Lessons from Canva's Head of Sales & Head of EMEA Da...Overcoming the PLG Trap: Lessons from Canva's Head of Sales & Head of EMEA Da...
Overcoming the PLG Trap: Lessons from Canva's Head of Sales & Head of EMEA Da...
 
GNSS spoofing via SDR (Criptored Talks 2024)
GNSS spoofing via SDR (Criptored Talks 2024)GNSS spoofing via SDR (Criptored Talks 2024)
GNSS spoofing via SDR (Criptored Talks 2024)
 
“Temporal Event Neural Networks: A More Efficient Alternative to the Transfor...
“Temporal Event Neural Networks: A More Efficient Alternative to the Transfor...“Temporal Event Neural Networks: A More Efficient Alternative to the Transfor...
“Temporal Event Neural Networks: A More Efficient Alternative to the Transfor...
 
HCL Notes und Domino Lizenzkostenreduzierung in der Welt von DLAU
HCL Notes und Domino Lizenzkostenreduzierung in der Welt von DLAUHCL Notes und Domino Lizenzkostenreduzierung in der Welt von DLAU
HCL Notes und Domino Lizenzkostenreduzierung in der Welt von DLAU
 
Harnessing the Power of NLP and Knowledge Graphs for Opioid Research
Harnessing the Power of NLP and Knowledge Graphs for Opioid ResearchHarnessing the Power of NLP and Knowledge Graphs for Opioid Research
Harnessing the Power of NLP and Knowledge Graphs for Opioid Research
 

webstudy jquery

  • 1. jQuery { JavaScript Library penguns@naver.com Han seung ho 한승호
  • 2. Index  jQuery & Basic tutorial  Develop helper  jQuery plug-in
  • 3. Ready 1. TeamViewer http://www.teamviewer.com http://www.teamviewer.com/download/TeamViewerQS_ko.exe 2. Google chrome setup https://www.google.com/chrome 3. Google chrome extension Chrome web store jQuery Selectors jQuery Plugins Inspector
  • 4. { jQuery & Basic tutorial
  • 5. JavaScript Library jQuery is designed to change the way that you write JavaScript. 9260 line (1.71 dev) 9260 line + 1 line <script src="jquery.js"></script> <script> $(‘div’).show(); </script> http://jquery.com/
  • 6. $(‘Selectors’). method(...); example $(‘#box1’). hide(); $(‘.box2 a’). fadeout(); $(‘#box1, .box2 a’). show(); $(‘div’). css(‘display', none); http://oscarotero.com/jquery/ API [Application Program Interface] http://visualjquery.com/
  • 7. $(‘Selectors’). .method(...) .method(...); example $(‘#box1’).show().css(‘left', 300).animate( { left: 600 }, 1000 ).fadeout(); $(‘#box1’).show().addClass('over'); http://cfs.tistory.com/custom/blog/68/68469 8/skin/images/jquery.html http://jsfiddle.net/shilpe/r7MgY/11840/
  • 8. var name = $(‘Selectors’). .method(...) .method(...); example var box2a = $(‘.box2’).find(‘a’); box2a.show();
  • 9. Navigation Design Main-menu Html + CSS jQuery click & hover Sub-menu html + CSS
  • 11. Jsfiddle http://jsfiddle.net
  • 15. in sequence Call jQuery Call plug-in JS Call CSS http://docs.jquery.com/Plugins/Authoring
  • 16. jQueryUI http://jqueryui.com/ http://jsfiddle.net/shilpe/kNQS4/
  • 17. BX Slider http://bxslider.com/
  • 18. Apycom menus http://apycom.com/
  • 19. Flex slider http://flex.madebymufffin.com/