Day 17. » Client side and Server side » Since PHP is Server side and can output anything we want, we can output to JS. » With JS libraries, we can create.

Slides:



Advertisements
Similar presentations
Design Patterns of Web 2.0. Ajax and more! Michael Curry Designer/Developer of PushHandle, Inc.
Advertisements

1 Euro-VO Technology Forum, 23 September 2009, Annotations at the CDS Web 2.0: annotations at the CDS Brice GASSMANN Sébastien DERRIERE Thomas BOCH.
ENHANCE YOUR DASHBOARD WITH JQUERY
Sep 2010 Palestinian Land Authority IT Department By Salam Turkman1 Jquery (write less do more)
IS 360 Course Introduction. Slide 2 What you will Learn (1) The role of Web servers and clients How to create HTML, XHTML, and HTML 5 pages suitable for.
ACTIVE X By Ethan Huang. OUTLINE What is ActiveX? Component of ActiveX Why ActiveX? ActiveX and Java Security Issue.
Cloud Computing Lecture #7 Introduction to Ajax Jimmy Lin The iSchool University of Maryland Wednesday, October 15, 2008 This work is licensed under a.
Using jQuery with ASP.NET SESSION CODE:MEO3 Mike Ormond,
Chapter 9 Introduction to the Document Object Model (DOM) JavaScript, Third Edition.
It’s always better live. MSDN Events Developing ASP.NET AJAX Controls with Silverlight.
Development of mobile applications using PhoneGap and HTML 5
INTRO TO MAKING A WEBSITE Mark Zhang.  HTML  CSS  Javascript  PHP  MySQL  …That’s a lot of stuff!
Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development I” Course materials.
JQuery. What is jQuery? jQuery is a fast, small, and feature-rich JavaScript library that simplifies HTML document traversing and manipulation event handling.
Any host All components deployed to SharePoint Client side code App Web created for app Wrapper deployed to SharePoint Components deployed to.
XML on the Web: is it still relevant? O'Neil D. Delpratt.
Definition from Wikipedia.  The Prototype JavaScript Framework  implemented as a single file of JavaScript code  named prototype.js (
Agenda What is AJAX? What is jQuery? Demonstration/Tutorial Resources Q&A.
Making AJAX Easy with jQuery Chris Renner Health Systems Analyst Programmer & Informatics Manager VUMC Office of Grants & Contracts Management October.
Computer science Languages, etc.. Overview For web-applications (HTML, JS) – Designing languages (HMTL, CSS) – Server Languages (PHP, ASP) – Extensions.
ITM352 PHP and Dynamic Web Pages: Server Side Processing.
 Computer Information System Club focused on the understanding and applied learning of web development.  The club was founded in April 5,  We.
1 Ajax. 2 What’s Ajax? AJAX is a combination of a few technologies that has come together in the past few years AJAX used to be an acronym for Asynchronous.
Štefan PERO AIS What is Web 1.0?  statical web pages  contains informations to one use  no reason to comeback  not interactive web pages.
CS 4720 RESTfulness and AJAX CS 4720 – Web & Mobile Systems.
Joel Bapaga on Web Design Strategies Technologies Commercial Value.
JavaScript Teppo Räisänen LIIKE/OAMK HTML, CSS, JavaScript HTML defines the structure CSS defines the layout JavaScript is used for scripting It.
Page: 1 Creating AJAX-Powered Forms with the Dojo Toolkit Presented By: James Harmon Object Training Group, Inc.
Languages in WEB Presented by: Jenisha Kshatriya BCM SS09.
May 16 – 18, 2007 Copyright 2007, Data Access Worldwide May 16 – 18, 2007 Copyright 2007, Data Access Worldwide Build Great Web Application 'Fast and Easy'
Introduction to ArcGIS API for JavaScript
CSS/Photoshop Layouts – Quiz #7 Lecture Code:
Asterisk based real-time social chat Advisor : Lian-Jou Tsai Student : Jhe-Yu Wu.
Cross Site Integration “mashups” cross site scripting.
Modern JavaScript Develop And Design Instructor’s Notes Chapter 1 - (Re) Introducing JavaScript Modern JavaScript Design And Develop Copyright © 2012 by.
Building Rich Web Applications with Ajax Linda Dailey Paulson IEEE – Computer, October 05 (Vol.38, No.10) Presented by Jingming Zhang.
Mobile web Sebastian Lopienski IT Technical Forum 29 June 2012.
Dynamic web content HTTP and HTML: Berners-Lee’s Basics.
. Taught by: Muhammad Ali Baloch midahot. WHAT IS JQUERY JQuery is a fast, small, and feature-rich JavaScript library. Simplifies the interaction between.
Cs332a_chapt10.ppt CS332A Advanced HTML Programming DHTML Dynamic Hypertext Markup Language A term describing a series of technologies Not a stand-a-lone.
Hattan Shobokshi mvcdotnet.wordpress.com Web Development in the Past (Microsoft Stack)
JQuery Introduction © Copyright 2014, Fred McClurg All Rights Reserved.
LOGO sparcs.org 1 jQuery Tutorial Presenter ㅎㅇㅎㅇ.
Ajax for Dynamic Web Development Gregory McChesney.
1 What is JQuery. jQuery is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax* interactions.
Database Systems: Design, Implementation, and Management Eighth Edition Chapter 14 Database Connectivity and Web Technologies.
Event Handling & AJAX IT210 Web Systems. Question How do we enable users to dynamically interact with a website? Answer: Use mouse and keyboard to trigger.
Web Technologies Lecture 8 JQuery. “A fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax.
Chapter 15 Introducing jQuery Part 1. What is JavaScript? A programming language to add dynamic features to a web page. Client side.
The New Face of ASP.NET ASP.NET MVC, Razor, and jQuery Ido Flatow | Senior Architect | Sela | This session is.
1/7/2016www.infocampus.co.in1. 1/7/2016www.infocampus.co.in2 Web Development training gives you and all-round training in both the design and the development.
.. WHAT IS JQUERY JQuery is a fast, small, and feature-rich JavaScript library. Simplifies the interaction between HTML and JavaScript. The jQuery library.
SharePoint & jQuery. About me Phill Duffy – Product Manager at Lightning Tools Ltd – Author of ‘Pro SharePoint with jQuery’ – MCTS Application Developer.
Web Application Development Process
JQuery Fundamentals Introduction Tutorial Videos
12/04/12 JQuery I took these slides from the site because they were pretty good looking. Instructions for editing school and department titles: Select.
AJAX.
Web Systems & Technologies
IS 360 Course Introduction
DWR: Direct Web Remoting
Web Browser server client 3-Tier Architecture Apache web server PHP
jQuery The Easy JavaScript Nikolay Chochev Technical Trainer
JQuery with ASP.NET.
AngularJS and SharePoint I Chris Douglas Senior SharePoint Developer ECS Web:
..
ხელმძღვანელი: დიმიტრი ქარაული
DR. JOHN ABRAHAM PROFESSOR UTPA
Introduction to JavaScript & jQuery
Client-Server Model: Requesting a Web Page
Web Client Side Technologies Raneem Qaddoura
Presentation transcript:

Day 17

» Client side and Server side » Since PHP is Server side and can output anything we want, we can output to JS. » With JS libraries, we can create flash like effects that go beyond the client side. » Common uses: Transition Effects/feedback In-place editing, form controls Many more…

» jQuery » Prototype » MooTools » Yahoo YUI » EXT JS » DoJo Toolkit » MochiKit » Many many more..

» Write Less, Do More » “jQuery is a fast, concise, JavaScript Library that simplifies how you traverse HTML documents, handle events, perform animations, and add Ajax interactions to your web pages.” » Easy to use, extensive documentation, plugin ability, well supported, small download.

» PHP and JS work together in two ways. PHP output to JS JS output to PHP through AJAX » Once a page is sent to the client, JS can work, but can’t directly communicate with PHP on the server without AJAX. » jQuery makes this process simple.

» PHP output to JS on server side. <?php echo ‘ alert(“This is javascript.”); ’; ?> » You can output JS the same way you output HTML, PHP makes no distinction.

» Automatic Random Picture Rotator » Self Submitting Forms » Auto-save capabilities » Unique Username and checker for new user account creation » Change CSS formatting on the fly » Edit in-place form data » Instant rating system