Slides della sessione tenuta il 20 aprile 2011 presso il Dipartimento di Matematica dell'Università degli studi di Udine
This document provides an overview of HTML5, including what it is, new elements and attributes, forms, media capabilities, and APIs. Key points include HTML5 simplifying the DOCTYPE, making small semantic changes to existing elements, removing obsolete elements, adding new semantic elements like article, section, header, footer, and aside, and introducing new form input types. It also covers new media elements like video and audio, the canvas element, local storage, and geolocation.
This document provides an introduction to HTML5 and discusses some of its new features. It begins with an overview of HTML5 and its updated document structure, then describes several new HTML5 elements such as <header>, <nav>, <article>, <section>, <figure>, and <footer>. It also discusses new form attributes, input types, and multimedia capabilities such as audio, video, and geolocation. Finally, it briefly mentions features like drag and drop, SVG graphics, canvas drawing, and server-sent events.
The document discusses the Dojo build system which optimizes JavaScript applications by compressing files, combining files into one, resolving CSS imports, and removing unnecessary code and whitespace. It describes build profiles that specify layers and modules, and options for the build script like optimization settings. Running the build script cleans and releases an optimized version of the application to improve loading performance.
In Thucydides, page objects can be just ordinary WebDriver page objects, on the condition that they have a constructor that accepts a WebDriver parameter. However, the Thucydides PageObject class provides a number of utility methods that make page objects more convenient to work with.
sructura generală a unei extensii pentru browser, cu precizarea caracteristicilor particulare pentru fiecare navigator Web în parte (Chrome, Firefox).
This document summarizes Nicholas C. Zakas' presentation on high performance JavaScript. It discusses how the browser UI thread handles both UI updates and JavaScript execution sequentially. Long running JavaScript can cause unresponsive UIs. Techniques to ensure responsive UIs include limiting JavaScript execution time, using timers or web workers to break up processing, reducing repaints and reflows, and grouping style changes. Hardware acceleration and optimizing JavaScript engines have improved performance but responsive UIs still require discipline.
This document provides a tutorial for using Dojo 1.0 to create a rich internet application. It demonstrates how to set up the development environment, install Dojo, and create a basic application with Dojo widgets like DateTextBox, ComboBox, CheckBox, RadioButton, and Button. Event handling in Dojo is also discussed, noting that event handler methods only receive the Event object as a parameter rather than this and event like standard DOM event handling. The tutorial code is analyzed and additional widgets are added to the sample application.
This document provides an introduction to using the Dojo JavaScript framework within XPages applications. It discusses various Dojo widgets like AccordionContainer, TabContainer, ToolTips, and Dialogs. It also covers integrating Dojo themes, working with dates and ratings, extending Dojo modules, and using the rich text editor. The session is aimed at those familiar with XPages who want to create enhanced web applications using Dojo.
This document provides an overview of cookies and sessions. It defines cookies as small text files stored on a user's computer that contain information about a website visit. Sessions are a combination of a server-side cookie containing a unique session token and client-side cookie. The document discusses setting, retrieving, and deleting cookies using JavaScript, as well as the advantages of storing session data on the server rather than in client-side cookies.
Slides of the Magento Fireside Chat March 20th, 2014 with Fabrizio Branca (@fbrnc) Bastian Ike (@b_ike) Daniel Fahlke (@flyingmana) Rolando Granadino (@beeplogic) Ben Marks (@benmarks)
Slide ini merupakan tutorial dasar dari penggunaan javaScript. Bagaimana javascript berjalan dan penggunaannya, javaScript statement, javaScript variable, javaScript looping, dan javaScript operator.
This document provides an overview and introduction to HTML5. It begins with a discussion of browser market share statistics and the birth of HTML5 by the WHATWG organization. It then outlines the wide range of new HTML5 markup, elements, events, APIs and technologies including forms, canvas, web sockets, and more. The remainder of the document discusses the status and implementation of these HTML5 features across modern browsers like Firefox, and provides references to HTML5 test suites, specifications, implementations and demos.
This document provides an introduction to HTML5 and summarizes its new features. It describes the new HTML5 doctype, new semantic elements like header, nav, section and article, new form input types like color and date, support for embedded video and audio, the canvas element for drawing, the history API for manipulating the browser history, local storage for persistent data, web workers for background processing, and links to additional HTML5 resources. The document serves as an overview of the new capabilities introduced in HTML5.
An overview of what Browser Extensions are, why they are useful and important, what all they can do and moreover, what kind of technologies and knowledge is involved in developing a Google Chrome Extension or Mozilla Firefox Add-on
Why and when you need end-to-end tests, a spooky story with a 15 years software beast, and how to develop concise, maintainable functional tests using Groovy, Spock and Geb.
This document summarizes key features of Google Web Toolkit (GWT): - GWT allows developing AJAX applications in Java, with the code compiling to optimized JavaScript. It handles cross-browser issues and allows debugging like a standard Java application. - GWT includes easy to use widgets, remote procedure calls (RPC) mechanism, internationalization support, and history handling. It also supports JSON, deferred binding, and native JavaScript integration. - New features in GWT 2.0 include an in-browser development mode, speed tracer for performance analysis, code splitting for faster loading, declarative UI creation, and resource bundles for optimized downloads.
The document discusses Mono for Android development. It provides an overview of Mono, which is an open source implementation of .NET that allows developers to easily create cross-platform applications. It also discusses Android, the world's most popular mobile platform. Mono for Android allows developers to create native Android apps using C# and the .NET framework. It provides a complete binding to the Java/Android API and uses standard Android resources. The document outlines the Mono for Android architecture and API, provides code examples, and addresses common myths about using Mono for cross-platform mobile development.
The document introduces Android app development. It discusses Android basics such as it being an open source operating system based on Linux and programmed in C, C++ and Java. It also outlines Android dependencies which require tools like Java, Android SDK and Eclipse IDE. The document then covers key Android features like emulators and libraries and concludes with a demo of a simple Android app and contact details.
This document provides an overview of how to get started developing Android applications. It discusses the Android SDK tools, including the Android Emulator, Dalvik Debug Monitoring Service (DDMS), and Android Debug Bridge (ADB). It also covers key Android application architecture concepts like activities, services, intents, and manifest declarations. The document demonstrates how to set up threading and debugging. Overall, it serves as a starting guide for someone just beginning their Android development journey.
This document provides an overview of the Android operating system. It discusses the key components of Android including the Linux kernel, libraries, runtime environment, framework, and applications. It also covers Android development tools and the application lifecycle.
This document provides an overview of Android basics including UI elements, views, view groups, common layouts, buttons, text views, lists views, grid views, and fragments. It discusses the view hierarchy and how views and view groups are arranged in a tree structure. It provides examples of linear, relative, grid and list layouts and how to define buttons, text fields, labels and other widgets. It also covers topics like event handling, populating spinners and pickers, and using fragments in an Android application.
Introduction to android,its architecture and what basic components it has for applications and application devlopers.
This document outlines an agenda for an HTML5 essential training. It covers front-end technologies, HTML basics and evolution, terminology, document structure, common elements, section elements, semantic elements, features beyond basics, and useful resources. The training includes live demos of common elements and <div> usage. It compares using HTML4 divs versus HTML5 semantic elements for page structure.
HTML 5 may take some time to find full support in all major browsers, but you may be surprised to discover how many of HTML 5’s features are available today! HTML 5 is the next generation standard for web applications, and it promises to give plug-in based RIAs a serious challenge. In this demo heavy session, you’ll see HTML 5 in action and learn what you can do with today’s browser support for the new standard. If you’re building rich web applications and you’ve never touched HTML 5, this session is a must see.
1 Web Page Foundations Overview This lab walks you through creating and deploying a simple web page. The web page you create in this lab will have no functionality yet. It just contains many of the html elements you will see on most web pages today. We will turn this web page into a working web application next week. A text editor will be used to create the web page. You are welcome to use an html editor or Integrated Development Environment (IDE) to help you generate the web pages if you like. Please be sure you have read the “Creating Web Pages” competencies prior to completing this Lab. The online textbook has many html code examples that will help you become comfortable with the most popular html tags. Learning Outcomes: At the completion of the lab you should be able to: 1. Create a web page comprised of formatted text, images, lists, tables, hyperlinks and forms. 2. Review and analyze Apache Web server logs notating http access, http methods and http error codes Lab Submission Requirements: After completing this lab, you will submit a word (or PDF) document that meets all of the requirements in the description at the end of this document. In addition several html and image files along with the Apache2 access.log file will be submitted. You can submit all files in a zip file. Virtual Machine Account Information Your Virtual Machine has been preconfigured with all of the software you will need for this class. The default username and password are: Username : umucsdev Password: umuc$d8v Part 1 – Create a Web page We will use the gedit text editor to create the web page. The web page will resemble a company home page with an introduction, some formatted text, links to other web pages, images and a form designed to gather customer information. 1. Assuming you have already launched and logged into your SDEV32Bit Virtual Machine (VM) from the Oracle VirtualBox, click on the gedit icon found on the left side of the screen of your VM. 2 2. After clicking the terminal icon a terminal will appear Click to open text editor 3 3. To create a new document just begin typing or copying and pasting the html code from the examples. We will create the web page in several steps adding a few paragraphs and sections at time. Viewing the web page between each step will help minimize errors in the html code. To add the first section of the html web page copy and paste the following html code into the gedit editor: <!DOCTYPE html> <!-- CNShome.html --> <!-- Jan 22, XXXX --> <html> <head> <title>Computer Security Home Page </title> </head> <body> <h1>Welcome to Computer Security Consultants! </h1> <p> </body> </html> Save the file in the /var/www/html/week2 folder in a file named CNShome.html. Note, you may need to create a folder named week2. Recall the /var/www/html is the location of the Apache2 web server html files. Creating ...
HTML 5 is the latest version of the HTML standard. It includes several new elements and features to improve structure and behavior. Some key changes include new semantic elements like <article>, <aside>, <header>, and <footer>; built-in support for audio and video; the <canvas> element for drawing graphics; and forms with new input types. HTML 5 aims to simplify HTML and separate structure and presentation, making code cleaner and pages more accessible. It is developed jointly by the WHATWG and W3C organizations.
HTML5 will be the new standard for HTML and includes several new features such as new semantic elements, canvas element for 2D drawing, video and audio elements, local storage support and new form controls. It is still a work in progress but major browsers already support many of its new APIs and elements. Some of the key rules for HTML5 include that new features should be based on HTML, CSS, DOM and JavaScript and reduce the need for plugins.
This document discusses HTML5 and how it can be used to enhance JavaServer Faces (JSF) 2.0 components. It provides an overview of HTML5 features such as new semantic elements, form controls, media elements, graphics with canvas, and JavaScript APIs. It also describes JSF 2.0's composite component model and how components can leverage HTML5 features like media playback and JavaScript integration. The document demonstrates a composite audio component that uses HTML5's audio element and JavaScript to control audio playback from JSF. It encourages leveraging HTML5 to promote rich user interfaces and future-proof JSF applications.
The document provides an overview of HTML5 and how to implement it with Drupal 7. It discusses new HTML5 elements, attributes, and forms; how to make Drupal 7 themes responsive with HTML5; differences between HTML4, XHTML, and HTML5; and how to use CSS3 with HTML5 for effects like shadows and gradients. The document includes links to HTML5 tools and resources for Drupal and recommends familiarity with HTML, CSS, Drupal theming, and modern browsers.
The document discusses HTML5 and its APIs. It provides an overview of several HTML5 APIs including the geolocation API, web storage API, web workers API, and WebSocket API. It also discusses how these new HTML5 features allow for more advanced web applications compared to older technologies like Flash. Finally, it mentions some libraries and tools for testing HTML5 browser support.
Introducción rápida a HTML5, repasando brevemente la historia de HTML, qué APIs se añaden a HTML5, y qué avances en HTML, CSS y JavaScript rodean a este estándar.
HTML5 introduces many new features for improving the semantic structure of documents, incorporating multimedia and graphics, and interacting with forms and graphical objects. These include new elements like <video>, <audio>, <canvas>, and <svg> for embedding multimedia and graphics, as well as new form controls. CSS3 also introduces new selectors and properties for effects like rounded corners, shadows, gradients, and transformations. JavaScript APIs allow access to features like geolocation, offline storage, and communication between frames. Browser support for HTML5 features is increasing but not yet complete, so techniques like feature detection and polyfills are recommended.
The document provides an introduction and overview of HTML5. It discusses the structure of an HTML5 page, including updates to the doctype, removal of xmlns, and addition of the meta charset tag. New HTML5 elements like article, aside, audio, canvas, and video are presented. Updates to HTML5 forms, including new input types and attributes, are covered. The use of video and audio elements is explained. Finally, the canvas element is introduced and basic drawing using the canvas context is demonstrated.
Web Developers are excited to use HTML 5 features but sometimes they need to explain to their non-technical boss what it is and how it can benefit the company. This presentation provides just enough information to share the capabilities of this new technologies without overwhelming the audience with the technical details. "What is HTML5?" covers things you might have seen on other websites and wanted to add on your own website but you didn't know it was a feature of HTML 5. After viewing this slideshow you will probably give your web developer the "go ahead" to upgrade your current HTML 4 website to HTML 5. You will also understand why web developers don't like IE (Internet Explorer) and why they always want you to keep your browser updated to latest version. "I have seen the future. It's in my browser" is the slogan used by many who have joined the HTML 5 revolution.
In this, my talk for Webinale in Berlin, June 1st 2011, I give an overview of HTML5 history and main features, relating it all back to how possible it is use develop with these new features today. Thanks to Patrick Lauke for allowing me to steal a lot of his slides ;-)
1. HTML5 provides new semantic elements like <header>, <footer>, and <nav> that allow for more structured markup. It also extends existing APIs and adds new APIs for multimedia, forms, and building web applications. 2. HTML5 introduces multimedia elements <video> and <audio> that allow embedded video and audio without plugins. It also includes the <canvas> element for scriptable drawing. 3. HTML5 includes new APIs for building powerful web applications, including geolocation, offline application caching, local storage, and databases. However, browser support is still evolving so these should be used carefully with feature detection.
The document discusses the history and features of HTML5. It describes how HTML5 aims to evolve the HTML standard to enable richer web applications while maintaining compatibility. Key features discussed include new semantic elements, forms improvements, video/audio playback, 2D/3D canvas drawing, and local storage APIs to store data on the client-side. The document provides examples and browser support information for various HTML5 features.
HTML5 is hot right now and a lot is being said about it. It is time to take a look at what it means to apply it on the web and see how things work out. Turns out we still have a lot to fix and we need your help.
HTML5 is a language for structuring and presenting content for the World Wide Web. it is the fifth revision of the HTML standard (created in 1990 and standardized as HTML4 as of 1997) and as of February 2012 is still under development. Its core aims have been to improve the language with support for the latest multimedia while keeping it easily readable by humans and consistently understood by computers and devices (web browsers, parsers, etc.). It improves interoperability and reduces development costs by making precise rules on how to handle all HTML elements, and how to recover from errors