DOCSLIB.ORG

Web Development with Yahoo User Interface (YUI2) and AJAX Course

Total Page：16

File Type：pdf, Size：1020Kb

Download full-text PDF Read full-text
Web Development with Yahoo User Interface (YUI2) and AJAX Course Contact Us [email protected] HOME > COURSE CATALOG > OPEN SOURCE > JAVASCRIPT > WEB DEVELOPMENT WITH YAHOO USER INTERFACE (YUI2) AND AJAX Web Development with Yahoo User Interface (YUI2) and AJAX DURATION 3 Days COURSE WDAJ-155 AVAILABLE FORMATS Classroom Training, Online Training Course Description Overview This course discusses web development techniques using the Yahoo User Interface (YUI). It covers the necessary frameworks and tools that allow web developers to simplify client side scripting tasks in dealing with complex coding challenges. This course covers the essential YUI controls and event handling mechanisms as well as AJAX based web development and JSON techniques. The hands-on labs and coding examples provide a foundation for using the YUI library in web page development. Objectives Upon completion of the course, students will be able to: 9/25/2021 1 of 6 12:50:11 PM Describe the YUI library structure and foundation controls Understand the Document Object Model (DOM) Utilize YUI controls in web page development Use complex YUI components such as Containers and Menus Write event handlers to deal with YUI events Understand the AJAX structure and uses Utilize the YUI controls related to AJAX Understand the JSON structure and uses Utilize the JSON and Data Handling YUI controls Audience Architects Designers Developers Web 2.0 Developers Prerequisites Basic knowledge of web development Basic knowledge of HTML and JavaScript Topics JavaScript Review What is JavaScript? JavaScript and Web Development How JavaScript works JavaScript data types JavaScript literals Variables Dialog boxes Operators Null and undefined Functions Function class Function literals Scoping Events 9/25/2021 2 of 6 12:50:11 PM Writing event handlers DOM Overview Objects in JavaScript DOM Overview The Document object Navigating the DOM Nodes Node Types DOM Manipulation Style object in the DOM Computed styles Creating new nodes Tree loading Introduction to YUI What is YUI? Why use YUI? Features Downloading YUI API Documentation YUI Compressor YUI doc Browser support Browser characteristics Browser grades Core YUI Components YAHOO global object Namespaces YAHOO.lang type checking YUI Event utility Basic events Using YUI events YUI DOM collection Element positioning Getting and setting styles 9/25/2021 3 of 6 12:50:11 PM Working with the viewport YUI module names YUI Utilities Library Utilities Animation Cookies Drag and Drop Element Resize YUI Controls Button Calendar Color Picker Menu Submenus Menu events Menu bar Context menu Menu customization Container Module Overlay Tooltip Panel Dialog Layout Manager YUI and CSS YUI and CSS overview CSS reset CSS fonts CSS grids Preset templates Nested grids CSS Base 9/25/2021 4 of 6 12:50:11 PM Introduction to AJAX Architecture of AJAX The AJAX model Browsers and AJAX Advantages and disadvantages AJAX technologies AJAX examples and uses The XmlHttpRequest object The open() and send() methods GET and POST requests XHR properties XHR example Putting it all together YUI AJAX Controls Connection Manager Success cases Failure cases Connection Manager example Connection Manager and form data Form data via Dialogs Browser History Manager Required Markup Module registration Callback routine onReady processing JSON and Related Controls What is JSON? JSON vs. XML JSON/XML Example JSON Basics AJAX and JSON JSONP YUI JSON Utility Parsing JSON strings Filtering JSON data 9/25/2021 5 of 6 12:50:11 PM Creating JSON strings DataSource utility Creating a DataSource DataSource response types DataSource schemas Other YUI Functionality DataTable Utility TreeView Utility TabView Utility AutoComplete Utility Related Courses AJAX for Java Developers WDAJ-110 4 Classroom Training, Online Price: 2,800.00 Days Training USD ICEFaces for AJAX Development WDAJ-115 4 Days Classroom Training, Online Training Price: 2,800.00 USD 9/25/2021 6 of 6 12:50:11 PM.
Load more

Recommended publications
  • The Dzone Guide to Volume Ii
    THE D ZONE GUIDE TO MODERN JAVA VOLUME II BROUGHT TO YOU IN PARTNERSHIP WITH DZONE.COM/GUIDES DZONE’S 2016 GUIDE TO MODERN JAVA Dear Reader, TABLE OF CONTENTS 3 EXECUTIVE SUMMARY Why isn’t Java dead after more than two decades? A few guesses: Java is (still) uniquely portable, readable to 4 KEY RESEARCH FINDINGS fresh eyes, constantly improving its automatic memory management, provides good full-stack support for high- 10 THE JAVA 8 API DESIGN PRINCIPLES load web services, and enjoys a diverse and enthusiastic BY PER MINBORG community, mature toolchain, and vigorous dependency 13 PROJECT JIGSAW IS COMING ecosystem. BY NICOLAI PARLOG Java is growing with us, and we’re growing with Java. Java 18 REACTIVE MICROSERVICES: DRIVING APPLICATION 8 just expanded our programming paradigm horizons (add MODERNIZATION EFFORTS Church and Curry to Kay and Gosling) and we’re still learning BY MARKUS EISELE how to mix functional and object-oriented code. Early next 21 CHECKLIST: 7 HABITS OF SUPER PRODUCTIVE JAVA DEVELOPERS year Java 9 will add a wealth of bigger-picture upgrades. 22 THE ELEMENTS OF MODERN JAVA STYLE But Java remains vibrant for many more reasons than the BY MICHAEL TOFINETTI robustness of the language and the comprehensiveness of the platform. JVM languages keep multiplying (Kotlin went 28 12 FACTORS AND BEYOND IN JAVA GA this year!), Android keeps increasing market share, and BY PIETER HUMPHREY AND MARK HECKLER demand for Java developers (measuring by both new job 31 DIVING DEEPER INTO JAVA DEVELOPMENT posting frequency and average salary) remains high. The key to the modernization of Java is not a laundry-list of JSRs, but 34 INFOGRAPHIC: JAVA'S IMPACT ON THE MODERN WORLD rather the energy of the Java developer community at large.
    [Show full text]
  • Java Server Face
    Java Server Face From the specification 2.0 JSF sources ● JSF specification 2.0 ● JSF sun tutorials EE6 ● Core Java server face (http://horstmann.com/corejsf/) ● http://jsftutorials.net/ ● JSF Lectures from Pascal URSO (Mcf Nancy) ● JSF Lectures from François Charoy (Mcf Nancy) ● Intro à JSF : [email protected] ● JSF and ICEFaces (?? anonymous) My Source ?? Overview and motivations ● JavaServer Faces (JSF) is a user interface (UI) framework for Java web applications. It is designed to significantly ease the burden of writing and maintaining applications that run on a Java application server and render their UIs back to a target client. JSF provides ease-of-use in the following ways: ● Makes it easy to construct a UI from a set of reusable UI components ● Simplifies migration of application data to and from the UI ● Helps manage UI state across server requests ● Provides a simple model for wiring client-generated events to server-side application code ● Allows custom UI components to be easily built and re-used Solving pratical problems of the web ● Managing UI component state across request ● Supporting encapsulation of the differences in markup across different browsers and clients ● Supporting form processing (multi-page, more than one per page, and so on) ● Providing a strongly typed event model that allows the application to write server- side handlers (independent of HTTP) for client generated events ● Validating request data and providing appropriate error reporting ● Enabling type conversion when migrating markup values (Strings) to and from application data objects (which are often not Strings) ● Handling error and exceptions, and reporting errors in human-readable form back to the application user ● Handling page-to-page navigation in response to UI events and model interactions.
    [Show full text]
  • Icefaces Getting Started Guide V1.7 Iii Prerequisites
    Getting Started Guide Version 1.7 Copyright Copyright 2005-2008. ICEsoft Technologies, Inc. All rights reserved. The content in this guide is protected under copyright law even if it is not distributed with software that includes an end user license agreement. The content of this guide is furnished for informational use only, is subject to change without notice, and should not be construed as a commitment by ICEsoft Technologies, Inc. ICEsoft Technologies, Inc. assumes no responsibility or liability for any errors or inaccuracies that may appear in the informational content contained in this guide. ICEfaces is a registered trademark of ICEsoft Technologies, Inc. Sun, Sun Microsystems, the Sun logo, Solaris and Java are trademarks or registered trademarks of Sun Microsystems, Inc. in the United States and in other countries. All other trademarks mentioned herein are the property of their respective owners. ICEsoft Technologies, Inc. Suite 200, 1717 10th Street NW Calgary, Alberta, Canada T2M 4S2 Toll Free: 1-877-263-3822 (USA and Canada) Telephone: 1-403-663-3322 Fax:1-403-663-3320 For additional information, please visit the ICEfaces web site: http://www.icefaces.org ICEfaces v1.7 April 2008 About this Guide The ICEfaces® Getting Started Guide will help you quickly get started building ICEfaces applications. By reading through this guide, you will: • Gain a basic understanding of what ICEfaces is and what it can do for you. • Install ICEfaces and run the sample applications on your local application server. • Work through a basic ICEfaces tutorial that transforms a standard JSF application into a rich web application powered by ICEfaces.
    [Show full text]
  • Ajax, State of The
    AjAjaax,x, ststaattee ooff tthhee aarrtt Tarek Ziadé, Nuxeo [email protected] WWhhoo aamm ii ● I am engineer at Nuxeo ● I work on CPS, the famous ECM Plateform ;) ● I©ve been lately in charge of Ajax stuff in CPS ● I read Ajax related feeds before I go to bed WWhhaatt iiss AAjjaaxx ?? A dutch football club (a good one) A cleanser (really works) AA WWeebb 22..00 tteechchnnoollooggyy Asynchronous Javascript And XML WWhhaatt©©ss WWeebb 22..00 ?? TTiimm OO©©RReeiillllyy©©ss ©©ccoommppaacctt©© ddeeffiinniittiioonn:: Web 2.0 is the network as platform, spanning all connected devices; Web 2.0 applications are those that make the most of the intrinsic advantages of that platform: delivering software as a continually-updated service that gets better the more people use it, consuming and remixing data from multiple sources, including individual users, while providing their own data and services in a form that allows remixing by others, creating network effects through an "architecture of participation," and going beyond the page metaphor of Web 1.0 to deliver rich user experiences. MMaarrkkuuss AAnnggeerrmmeeiieerr©©ss vviieeww ooff WWeebb 22..00:: (courtesy of Markus Angermeier) WWeebb 22..00 AAppppss ✔ del.icio.us ✔ flickr ✔ Voo2do ✔ Digg ✔ Google Mail (Gmail) ✔ Writely ✔ Basecamp ✔ ... AjAjaaxx bbiigg ppiictctuurere 11//22 (courtesy of J. J. Garett) AjAjaaxx bbiigg ppiictctuurere 22//22 (courtesy of J. J. Garett) TThhee LLiistst ooff tthhiinnggss AjAjaaxx rereaallllyy bbririnnggss ✔ Increases interactivity ✔ Save bandwidth ✔ Helps avoiding some interactive
    [Show full text]
  • Third-Party License Acknowledgments
    Symantec Privileged Access Manager Third-Party License Acknowledgments Version 3.3.5 Symantec Privileged Access Manager Third-Party License Acknowledgments Broadcom, the pulse logo, Connecting everything, and Symantec are among the trademarks of Broadcom. Copyright © 2019 Broadcom. All Rights Reserved. The term “Broadcom” refers to Broadcom Inc. and/or its subsidiaries. For more information, please visit www.broadcom.com. Broadcom reserves the right to make changes without further notice to any products or data herein to improve reliability, function, or design. Information furnished by Broadcom is believed to be accurate and reliable. However, Broadcom does not assume any liability arising out of the application or use of this information, nor the application or use of any product or circuit described herein, neither does it convey any license under its patent rights nor the rights of others. 2 Symantec Privileged Access Manager Third-Party License Acknowledgments Contents Activation 1.1.1 ..................................................................................................................................... 7 Adal4j 1.1.2 ............................................................................................................................................ 7 AdoptOpenJDK 1.8.0_272-b10 ............................................................................................................ 7 Aespipe 2.4e aespipe ........................................................................................................................
    [Show full text]
  • Plasticité Des IHM & Web2.0
    IHM du Web 2.0 & plasticité Module Plasticité SI5 – Master IFI http://users.polytech.unice.fr/~pinna/MODULEIHM/Plasticite/ (c) 2009, Occello Audrey, Plasticité IHM / Web2.0 - 1 - Plan du cours • Nouveaux usages d'Internet => naissance du Web2.0 • Impacts sur les IHM => naissance des interfaces dites “riches”, les RIA (Rich Internet Applications) • Vers un Web3.0 ? Analyse des besoins Evaluation ergonomique Tests Utilisateurs Espace de conception Conception Propriétés ergonomiques Tests d’intégration Conception logicielle Modèle d’architecture Tests Unitaires logicielle Boîtes à outils Codage Mécanismes généraux (c) 2009, Occello Audrey, Plasticité IHM / Web2.0 - 2 - IHM du web2.0 & plasticité . Plasticité ? capacité d’adaptation d’une IHM : à la conception / exécution au contexte d’usage : langage, plate-forme logicielle/matérielle, utilisateur, environement, ... dans le respect de la valeur attendue par l’utilisateur cible : utilisabilité, ergonomie . Quelles formes de plasticité pour les IHM du web2.0 ? (c) 2009, Occello Audrey, Plasticité IHM / Web2.0 - 3 - Web2.0 : nouveaux usages (c) 2009, Occello Audrey, Plasticité IHM / Web2.0 - 4 - Evolution d'Internet : point de vue des usages Web1.0Web1.0 Web2.0Web2.0 Admin Admin Admin Admin publie publie gère gère Interagissent (RSS, services web, mashups) consultent consultent contribuent contribuent Utilisateurs Utilisateurs Utilisateurs/communauté Utilisateurs/communauté (c) 2009, Occello Audrey, Plasticité IHM / Web2.0 - 5 - Évolution des IHMs source: adobe.org (c) 2009, Occello Audrey, Plasticité IHM / Web2.0 - 6 - Web2.0, définition et points clé . Met l'accent sur l'agilité et la réutilisabilité des applis : Focalisation sur les services rendus et sur les données mais pas sur les applications Faiblement couplé pour faciliter l’assemblage de services en applications Faciliter la réutilisabilité des contenus .
    [Show full text]
  • Evaluating Presentation Layer Development Frameworks for EJB Applications in J2EE Architecture
    International Conference on Computer Science and Information Technology (ICCSIT'2011) Pattaya Dec. 2011 Evaluating Presentation Layer Development Frameworks for EJB Applications in J2EE Architecture Ohm Samkoses, Dipl. -Inform. Matthias Vianden, Prof. Dr. rer. nat. Horst Lichter gathering and analysis, multiple rounds of frameworks Abstract—For medium to large organizations, information selection with different criteria, prototype implementations, systems play an important role for information storage and retrieval. and results evaluation. The chosen frameworks for prototype They are used to support business processes such as decision-making. development should fulfill most of the requirement and the In information systems, huge amountof data needs to be manipulated prototypes implementation should reflect the solution for each and visualized. One way to handle this complexity is to use Enterprise JavaBeans (EJB) [1] in a J2EE architecture. Since EJB has requirement clearly, and must be able to work with the not been designed to work in the Presentation Layer, suitable existing system's environment: the back-end is managed by Presentation Layer Development frameworks are introduced to EJB 3.0, and IBM Websphere Application Server 7.0. enhanced thepresentation layer of the information systems. The MeDIC (Metric Definition Integration Calculation) system and XAM II. TASKS / STEPS (eXam Assignment and Management) system [2] are typical representatives of such information system. A. First frameworks selection Nowadays, many frameworks, such as Java Server Faces (JSF), First step was to narrow-down the scope of the focused Wicket, and Tapestry, exist to cover the Presentation Layer. They framework based mainly on framework popularity. Other provide a variety of features and architecture enhancements.
    [Show full text]
  • Icefaces Developer's Guide, Community Edition
    Developer’s Guide Version 1.7 Beta Copyright Copyright 2005-2008. ICEsoft Technologies, Inc. All rights reserved. The content in this guide is protected under copyright law even if it is not distributed with software that includes an end user license agreement. The content of this guide is furnished for informational use only, is subject to change without notice, and should not be construed as a commitment by ICEsoft Technologies, Inc. ICEsoft Technologies, Inc. assumes no responsibility or liability for any errors or inaccuracies that may appear in the informational content contained in this guide. ICEfaces is a registered trademark of ICEsoft Technologies, Inc. Sun, Sun Microsystems, the Sun logo, Solaris and Java are trademarks or registered trademarks of Sun Microsystems, Inc. in the United States and in other countries. All other trademarks mentioned herein are the property of their respective owners. ICEsoft Technologies, Inc. Suite 200, 1717 10th Street NW Calgary, Alberta, Canada T2M 4S2 Toll Free: 1-877-263-3822 (USA and Canada) Telephone: 1-403-663-3322 Fax:1-403-663-3320 For additional information, please visit the ICEfaces web site: http://www.icefaces.org ICEfaces Developer’s Guide v1.7 Beta February 2008 About this Guide The ICEfaces® Developer’s Guide is your manual to developing ICEfaces applications. By reading through this guide, you will: • Gain a basic understanding of what ICEfaces is and what it can do for you. • Understand key concepts related to the ICEfaces Rich Web Presentation Environment. • Examine the details of the ICEfaces architecture. • Access reference information for the following: — ICEfaces system configuration —JSF Page Markup — Java API reference — JavaScript API reference — Custom Component TLD • Learn to use advanced ICEfaces development features.
    [Show full text]
  • Diseño E Implementación De Un Framework De Presentación Curso 2012/13
    PFC – Diseño e implementación Framework Presentación (2012/13) Licencia Esta obra está bajo una licencia Reconocimiento - No comercial- Sin obras derivadas 2.5 España de Creative Commons. Puede copiarlo, distribuirlo y transmitirlo públicamente siempre que cite al autor y la obra, no se haga un uso comercial y no se hagan copias derivadas. La licencia completa se puede consultar en: http://creativecommons.org/licenses/by-nc-nd/2.5/es/deed.es 1 PFC – Diseño e implementación Framework Presentación (2012/13) Estudios de Informática y Multimedia Proyecto Fin de Carrera Diseño e implementación de un Framework de Presentación Curso 2012/13 Nombre: Daniel Rodríguez Simó Username: drodriguezsi Tutor : Óscar Escudero Sánchez 2 PFC – Diseño e implementación Framework Presentación (2012/13) Agradecimientos Quiero agradecer el apoyo a Isabel, mi mujer, de cara a todo el tiempo invertido para poder sacar adelante estos años de estudio y esfuerzo. Y en general a toda mi familia, especialmente a mis padres Eugenia y Juan Pedro, porque sin ellos y sin la educación que se han esforzado en darme, esto nunca habría sido posible y a Pilar y Eugenia, mis abuelas, que aunque no se encuentren entre nosotros, siempre algo de ellas que nos acompaña en el día a día. Por último agradecer a mi tutor Óscar su apoyo y orientación de cara a la consecución de este objetivo y al buen desarrollo de este Proyecto Fin de Carrera. A todos vosotros, Gracias! 3 PFC – Diseño e implementación Framework Presentación (2012/13) Descripción General El presente proyecto se centra en el estudio y elaboración de un marco de trabajo basado en un Framework de Presentación, dedicado al desarrollo de aplicaciones web bajo la plataforma J2EE.
    [Show full text]
  • Accessibility and Computing
    ISSUE 94, JUN 2009 Accessibility and Computing A regular publication of the ACM Special Interest Group on Accessible Computing A Note from the Editor Inside This Issue Dear SIGACCESS member: 1 A Note from the Editor Welcome to the new look of the online edition of the 2 SIGACCESS Officers and Information SIGACCESS Newsletter – with new layout, the use of 3 Web Toolkits Accessibility Study sans-serif and larger font throughout, left-justification, 9 Pitch in Non-verbal Vocal Input and the inclusion of authors’ short biographies and 17 Combating Obesity Trends in Teenagers photographs (so that you can say hi when you meet through Persuasive Mobile Technology them in meetings and conference). 26 ASSETS 2009 CFP This issue reports three articles. The first, titled Web Toolkits Accessibility Study, investigates accessibility functions of two open source web toolkits. The second article discusses the human factors element of non-verbal vocal interaction. The third presents the development of mobile exercise companion for teenagers’ weight management. Finally, this issue includes a Call for Participation for ASSETS 2009. Sri Kurniawan Newsletter editor PAGE 1 SIGACCESS NEWSLETTER, ISSUE 94, JUN 2009 SIGACCESS Officers and Information Chairperson Who we are Vicki Hanson SIGACCESS is a special interest group of IBM T.J. Watson Research Center ACM. The SIGACCESS Newsletter is a regular 19 Skyline Drive online publication of SIGACCESS. We Hawthorne, NY 10532, USA. encourage a wide variety of contributions, +1-914-784-6603 ( work ) such as: letters to the editor, technical [email protected] papers, short reports, reviews of papers of products, abstracts, book reviews, Vice-chairperson conference reports and/or announcements, interesting web page URLs, local activity Andrew Sears reports, etc.
    [Show full text]
  • Icefaces Getting Started Guide, Community Edition
    Getting Started Guide Version 1.6 Copyright Copyright 2005-2007. ICEsoft Technologies, Inc. All rights reserved. The content in this guide is protected under copyright law even if it is not distributed with software that includes an end user license agreement. The content of this guide is furnished for informational use only, is subject to change without notice, and should not be construed as a commitment by ICEsoft Technologies, Inc. ICEsoft Technologies, Inc. assumes no responsibility or liability for any errors or inaccuracies that may appear in the informational content contained in this guide. ICEfaces is a trademark of ICEsoft Technologies, Inc. Sun, Sun Microsystems, the Sun logo, Solaris and Java are trademarks or registered trademarks of Sun Microsystems, Inc. in the United States and in other countries. All other trademarks mentioned herein are the property of their respective owners. ICEsoft Technologies, Inc. Suite 200, 1717 10th Street NW Calgary, Alberta, Canada T2M 4S2 Toll Free: 1-877-263-3822 (USA and Canada) Telephone: 1-403-663-3322 Fax:1-403-663-3320 For additional information, please visit the ICEfaces website: http://www.icefaces.org ICEfaces v1.6 June 2007 About this Guide The ICEfaces Getting Started Guide will help you quickly get started building ICEfaces applications. By reading through this guide, you will: • Gain a basic understanding of what ICEfaces is and what it can do for you. • Install ICEfaces and run the sample applications on your local application server. • Work through a basic ICEfaces tutorial that transforms a standard JSF application into a rich web application powered by ICEfaces.
    [Show full text]
  • Jquery – JSON REST
    Develop Rich Web Applications with Seam, RESTEasy and ExtJS Jeremy Davis – JBoss Solutions Architect Derrick Kittler – JBoss Solutions Architect 02 May 2011 Who are these guys? Agenda ● What is the current landscape? ● Why this approach? ● RESTEasy, ExtJS, jQuery, Seam ● Look at some code (Demo) ● Recap ● How and why you may want to pitch ● Questions and Resources Current Landscape A view of the lake of Kawah Ijen; one of the most acidic craters in the world. Current Landscape - Detail ● Seam for JPA, EJB and JSF integration ● GWT good but maybe not everywhere ● RichFaces, IceFaces, *Faces ! ● Development struggles, widget creation ● REST and SOAP ● Spring Web Flow, Struts, etc... Why this Approach? ● Seam – strong DI & integration application stack (EJB, JSF, JPA, RF) ● ExtJS – client-side, JavaScript framework for building web applications. ● REST – simple web service implemented using HTTP ● jQuery – library that simplifies HTML document traversing, event handling, animating, and Ajax interactions Demo Time ! Gene Wilder, YOUNG FRANKENSTEIN 1974, Director - Mel Brooks jQuery – JSON REST REST URI Execute the request Bind data to HTML element REST – JSON REST URI JSON ! Write out the object Recap ● It works ● REST is easy ● ExtJS provides a lot of capability OOB ● Seam provides DI and heavy lifting ● jQuery works too ● Solid tooling Why to Pitch ● For me: ● Front-end all in JS; back-end all Java ● Add cool tech to your toolkit; mobile too! ● Less re-inventing the wheel; do other cool stuff ● For Management: ● More deterministic development times ● 'Standardization' of UI technology ● Less re-inventing the wheel and provide for service re-use How to Pitch ● Rich UI widgets; rapid development ● ExtJS does have a learning curve..
    [Show full text]