Introduction to jQuery - College Lecture

•Télécharger en tant que KEY, PDF•

0 j'aime•1,951 vues

In this presentation we introduce JavaScript libraries and jQuery, show how to add jQuery to a page, and go over the entire jQuery API.

Technologie

Overview
• Print Buttons - Gallery Walk
Lecture
• What is a (JavaScript) Library?
• jQuery verse
• How to add jQuery to a page
• jQuery API
• jQuery plugins
Lab
Simple jQuery Form Validation

09 - jQuery Advanced Web Design http://dabrook.org/

What’s a Libary?

09 - jQuery Advanced Web Design http://dabrook.org/

What’s a Libary?

• Library of code

09 - jQuery Advanced Web Design http://dabrook.org/

What’s a Libary?

• Library of code
• Writes out common code

09 - jQuery Advanced Web Design http://dabrook.org/

What’s a Libary?

• Library of code
• Writes out common code
• Solves difﬁcult problems

09 - jQuery Advanced Web Design http://dabrook.org/

What’s a Libary?

• Library of code
• Writes out common code
• Solves difﬁcult problems
• Makes complex easier

09 - jQuery Advanced Web Design http://dabrook.org/

JavaScript Libraries

09 - jQuery Advanced Web Design http://dabrook.org/

How to Add jQuery

09 - jQuery Advanced Web Design http://dabrook.org/

How to Add jQuery

1. Locally

09 - jQuery Advanced Web Design http://dabrook.org/

How to Add jQuery

1. Locally

2. jQuery

09 - jQuery Advanced Web Design http://dabrook.org/

How to Add jQuery

1. Locally

2. jQuery

3. Other Content Delivery Networks (CDN)

09 - jQuery Advanced Web Design http://dabrook.org/

Mini Lab

• Create a new document: how-to-add-jquery.html
• Function to test if jQuery is running

• Try adding jQuery from jQuery
• Try adding jQuery locally

09 - jQuery Advanced Web Design http://dabrook.org/

jQuery API

• AJAX • Date •Events • Selectors
• Attributes • Dimensions • Forms • Traversing
•CSS •Effects • Manipulations • Utilities

09 - jQuery Advanced Web Design http://dabrook.org/

Mini Lab

• Create a new document: jquery-api-practice.html
• Practice using the following from the jQuery API:
• Selectors
• Effects
• CSS
• Events

09 - jQuery Advanced Web Design http://dabrook.org/

jQuery Plugins

09 - jQuery Advanced Web Design http://dabrook.org/

jQuery Plugins

• Built with/on jQuery

09 - jQuery Advanced Web Design http://dabrook.org/

jQuery Plugins

• Built with/on jQuery
• Link to Plugin js ﬁle

09 - jQuery Advanced Web Design http://dabrook.org/

jQuery Plugins

• Built with/on jQuery
• Link to Plugin js ﬁle
• Solve speciﬁc solution

09 - jQuery Advanced Web Design http://dabrook.org/

jQuery Plugins

• Built with/on jQuery
• Link to Plugin js ﬁle
• Solve speciﬁc solution
• Use jQuery syntax

09 - jQuery Advanced Web Design http://dabrook.org/

jQuery Plugins

• Built with/on jQuery
• Link to Plugin js ﬁle
• Solve speciﬁc solution
• Use jQuery syntax
• Range of ease of use

09 - jQuery Advanced Web Design http://dabrook.org/

jQuery Plugins

• Built with/on jQuery
• Link to Plugin js ﬁle
• Solve speciﬁc solution
• Use jQuery syntax
• Range of ease of use
• Examples

09 - jQuery Advanced Web Design http://dabrook.org/

Lab

• Create a new document: form-validation-js.html
• Add HTML and CSS for a basic page
contact form
• Link to the validation plugin

09 - jQuery Advanced Web Design http://dabrook.org/

Homework

Add jQuery form validation to your web site as well as one
other jQuery behavior (or plugin) of your choice. Make sure
that it works properly and you can explain why you chose
that behavior.

Upload to:
username.welovewebdesign.com/hw/09/

09 - jQuery Advanced Web Design http://dabrook.org/

Contenu connexe

Tendances

Extending WordPress as a pro

Marko Heijnen

VelocityConf EU 2013 - Turbocharge your mobile web apps by using offline

Jan Jongboom

Progressive Web Applications (PWA) is a comprehensive term describing web applications that implement a base set of browser platform features like HTTPS, Web Manifest and Service Workers. But it bleeds beyond the scope of an application's code because browsers are enabling qualified web applications to offer the same user experiences native application enjoy. This includes prominent home screen placement, push notifications, eliminated browser chrome and app store placement. Become a Progressive Web App expert with my course: Progressive Web Apps (PWA) Beginner to Expert -> http://PWACourse.com

Disrupting the application eco system with progressive web applications

Chris Love

Capybara-Webkit

bostonrb

Do you want to leverage HTML, CSS and JavaScripts APIs to deliver rich user experiences that outlive the framework du jour? Do You want to understand good front-end application architecture and performance principles. Then you want to build applications in Vanilla JS. Despite popular belief Vanilla JS is not as difficult to master and implement as you might think. In this tutorial Chris Love will demonstrate how to apply many common web performance optimization, good architecture and tricks to build a fast, native-like application user experience customers desire without dependency on large, fast food frameworks. This tutorial will demonstrate the following concepts: - Applying the 14kb Rule for Instant Loading - Markup Management - Eliminating Excess AJAX Calls - Working With and Around Application Cache - Applying Service Workers and HTTP/2 For Even Better User Experiences - Leveraging common browser APIs & good architecture

Develop a vanilla.js spa you and your customers will love

Chris Love

HTML Semantic Tags

Bruce Kyle

Wordcamp Toronto Presentation

Roy Sivan

Web Components at Scale, HTML5DevConf 2014-10-21

Chris Danford

jQuery From the Ground Up

Kevin Griffin

Html5 with SharePoint 2010

Hemant Joshi

All browsers have developer tools that help developers troubleshoot their applications. But each browser's tools are different and all have strengths and weaknesses. Microsoft Edge is no different.This session will highlight some deeper insights you can gain through the Edge developer tools and some advanced tools available from Microsoft. We will dive into advanced CSS and JavaScript debugging capabilities. We will also review how to chase memory leaks and diagnose common performance rendering issues. Finally we will do a quick review of Vorlon.js, a remote debugging library that enables you to troubleshoot issues on devices you do not have developer tool access.

Advanced front end debugging with ms edge and ms tools

Chris Love

HTML5 Web Workers-unleashed

Peter Lubbers

10 things you can do to speed up your web app today 2016

Chris Love

ASP.NET MVC From The Ground Up

Kevin Griffin

Developing JavaScript Widgets

Bob German

If you have not heard of service workers you must attend this session. Service Workers encompass new browser capabilities, along with shiny new version of AJAX called Fetch. If you have every wanted your web applications to experience many native application features, such as push notifications, service workers is the gateway to your happiness. Have you felt confused by application cache and going offline? Well service workers enable offline experiences in a much cleaner way. But that is not all! If you want to see some of the cool new, advanced web platform features that you will actually use come to this session! https://love2dev.com/blog/what-is-a-service-worker/

Service workers your applications never felt so good

Chris Love

Features: A better way to package stuff in Drupal

Rob Knight

Active Evoq customers are always entitled to the latest version of the CMS. If you're not running Evoq 9, you’re missing out on features that may be essential to the success of your site. For example: Form Builder, a new drag-and-drop interface for building, managing and hosting forms In-page Analytics, which deliver key insights at the site or page level. Re-imagined Admin Experience, which delivers a consistent UI across host users, content managers and content editors Deep integration with MailChimp To move to Evoq 9, you'll want to plan for the upgrade. This presentation covers five tips on how to upgrade to Evoq 9 from your current version.

New Features in the Evoq CMS

DNN

We all love it when traffic spikes on our website - whether from holiday shoppers wanting to buy our wares, some great press and/or from amazing campaigns created by our marketing teams. But, can you get too much traffic? Research has proven that even tiny delays in page load time can be disastrous to your bottom line. And, when you’re dependent on 4th Quarter sales to make your numbers, you can’t afford to have anything blocking the path to a sale. In this presentation, team members from WP Engine and MaxCDN discussed ways you can optimize your site in preparation for the holidays or any other spike in website traffic to ensure that you convert those visitors into customers!

Optimizing Your Site for Holiday Traffic

WP Engine UK

WordPress and Client Side Web Applications WCTO

Roy Sivan

Tendances (20)

Extending WordPress as a pro

VelocityConf EU 2013 - Turbocharge your mobile web apps by using offline

Disrupting the application eco system with progressive web applications

Capybara-Webkit

Develop a vanilla.js spa you and your customers will love

HTML Semantic Tags

Wordcamp Toronto Presentation

Web Components at Scale, HTML5DevConf 2014-10-21

jQuery From the Ground Up

Html5 with SharePoint 2010

Advanced front end debugging with ms edge and ms tools

HTML5 Web Workers-unleashed

10 things you can do to speed up your web app today 2016

ASP.NET MVC From The Ground Up

Developing JavaScript Widgets

Service workers your applications never felt so good

Features: A better way to package stuff in Drupal

New Features in the Evoq CMS

Optimizing Your Site for Holiday Traffic

WordPress and Client Side Web Applications WCTO

Similaire à Introduction to jQuery - College Lecture

Jquery

reddivarihareesh

jQuery - Chapter 1 - Introduction

WebStackAcademy

Jquery

chauhankapil

Introduction to Jquery

Gurpreet singh

jQuery

briannareedesign

Whether you want to add some serious eye candy to your XPages Applications or just want to do more with less code, jQuery, the world’s most popular JavaScript framework can help you. Come to this webinar and find out how you can use some of the thousands of jQuery plugins, in harmony with Dojo, within your XPages applications to create a better experience not only for your users, but for you as a developer. In this webinar, we'll look at how jQuery works, how to add it to your XPages, and how a complete JavaScript beginner can take advantage of its power. We'll demonstrate many working examples -- and a sample database will be provided.

jQuery: The World's Most Popular JavaScript Library Comes to XPages

Teamstudio

jQuery On Rails

Jonathan Sharp

No Feature Solutions with SharePoint

mikehuguet

JQuery UI

Gary Yeh

What is jQuery?

tina3reese7

jQuery - the world's most popular java script library comes to XPages

Mark Roden

Creating a Documentation Portal

Steve Anderson

J query presentation

akanksha17

J query presentation

sawarkar17

jQuery 1.4-1.6 Best new features

Ryan Blunden

Chapter15-Presentation.pptx

GFRomano

Introduction to Javascript - College Lecture

Zac Gordon

This Edureka "What is Angular 2" tutorial will help you understand all the basics of Angular 2. Learn Angular 2 and Typescript to develop highly scalable, fast, and testable web client-side applications. Below are the topics covered in this tutorial: 1) Evolution of Web Development 2) What is AngularJS? 3) Angular 2 Features 4) Components of Angular 2 5) Angular 2 Architecture 6) Angular 2 Program Components 7) Your First Angular 2 program 8) Angular 2 Applications Subscribe to our channel to get updates. Check our complete Angular playlist here: https://goo.gl/09KsDC

What Is Angular 2 | Angular 2 Tutorial For Beginners | Angular Training | Edu...

Edureka!

Web components are a set of web platform APIs that allow you to create new custom, reusable, encapsulated HTML tags to use in web pages and web apps. With libraries such as Polymer that are built on top of Web Components, it is now possible to easily create fast Progressive Web Apps (PWAs) without the overhead of a framework. This workshop is a hands-on introduction to Web Components and the Polymer library. You'll learn how to build your own components with both vanilla JavaScript and Polymer using the newly released Polymer 2.0 library, as well as assemble a simple PWA using existing open source Web Components. We'll also cover Custom Properties (CSS Variables), which are supported natively in all of today's modern browsers and polyfilled for older browsers by Polymer, to style our custom elements.

Introduction to Web Components & Polymer Workshop - U of I WebCon

John Riviello

Intro to SPA using JavaScript & ASP.NET

Alan Hecht

Similaire à Introduction to jQuery - College Lecture (20)

Jquery

jQuery - Chapter 1 - Introduction

Jquery

Introduction to Jquery

jQuery

jQuery: The World's Most Popular JavaScript Library Comes to XPages

jQuery On Rails

No Feature Solutions with SharePoint

JQuery UI

What is jQuery?

jQuery - the world's most popular java script library comes to XPages

Creating a Documentation Portal

J query presentation

jQuery 1.4-1.6 Best new features

Chapter15-Presentation.pptx

Introduction to Javascript - College Lecture

What Is Angular 2 | Angular 2 Tutorial For Beginners | Angular Training | Edu...

Introduction to Web Components & Polymer Workshop - U of I WebCon

Intro to SPA using JavaScript & ASP.NET

Dernier

Passkeys: Developing APIs to enable passwordless authentication Cody Salas, Sr Developer Advocate | Solutions Architect - Yubico Apidays New York 2024: The API Economy in the AI Era (April 30 & May 1, 2024) ------ Check out our conferences at https://www.apidays.global/ Do you want to sponsor or talk at one of our conferences? https://apidays.typeform.com/to/ILJeAaV8 Learn more on APIscene, the global media made by the community for the community: https://www.apiscene.io Explore the API ecosystem with the API Landscape: https://apilandscape.apiscene.io/

Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...

apidays

Exploring Multimodal Embeddings with Milvus

Zilliz

AWS Community Day CPH - Three problems of Terraform

Andrey Devyatkin

Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving

Edi Saputra

Architecting Cloud Native Applications

WSO2

The value of a flexible API Management solution for Open Banking Steve Melan, Manager for IT Innovation and Architecture - State's and Saving's Bank of Luxembourg Apidays New York 2024: The API Economy in the AI Era (April 30 & May 1, 2024) ------ Check out our conferences at https://www.apidays.global/ Do you want to sponsor or talk at one of our conferences? https://apidays.typeform.com/to/ILJeAaV8 Learn more on APIscene, the global media made by the community for the community: https://www.apiscene.io Explore the API ecosystem with the API Landscape: https://apilandscape.apiscene.io/

Apidays New York 2024 - The value of a flexible API Management solution for O...

apidays

💉💊+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHABI}}+971581248768 +971581248768 Mtp-Kit (500MG) Prices » Dubai [(+971581248768**)] Abortion Pills For Sale In Dubai, UAE, Mifepristone and Misoprostol Tablets Available In Dubai, UAE CONTACT DR.Maya Whatsapp +971581248768 We Have Abortion Pills / Cytotec Tablets /Mifegest Kit Available in Dubai, Sharjah, Abudhabi, Ajman, Alain, Fujairah, Ras Al Khaimah, Umm Al Quwain, UAE, Buy cytotec in Dubai +971581248768''''Abortion Pills near me DUBAI | ABU DHABI|UAE. Price of Misoprostol, Cytotec” +971581248768' Dr.DEEM ''BUY ABORTION PILLS MIFEGEST KIT, MISOPROTONE, CYTOTEC PILLS IN DUBAI, ABU DHABI,UAE'' Contact me now via What's App…… abortion Pills Cytotec also available Oman Qatar Doha Saudi Arabia Bahrain Above all, Cytotec Abortion Pills are Available In Dubai / UAE, you will be very happy to do abortion in Dubai we are providing cytotec 200mg abortion pill in Dubai, UAE. Medication abortion offers an alternative to Surgical Abortion for women in the early weeks of pregnancy. We only offer abortion pills from 1 week-6 Months. We then advise you to use surgery if its beyond 6 months. Our Abu Dhabi, Ajman, Al Ain, Dubai, Fujairah, Ras Al Khaimah (RAK), Sharjah, Umm Al Quwain (UAQ) United Arab Emirates Abortion Clinic provides the safest and most advanced techniques for providing non-surgical, medical and surgical abortion methods for early through late second trimester, including the Abortion By Pill Procedure (RU 486, Mifeprex, Mifepristone, early options French Abortion Pill), Tamoxifen, Methotrexate and Cytotec (Misoprostol). The Abu Dhabi, United Arab Emirates Abortion Clinic performs Same Day Abortion Procedure using medications that are taken on the first day of the office visit and will cause the abortion to occur generally within 4 to 6 hours (as early as 30 minutes) for patients who are 3 to 12 weeks pregnant. When Mifepristone and Misoprostol are used, 50% of patients complete in 4 to 6 hours; 75% to 80% in 12 hours; and 90% in 24 hours. We use a regimen that allows for completion without the need for surgery 99% of the time. All advanced second trimester and late term pregnancies at our Tampa clinic (17 to 24 weeks or greater) can be completed within 24 hours or less 99% of the time without the need surgery. The procedure is completed with minimal to no complications. Our Women's Health Center located in Abu Dhabi, United Arab Emirates, uses the latest medications for medical abortions (RU-486, Mifeprex, Mifegyne, Mifepristone, early options French abortion pill), Methotrexate and Cytotec (Misoprostol). The safety standards of our Abu Dhabi, United Arab Emirates Abortion Doctors remain unparalleled. They consistently maintain the lowest complication rates throughout the nation. Our Physicians and staff are always available to answer questions and care for women in one of the most difficult times in their lives. The decision to have an abortion at the Abortion Cl

+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...

?#DUbAI#??##{{(☎️+971_581248768%)**%*]'#abortion pills for sale in dubai@

The microservices honeymoon is over. When starting a new project or revamping a legacy monolith, teams started looking for alternatives to microservices. The Modular Monolith, or 'Modulith', is an architecture that reaps the benefits of (vertical) functional decoupling without the high costs associated with separate deployments. This talk will delve into the advantages and challenges of this progressive architecture, beginning with exploring the concept of a 'module', its internal structure, public API, and inter-module communication patterns. Supported by spring-modulith, the talk provides practical guidance on addressing the main challenges of a Modultith Architecture: finding and guarding module boundaries, data decoupling, and integration module-testing. You should not miss this talk if you are a software architect or tech lead seeking practical, scalable solutions. About the author With two decades of experience, Victor is a Java Champion working as a trainer for top companies in Europe. Five thousands developers in 120 companies attended his workshops, so he gets to debate every week the challenges that various projects struggle with. In return, Victor summarizes key points from these workshops in conference talks and online meetups for the European Software Crafters, the world’s largest developer community around architecture, refactoring, and testing. Discover how Victor can help you on victorrentea.ro : company training catalog, consultancy and YouTube playlists.

Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024

Victor Rentea

Keynote 2: APIs in 2030: The Risk of Technological Sleepwalk Paolo Malinverno, Growth Advisor - The Business of Technology Apidays New York 2024: The API Economy in the AI Era (April 30 & May 1, 2024) ------ Check out our conferences at https://www.apidays.global/ Do you want to sponsor or talk at one of our conferences? https://apidays.typeform.com/to/ILJeAaV8 Learn more on APIscene, the global media made by the community for the community: https://www.apiscene.io Explore the API ecosystem with the API Landscape: https://apilandscape.apiscene.io/

Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...

apidays

In this keynote, Asanka Abeysinghe, CTO,WSO2 will explore the shift towards platformless technology ecosystems and their importance in driving digital adaptability and innovation. We will discuss strategies for leveraging decentralized architectures and integrating diverse technologies, with a focus on building resilient, flexible, and future-ready IT infrastructures. We will also highlight WSO2's roadmap, emphasizing our commitment to supporting this transformative journey with our evolving product suite.

Platformless Horizons for Digital Adaptability

WSO2

Following the popularity of “Cloud Revolution: Exploring the New Wave of Serverless Spatial Data,” we’re thrilled to announce this much-anticipated encore webinar. In this sequel, we’ll dive deeper into the Cloud-Native realm by uncovering practical applications and FME support for these new formats, including COGs, COPC, FlatGeoBuf, GeoParquet, STAC, and ZARR. Building on the foundation laid by industry leaders Michelle Roby of Radiant Earth and Chris Holmes of Planet in the first webinar, this second part offers an in-depth look at the real-world application and behind-the-scenes dynamics of these cutting-edge formats. We will spotlight specific use-cases and workflows, showcasing their efficiency and relevance in practical scenarios. Discover the vast possibilities each format holds, highlighted through detailed discussions and demonstrations. Our expert speakers will dissect the key aspects and provide critical takeaways for effective use, ensuring attendees leave with a thorough understanding of how to apply these formats in their own projects. Elevate your understanding of how FME supports these cutting-edge technologies, enhancing your ability to manage, share, and analyze spatial data. Whether you’re building on knowledge from our initial session or are new to the serverless spatial data landscape, this webinar is your gateway to mastering cloud-native formats in your workflows.

Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME

Safe Software

Boost Fertility New Invention Ups Success Rates.pdf

sudhanshuwaghmare1

ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke

Product Anonymous

Sidekick Solutions uses Bonterra Impact Management (fka Social Solutions Apricot) and automation solutions to integrate data for business workflows. We believe integration and automation are essential to user experience and the promise of efficient work through technology. Automation is the critical ingredient to realizing that full vision. We develop integration products and services for Bonterra Case Management software to support the deployment of automations for a variety of use cases. This video focuses on the deployment of external web forms using Jotform for Bonterra Impact Management. This solution can be customized to your organization’s needs and deployed to support the common use cases below: - Intake and consent - Assessments - Surveys - Applications - Program registration Interested in deploying web form automations for Bonterra Impact Management? Contact us at sales@sidekicksolutionsllc.com to discuss next steps.

Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...

Jeffrey Haguewood

Discover the innovative features and strategic vision that keep WSO2 an industry leader. Explore the exciting 2024 roadmap of WSO2 API management, showcasing innovations, unified APIM/APK control plane, natural language API interaction, and cloud native agility. Discover how open source solutions, microservices architecture, and cloud native technologies unlock seamless API management in today's dynamic landscapes. Leave with a clear blueprint to revolutionize your API journey and achieve industry success!

WSO2's API Vision: Unifying Control, Empowering Developers

WSO2

Six Myths about Ontologies: The Basics of Formal Ontology

johnbeverley2021

Dubai, known for its towering skyscrapers, luxurious lifestyle, and relentless pursuit of innovation, often finds itself in the global spotlight. However, amidst the glitz and glamour, the emirate faces its own set of challenges, including the occasional threat of flooding. In recent years, Dubai has experienced sporadic but significant floods, disrupting normalcy and posing unique challenges to its infrastructure. Among the critical nodes in this bustling metropolis is the Dubai International Airport, a vital hub connecting the world. This article delves into the intersection of Dubai flood events and the resilience demonstrated by the Dubai International Airport in the face of such challenges.

Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf

Orbitshub

Accelerating FinTech Innovation: Unleashing API Economy and GenAI Vasa Krishnan, Chief Technology Officer - FinResults Apidays New York 2024: The API Economy in the AI Era (April 30 & May 1, 2024) ------ Check out our conferences at https://www.apidays.global/ Do you want to sponsor or talk at one of our conferences? https://apidays.typeform.com/to/ILJeAaV8 Learn more on APIscene, the global media made by the community for the community: https://www.apiscene.io Explore the API ecosystem with the API Landscape: https://apilandscape.apiscene.io/

Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...

apidays

FWD Group - Insurer Innovation Award 2024

The Digital Insurer

Join our latest Connector Corner webinar to discover how UiPath Integration Service revolutionizes API-centric automation in a 'Quote to Cash' process—and how that automation empowers businesses to accelerate revenue generation. A comprehensive demo will explore connecting systems, GenAI, and people, through powerful pre-built connectors designed to speed process cycle times. Speakers: James Dickson, Senior Software Engineer Charlie Greenberg, Host, Product Marketing Manager

Connector Corner: Accelerate revenue generation using UiPath API-centric busi...

DianaGray10

Dernier (20)

Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...

Exploring Multimodal Embeddings with Milvus

AWS Community Day CPH - Three problems of Terraform

Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving

Architecting Cloud Native Applications

Apidays New York 2024 - The value of a flexible API Management solution for O...

+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...

Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024

Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...

Platformless Horizons for Digital Adaptability

Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME

Boost Fertility New Invention Ups Success Rates.pdf

ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke

Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...

WSO2's API Vision: Unifying Control, Empowering Developers

Six Myths about Ontologies: The Basics of Formal Ontology

Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf

Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...

FWD Group - Insurer Innovation Award 2024

Connector Corner: Accelerate revenue generation using UiPath API-centric busi...

Introduction to jQuery - College Lecture

1. jQuery $(document).getJiggy();

2. Overview • Print Buttons - Gallery Walk Lecture • What is a (JavaScript) Library? • jQuery verse • How to add jQuery to a page • jQuery API • jQuery plugins Lab Simple jQuery Form Validation 09 - jQuery Advanced Web Design http://dabrook.org/

3. What’s a Libary? 09 - jQuery Advanced Web Design http://dabrook.org/

4. What’s a Libary? • Library of code 09 - jQuery Advanced Web Design http://dabrook.org/

5. What’s a Libary? • Library of code • Writes out common code 09 - jQuery Advanced Web Design http://dabrook.org/

6. What’s a Libary? • Library of code • Writes out common code • Solves difﬁcult problems 09 - jQuery Advanced Web Design http://dabrook.org/

7. What’s a Libary? • Library of code • Writes out common code • Solves difﬁcult problems • Makes complex easier 09 - jQuery Advanced Web Design http://dabrook.org/

8. JavaScript Libraries 09 - jQuery Advanced Web Design http://dabrook.org/

9. How to Add jQuery 09 - jQuery Advanced Web Design http://dabrook.org/

10. How to Add jQuery 1. Locally 09 - jQuery Advanced Web Design http://dabrook.org/

11. How to Add jQuery 1. Locally 2. jQuery 09 - jQuery Advanced Web Design http://dabrook.org/

12. How to Add jQuery 1. Locally 2. jQuery 3. Other Content Delivery Networks (CDN) 09 - jQuery Advanced Web Design http://dabrook.org/

13. Mini Lab • Create a new document: how-to-add-jquery.html • Function to test if jQuery is running • Try adding jQuery from jQuery • Try adding jQuery locally 09 - jQuery Advanced Web Design http://dabrook.org/

14. jQuery API • AJAX • Date •Events • Selectors • Attributes • Dimensions • Forms • Traversing •CSS •Effects • Manipulations • Utilities 09 - jQuery Advanced Web Design http://dabrook.org/

15. Mini Lab • Create a new document: jquery-api-practice.html • Practice using the following from the jQuery API: • Selectors • Effects • CSS • Events 09 - jQuery Advanced Web Design http://dabrook.org/

16. jQuery Plugins 09 - jQuery Advanced Web Design http://dabrook.org/

17. jQuery Plugins • Built with/on jQuery 09 - jQuery Advanced Web Design http://dabrook.org/

18. jQuery Plugins • Built with/on jQuery • Link to Plugin js ﬁle 09 - jQuery Advanced Web Design http://dabrook.org/

19. jQuery Plugins • Built with/on jQuery • Link to Plugin js ﬁle • Solve speciﬁc solution 09 - jQuery Advanced Web Design http://dabrook.org/

20. jQuery Plugins • Built with/on jQuery • Link to Plugin js ﬁle • Solve speciﬁc solution • Use jQuery syntax 09 - jQuery Advanced Web Design http://dabrook.org/

21. jQuery Plugins • Built with/on jQuery • Link to Plugin js ﬁle • Solve speciﬁc solution • Use jQuery syntax • Range of ease of use 09 - jQuery Advanced Web Design http://dabrook.org/

22. jQuery Plugins • Built with/on jQuery • Link to Plugin js ﬁle • Solve speciﬁc solution • Use jQuery syntax • Range of ease of use • Examples 09 - jQuery Advanced Web Design http://dabrook.org/

23. Lab • Create a new document: form-validation-js.html • Add HTML and CSS for a basic page contact form • Link to the validation plugin 09 - jQuery Advanced Web Design http://dabrook.org/

24. Homework Add jQuery form validation to your web site as well as one other jQuery behavior (or plugin) of your choice. Make sure that it works properly and you can explain why you chose that behavior. Upload to: username.welovewebdesign.com/hw/09/ 09 - jQuery Advanced Web Design http://dabrook.org/

Introduction to jQuery - College Lecture

Recommandé

Recommandé

Contenu connexe

Tendances

Tendances (20)

Similaire à Introduction to jQuery - College Lecture

Similaire à Introduction to jQuery - College Lecture (20)

Dernier

Dernier (20)

Introduction to jQuery - College Lecture

Notes de l'éditeur