This document provides an overview of HTML5 history and features. It discusses the evolution of HTML standards from early versions to HTML5, including key events like the browser wars. It outlines the vision and rules of HTML5, such as using <!DOCTYPE html> and removing closing tags from void elements. New HTML5 features covered include semantic elements, APIs, and tools to support HTML5 development.
The document provides an agenda and overview for a presentation on CSS selectors and properties for simple and clutter-free web design. The presentation covers various CSS selectors including class, ID, descendant, child selectors and attribute selectors. It also discusses pseudo classes and pseudo elements. Examples are provided to demonstrate how to select elements and style them using CSS.
This document provides an introduction and overview of web programming. It discusses the history and architecture of the web, including how HTML, CSS, and JavaScript are used on the client-side and server-side. It covers the basic structure of HTML documents and how to add common elements like text, links, images and lists. It also introduces CSS for styling HTML elements with selectors, properties and positioning. Finally, it demonstrates some popular development tools and libraries like jQuery, Kendo UI, and ExtJS that can be used to build user interfaces.
This document provides an overview and agenda for an introductory web programming course. It discusses the basic web architecture involving client-side and server-side communication. It also introduces some key HTML tags for adding common elements like text, links, images and lists. Finally, it gives an introduction to CSS for applying styles to HTML elements through selectors, properties and other concepts. The goal is to lay the foundation for building web pages with basic HTML and CSS.
This document discusses advanced CSS styling techniques including responsive design using media queries, CSS3 features such as rounded corners, shadows and gradients, CSS transitions and animations, and the Twitter Bootstrap framework. It provides examples and explanations of how to use media queries to serve different styling based on device characteristics, introduces new CSS3 features, demonstrates how to create transitions between states, and discusses keyframe animations.
The document provides an overview of a presentation on theming a Drupal site using the Omega base theme. It discusses grid systems, installing relevant modules like Omega and Delta, analyzing wireframes to determine sections and regions, and configuring zones and regions in Omega to match the desired layout. The goal is to take an initial raw Drupal site build and theme it according to wireframes for the home, section, and content pages.
Magento Theme - set the basics right - mm12nlHans Kuijpers
This document discusses various techniques for customizing themes in Magento, including:
- Using the fallback logic to override default templates and styles
- Creating a new theme by adding files to the app/design and skin folders
- Using the Developer Toolbar to identify block calls and template file locations
- Adding tracking code and links by modifying template files
- Inserting static blocks and CMS pages into templates using XML layouts
This document discusses various optimizations that can be made to improve website performance, including page load optimizations, JavaScript optimizations, and CSS optimizations. It recommends measuring and optimizing page load times, JavaScript execution, and CSS processing to enhance user experience. Specific techniques mentioned include reducing the number of HTTP requests, file sizes, and network distance as well as leveraging caching, browser parsing, and other strategies.
This document provides an overview and introduction to JavaScript. It covers the history and development of JavaScript, key concepts like its interpreter-based nature and loosely typed objects. The document outlines JavaScript's core types including numbers, strings, Booleans, null, undefined and objects. It also discusses syntax elements like identifiers, reserved words, comments, loops and branches, functions, and objects & arrays. The overall summary is that this document serves as an introductory guide to the JavaScript programming language, its core concepts and syntax.
The document provides an agenda and overview for a presentation on CSS selectors and properties for simple and clutter-free web design. The presentation covers various CSS selectors including class, ID, descendant, child selectors and attribute selectors. It also discusses pseudo classes and pseudo elements. Examples are provided to demonstrate how to select elements and style them using CSS.
This document provides an introduction and overview of web programming. It discusses the history and architecture of the web, including how HTML, CSS, and JavaScript are used on the client-side and server-side. It covers the basic structure of HTML documents and how to add common elements like text, links, images and lists. It also introduces CSS for styling HTML elements with selectors, properties and positioning. Finally, it demonstrates some popular development tools and libraries like jQuery, Kendo UI, and ExtJS that can be used to build user interfaces.
This document provides an overview and agenda for an introductory web programming course. It discusses the basic web architecture involving client-side and server-side communication. It also introduces some key HTML tags for adding common elements like text, links, images and lists. Finally, it gives an introduction to CSS for applying styles to HTML elements through selectors, properties and other concepts. The goal is to lay the foundation for building web pages with basic HTML and CSS.
This document discusses advanced CSS styling techniques including responsive design using media queries, CSS3 features such as rounded corners, shadows and gradients, CSS transitions and animations, and the Twitter Bootstrap framework. It provides examples and explanations of how to use media queries to serve different styling based on device characteristics, introduces new CSS3 features, demonstrates how to create transitions between states, and discusses keyframe animations.
The document provides an overview of a presentation on theming a Drupal site using the Omega base theme. It discusses grid systems, installing relevant modules like Omega and Delta, analyzing wireframes to determine sections and regions, and configuring zones and regions in Omega to match the desired layout. The goal is to take an initial raw Drupal site build and theme it according to wireframes for the home, section, and content pages.
Magento Theme - set the basics right - mm12nlHans Kuijpers
This document discusses various techniques for customizing themes in Magento, including:
- Using the fallback logic to override default templates and styles
- Creating a new theme by adding files to the app/design and skin folders
- Using the Developer Toolbar to identify block calls and template file locations
- Adding tracking code and links by modifying template files
- Inserting static blocks and CMS pages into templates using XML layouts
This document discusses various optimizations that can be made to improve website performance, including page load optimizations, JavaScript optimizations, and CSS optimizations. It recommends measuring and optimizing page load times, JavaScript execution, and CSS processing to enhance user experience. Specific techniques mentioned include reducing the number of HTTP requests, file sizes, and network distance as well as leveraging caching, browser parsing, and other strategies.
This document provides an overview and introduction to JavaScript. It covers the history and development of JavaScript, key concepts like its interpreter-based nature and loosely typed objects. The document outlines JavaScript's core types including numbers, strings, Booleans, null, undefined and objects. It also discusses syntax elements like identifiers, reserved words, comments, loops and branches, functions, and objects & arrays. The overall summary is that this document serves as an introductory guide to the JavaScript programming language, its core concepts and syntax.
This document compares Web 1.0, 2.0, and 3.0. Web 1.0 focused on basic informative content with no interactivity between providers and consumers. Web 2.0 introduced advanced technologies like wikis, blogs, and social networking that allowed users to publish their own content. Web 3.0, known as the Semantic Web, aims to help computers analyze complex questions and organize all possible answers by telling machines how to deliver huge amounts of data in a usable way. The comparison table outlines key differences such as read/write abilities, individual versus community focus, and advertising models.
Students need help learning that just because it came from Google doesn't make it factual. This is a powerpoint lesson that reviews how to evaluate a website. It is used in conjunction with live examples, Nettrekker, and a rubric activity for evaluating websites.
The document provides code snippets for HTML tags and CSS classes used to structure pages and components. It includes HTML for page containers, headers, breadcrumbs, left widgets, and content areas. It also includes common CSS classes for styling text, positioning, spacing and more. Finally, it outlines best practices for organizing CSS/JS files and setting image paths.
This document summarizes Ted Hart's presentation on websites. Some key points:
- Ted Hart is a CEO and author who discusses nonprofit websites and strategies.
- Research shows the first 10 seconds on a webpage are critical for users to stay or leave. Websites should clearly display their name, logo, mission and provide easy access to social media and donation options.
- Effective websites have photos of people, not just buildings, and eliminate scrolling by placing important content above the fold.
- Websites also need to work on mobile and load quickly with large tap targets and navigation.
- The presentation concludes with a call for participants to review websites and provide feedback.
The document discusses the rise of mobile web development. It covers the evolution of mobile devices and their capabilities. Major mobile platforms like iOS, Android, Symbian and Windows Phone are summarized. The document argues that mobile web development using HTML, CSS and JavaScript is the best approach for cross-platform apps since it will run on all devices. Tools for mobile web development and frameworks like jQuery Mobile, Sencha Touch and jqMobi are also covered.
The document contains a sample question paper for CBSE Grade 12 Computer Science exam. It includes multiple choice, short answer and long answer questions on topics like C++ programming, object oriented concepts, data structures, databases and computer networks. Some questions ask to write C++ code for tasks like defining classes, sorting arrays, implementing stacks. Others involve evaluating C++ code snippets, answering conceptual questions, writing SQL queries and solving problems on Boolean algebra and logic circuits.
This document discusses the structure and semantic elements in HTML5. It describes elements such as <section>, <header>, <article>, and <nav> that define different sections of a web page. It also covers inline elements like <mark> and <time> as well as embedded media elements <audio> and <video>. Finally, it discusses interactive elements such as <details> and <menu> and concludes with a demonstration of HTML5 structure and semantics.
HTML provides structure for documents using tags, elements, and attributes. It uses a basic framework of tags like <html> to contain the whole page, <head> for information about the page, <title> for the title displayed in the browser, and <body> for the visible content. Structure, order, and semantics are important to help users understand content in various media like newspapers, books, and documents. Learning HTML structure by viewing the source code of other websites is a good way to learn quickly.
This document provides an overview of Scalable Vector Graphics (SVG), including what SVG is, why it is useful, browser support, basic shapes and drawing, styling, animations, and scripting SVG with JavaScript. SVG is an XML-based format for describing 2D vector graphics that can be scaled to any size without loss of quality. It allows embedding graphics into web pages without using image files. The document covers the basics of drawing in SVG using simple shapes, text, paths, and gradients. It also discusses animating SVG graphics using SMIL animations and manipulating SVG dynamically with JavaScript.
This document provides an overview of HTML5 basics, including:
- The background and need for HTML5 as newer standard to address limitations of HTML4.
- The basic structure of an HTML5 document and new semantic elements.
- Key new features like media elements for embedding video and audio, canvas for drawings, and drag and drop capabilities.
- Additional features such as local storage, offline support through cache manifest files, and Scalable Vector Graphics.
This document discusses JavaScript code architecture and module patterns using RequireJS. It begins with an introduction to RequireJS and how it can be used to dynamically load modules and their dependencies. Next, it covers defining modules with and without dependencies, and how to return maker functions from modules to create "classes". The document concludes with notes on best practices for modules and an overview of RequireJS configuration options to integrate third-party libraries.
The document provides an overview of HTML5 APIs, including new APIs introduced in HTML5 like Web Storage, Geolocation, Web SQL, Application Cache, Web Workers, Audio, Video, Canvas, Web Socket, Desktop Notifications, Drag & Drop, File System API, History API, and more. It discusses tools like Modernizr that can be used to detect browser support for these new APIs and polyfill missing functionality. The document also covers specific APIs in more detail, such as local storage, geolocation, offline web apps using the cache manifest, and using the Google Maps JavaScript API.
Услуги агентства, предоставляющего продукт [SEO настоящего], заключаются в том, чтобы улучшить видимость сайта клиента в тематиках, которым он действительно соответствует в глазах пользователя с точки зрения алгоритмов поисковых систем.
The document provides an overview and agenda for an Advanced JavaScript course. It covers JavaScript history from 1995-1996, how JavaScript is used today both on the client-side and server-side with Node.js. It also discusses JavaScript language fundamentals like data types, objects, arrays, functions and prototypes. The agenda includes deep dives into these topics with examples and exercises to practice working with objects, arrays, functions and prototypes in JavaScript.
The document discusses efforts by AOL and TPG to improve the accessibility of rich internet applications through jQuery. They found that while assistive technologies can parse basic DOM elements, they are insufficient for complex dynamic widgets. The team is working to address this by implementing ARIA roles, keyboard support, focus management, and linearizing the DOM structure in jQueryUI, which is the most widely used JavaScript library. Their focus is on making core jQueryUI widgets like accordions, sliders and dialogs accessible.
HTML5 reflects efforts since 2004 to improve the HTML standard and address the needs of emerging web applications. It defines an updated single language called HTML5 that can be written in HTML or XML syntax. HTML5 aims to improve markup for documents and introduce APIs for web applications while maintaining compatibility with existing content.
This document compares Web 1.0, 2.0, and 3.0. Web 1.0 focused on basic informative content with no interactivity between providers and consumers. Web 2.0 introduced advanced technologies like wikis, blogs, and social networking that allowed users to publish their own content. Web 3.0, known as the Semantic Web, aims to help computers analyze complex questions and organize all possible answers by telling machines how to deliver huge amounts of data in a usable way. The comparison table outlines key differences such as read/write abilities, individual versus community focus, and advertising models.
Students need help learning that just because it came from Google doesn't make it factual. This is a powerpoint lesson that reviews how to evaluate a website. It is used in conjunction with live examples, Nettrekker, and a rubric activity for evaluating websites.
The document provides code snippets for HTML tags and CSS classes used to structure pages and components. It includes HTML for page containers, headers, breadcrumbs, left widgets, and content areas. It also includes common CSS classes for styling text, positioning, spacing and more. Finally, it outlines best practices for organizing CSS/JS files and setting image paths.
This document summarizes Ted Hart's presentation on websites. Some key points:
- Ted Hart is a CEO and author who discusses nonprofit websites and strategies.
- Research shows the first 10 seconds on a webpage are critical for users to stay or leave. Websites should clearly display their name, logo, mission and provide easy access to social media and donation options.
- Effective websites have photos of people, not just buildings, and eliminate scrolling by placing important content above the fold.
- Websites also need to work on mobile and load quickly with large tap targets and navigation.
- The presentation concludes with a call for participants to review websites and provide feedback.
The document discusses the rise of mobile web development. It covers the evolution of mobile devices and their capabilities. Major mobile platforms like iOS, Android, Symbian and Windows Phone are summarized. The document argues that mobile web development using HTML, CSS and JavaScript is the best approach for cross-platform apps since it will run on all devices. Tools for mobile web development and frameworks like jQuery Mobile, Sencha Touch and jqMobi are also covered.
The document contains a sample question paper for CBSE Grade 12 Computer Science exam. It includes multiple choice, short answer and long answer questions on topics like C++ programming, object oriented concepts, data structures, databases and computer networks. Some questions ask to write C++ code for tasks like defining classes, sorting arrays, implementing stacks. Others involve evaluating C++ code snippets, answering conceptual questions, writing SQL queries and solving problems on Boolean algebra and logic circuits.
This document discusses the structure and semantic elements in HTML5. It describes elements such as <section>, <header>, <article>, and <nav> that define different sections of a web page. It also covers inline elements like <mark> and <time> as well as embedded media elements <audio> and <video>. Finally, it discusses interactive elements such as <details> and <menu> and concludes with a demonstration of HTML5 structure and semantics.
HTML provides structure for documents using tags, elements, and attributes. It uses a basic framework of tags like <html> to contain the whole page, <head> for information about the page, <title> for the title displayed in the browser, and <body> for the visible content. Structure, order, and semantics are important to help users understand content in various media like newspapers, books, and documents. Learning HTML structure by viewing the source code of other websites is a good way to learn quickly.
This document provides an overview of Scalable Vector Graphics (SVG), including what SVG is, why it is useful, browser support, basic shapes and drawing, styling, animations, and scripting SVG with JavaScript. SVG is an XML-based format for describing 2D vector graphics that can be scaled to any size without loss of quality. It allows embedding graphics into web pages without using image files. The document covers the basics of drawing in SVG using simple shapes, text, paths, and gradients. It also discusses animating SVG graphics using SMIL animations and manipulating SVG dynamically with JavaScript.
This document provides an overview of HTML5 basics, including:
- The background and need for HTML5 as newer standard to address limitations of HTML4.
- The basic structure of an HTML5 document and new semantic elements.
- Key new features like media elements for embedding video and audio, canvas for drawings, and drag and drop capabilities.
- Additional features such as local storage, offline support through cache manifest files, and Scalable Vector Graphics.
This document discusses JavaScript code architecture and module patterns using RequireJS. It begins with an introduction to RequireJS and how it can be used to dynamically load modules and their dependencies. Next, it covers defining modules with and without dependencies, and how to return maker functions from modules to create "classes". The document concludes with notes on best practices for modules and an overview of RequireJS configuration options to integrate third-party libraries.
The document provides an overview of HTML5 APIs, including new APIs introduced in HTML5 like Web Storage, Geolocation, Web SQL, Application Cache, Web Workers, Audio, Video, Canvas, Web Socket, Desktop Notifications, Drag & Drop, File System API, History API, and more. It discusses tools like Modernizr that can be used to detect browser support for these new APIs and polyfill missing functionality. The document also covers specific APIs in more detail, such as local storage, geolocation, offline web apps using the cache manifest, and using the Google Maps JavaScript API.
Услуги агентства, предоставляющего продукт [SEO настоящего], заключаются в том, чтобы улучшить видимость сайта клиента в тематиках, которым он действительно соответствует в глазах пользователя с точки зрения алгоритмов поисковых систем.
The document provides an overview and agenda for an Advanced JavaScript course. It covers JavaScript history from 1995-1996, how JavaScript is used today both on the client-side and server-side with Node.js. It also discusses JavaScript language fundamentals like data types, objects, arrays, functions and prototypes. The agenda includes deep dives into these topics with examples and exercises to practice working with objects, arrays, functions and prototypes in JavaScript.
The document discusses efforts by AOL and TPG to improve the accessibility of rich internet applications through jQuery. They found that while assistive technologies can parse basic DOM elements, they are insufficient for complex dynamic widgets. The team is working to address this by implementing ARIA roles, keyboard support, focus management, and linearizing the DOM structure in jQueryUI, which is the most widely used JavaScript library. Their focus is on making core jQueryUI widgets like accordions, sliders and dialogs accessible.
HTML5 reflects efforts since 2004 to improve the HTML standard and address the needs of emerging web applications. It defines an updated single language called HTML5 that can be written in HTML or XML syntax. HTML5 aims to improve markup for documents and introduce APIs for web applications while maintaining compatibility with existing content.
The journey to build a more usable toolbar for Drupal 8 dcmistry
The document summarizes Dharmesh Mistry's presentation on redesigning the toolbar for Drupal 8. Initial research found issues with Drupal 7's toolbar not being mobile-friendly. Multiple designs were proposed and tested iteratively. Testing showed overall improvements but uncovered discoverability issues. The key highlights emphasized prototyping and testing early, engaging stakeholders throughout the process, and communicating transparently to build credibility and buy-in.
Slides from a talk by Brian Kelly,UKOLN in the "Web 2.0: Behind The Hype" panel session given at the Institutional Web Management Workshop 2006 on 15 June 2006.
See http://www.ukoln.ac.uk/web-focus/events/workshops/webmaster-2006/talks/panel-1/
This document outlines an agenda for a Web Components Workshop. It discusses why and what web components are, provides a tutorial on LitElement, compares different web component implementations like HTMLElement, LitElement, and PolymerElement. It also covers the Web Component Factory (WCFactory) for installing and using web components. Other topics include communicating between elements, Shadow DOM, how web components can be shared and adopted, barriers to adoption like tooling and documentation, and upcoming related talks at the event.
HTML5 and the Open Web Platform - Lecture 03 - Web Information Systems (WE-DI...Beat Signer
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.
This document summarizes a presentation on search engine optimization (SEO) for Flash content. It discusses how search engines index Flash, including breakthroughs that allow indexing of text, links, and interactions. It emphasizes the importance of dynamic page ranking and getting links over initial page rank. Testing over long periods is recommended to understand how content is indexed. Tips provided include using descriptive text, metadata, and linking to optimize Flash content for search engines.
Web 2.0 refers to second-generation internet services that emphasize user collaboration and sharing. Key characteristics include applications used through a web browser where users own and control their own data. Examples include blogs, social networks, photo sharing, bookmarking, videos, and wikis. Developing for Web 2.0 involves techniques like AJAX which allows for asynchronous data exchange to improve interactivity, speed and usability without reloading the entire page. Mashups combine data from multiple sources into a single tool. Tagging and tag clouds provide easy ways to categorize and visualize content.
10 Jahre Webentwicklung - am Beispiel des Frameworks qooxdooMartin Wittemann
Die Möglichkeiten, welche Webtechnologien heutzutage und in naher Zukunft bieten, sind beeindruckend. Anwendungen unterschiedlichster Art lassen sich damit realisieren, sei es für traditionelle Desktoprechner oder Mobilgeräte wie Tablets und Smartphones.
Doch die Ausgangssituation dafür war nicht immer so vielversprechend. Die fundamentalen Technologien wie auch die geeigneten Frameworks mußten dafür geschaffen erst werden bzw. sich entsprechend fortentwickeln.
Wir begeben uns auf eine Reise durch die letzten 10 Jahre Webentwicklung und beleuchten wesentliche Meilensteine. Exemplarisch verwenden wir hierzu das JavaScript Framework qooxdoo, welches als Open-Source-Projekt der 1&1 Internet AG die Entwicklung moderner Enterpriseanwendungen ermöglicht. Der Rückblick auf 10 Jahre Webentwicklung hilft zu verstehen, worin aktuelle Herausforderungen liegen und wie Konzepte und Frameworks auch in Zukunft die vorhandenen Basistechnologien ergänzen.
1. Buu Nguyen presented on HTML5 and its implementation in IE9. He provided an overview of HTML5 including its history and development process.
2. He demonstrated new HTML5 semantic elements like <header>, <nav>, <article>, and <footer>. He also showed HTML5 features in IE9 like drag and drop, web storage, and geolocation.
3. Buu discussed the pros and cons of HTML5, noting its portability but also inconsistent implementations across browsers currently. He concluded by taking questions from the audience.
This document summarizes major web technology milestones from the first half of 2008 and previews developments to watch for in 2009. Some key points covered include:
- The first beta release of Internet Explorer 8 in March 2008 was a major milestone.
- CSS support is now largely consistent across major browsers, including support for CSS Selectors and the Selectors API in IE8.
- HTML5 offline applications and client-side storage are implemented in multiple browsers.
- SVG support continues to improve with the Tiny 1.2 recommendation and plans to add support to IE via behaviors.
- The Geolocation API specification was published and implemented in several browsers in 2008.
- Newly developed JavaScript
HTML5 is the fifth revision and newest version of the HTML standard. It offers new features that provide not only rich media support, but also enhance support for creating web applications that can interact with the user, his/her local data, and servers, more easily and effectively than was possible previously.
The document discusses using HTML5 to create cross-platform mobile apps. It promotes building apps with HTML, CSS and JavaScript using a W3C widget format that can be deployed across devices. This avoids having to learn multiple platforms and languages, and allows taking advantage of the capabilities of mobile devices like the camera through integration with PhoneGap.
GDD Brazil 2010 - What's new in Google App Engine and Google App Engine For B...Patrick Chanezon
Learn what's new with App Engine. We'll take a whirlwind tour through the changes since last year.
We'll top it off with a glimpse into some new features that we've planned for the year ahead. This session will include an overview of Google App Engine for Business.
Web 2.0: characteristics and tools (2010 eng)Carlo Vaccari
The document provides an overview and program for a course on Web 2.0 technologies including blogs, wikis, tags, and social networks. It discusses what these tools are, how to use them, and their importance. It also covers related concepts like folksonomies, user-generated content, content aggregation, and microblogging. Examples and characteristics of Web 2.0 are provided to explain the shift from a read-only Web 1.0 to a more interactive Web 2.0.
The document discusses the evolution and development of HTML over time, highlighting some key milestones and new features introduced in HTML5. It provides a timeline of HTML versions from 1990 to 2010, noting important releases like HTML 2.0, 3.2, 4.0, and XHTML 1.0. It then outlines some major new capabilities of HTML5 like improved error handling, built-in multimedia support using new elements, and a simplified DOCTYPE declaration.
HTML5 and the Open Web Platform - Web Technologies (1019888BNR)Beat Signer
The document discusses the history and features of HTML and HTML5. It provides an overview of HTML, including common tags and document structure. It then covers the evolution of HTML over time, from early versions to modern standards like HTML5. The document also describes some of the new features introduced in HTML5, such as enhanced multimedia support, forms, and the canvas element for drawing graphics.
The W3C published the WCAG 2.0 specification in December 2008, but what does this mean for local governments and how do they work?
This presentation provides a brief introduction to web accessibility and current the structure of the WCAG 2.0 specification. What is new in WCAG 2.0 and how it aims to support a variety of technologies.
PHP and the Cloud (phpbenelux conference)Ivo Jansch
The document discusses PHP and cloud computing. It defines cloud computing according to NIST as having five essential characteristics, three service models (Software as a Service, Platform as a Service, Infrastructure as a Service), and four deployment models. Infrastructure as a Service involves offering hardware, storage, networking and computing resources as a service and allows for elastic scalability. The document provides examples of using Rackspace Cloud and Terremark's InfiniCloud for IaaS and discusses designing applications to take advantage of cloud capabilities like horizontal scalability and abstraction.
This document provides an overview of regular expressions (regex). It begins by stating that regex can help find patterns in text and briefly outlines the history of regex from mathematics to its introduction in Unix. It then explains that regex can be used as an alternative to shell wildcards and that many Unix tools incorporate regex. The document proceeds to list programming languages that use regex and provides some basic regex rules including matching single characters, character classes, quantifiers, and assertions. It provides examples to demonstrate matching patterns using these rules.
This document provides an overview of front-end HTML5 web development, including its history from 2004 to becoming a W3C recommendation in 2014. It discusses using new HTML5 features to build complex client-side apps and focuses on teaching attendees how to write front-end code focused on JavaScript to develop modern web applications, demonstrating examples along the way.
The document discusses various statistics related to website load times and how they impact user behavior and business metrics. It states that 47% of consumers expect a page to load within 2 seconds and 73% of mobile users have encountered sites that were too slow. A 1 second delay can result in a 7% loss in conversions. It also discusses studies by Glasses Direct, Walmart and Google on how delays of 50-400 milliseconds can negatively impact conversion rates. The document emphasizes that page load time affects bounce rates, time on site, conversions, user satisfaction and that businesses should care about and measure load times.
This document outlines a course on responsive web design for mobile. The goals are to build a responsive website that works well on any device, understand responsive tools, and learn responsive design techniques. Students should know HTML for content and CSS for styling. The course includes three mobile design challenges to complete the learning.
How to write multi threaded applications using Qt:
In the slides you'll learn about 3 alternatives, all of which allow running tasks simultaneously in Qt applications, and understand the use cases leading to choosing each.
This document discusses improving text editing for Perl developers. It outlines some annoyances with basic text editors like slowing down development. An effective text editor can help developers by providing code snippets, file templates, auto-completion and other features to reduce typing and errors. The document recommends using the Janus text editor plugin collection for Vim, which provides these kinds of features to make editing Perl code faster and easier. It provides instructions for installing Janus and highlights some of its initial capabilities.
This 24-hour course covers the architectural differences system analysts must consider when designing mobile or mobile web applications. It discusses topics like the mobile ecosystem, application layers, device layers, communication networks, and security. The course will help participants understand how to manage sessions, use location services, send push notifications, optimize for networks and address vulnerabilities, through in-depth topics, real-world case studies and a suggested 6-session schedule.
The document discusses key differences between developing for mobile versus desktop. Mobile devices are always connected, have limited battery life, and users expect seamless app switching. Developers must consider interruptions and optimize for battery usage. Each mobile app runs in a sandbox and can communicate through URL schemes or by integrating with OS services. Background execution is more limited on iOS but both platforms allow some background activities like downloading content or playing audio. Developers must respect user expectations and not abuse background capabilities.
This document discusses optimizing mobile networks and applications for speed. It begins with an overview of networking basics and how mobile networks work. It then discusses factors that affect speed like latency, bandwidth, TCP protocols, and cellular network routing. The document provides recommendations for optimizing like leveraging WiFi, anticipating latency, saving bandwidth and battery. It also covers HTTP optimizations, browser APIs and protocols like XHR, SSE and WebSockets. The goal is to understand how networks impact applications and how to design for optimal mobile performance.
The document discusses mobile web architecture and hybrid mobile applications. It begins with an introduction to hybrid apps and PhoneGap. It then covers various HTML5 features that are useful for building hybrid apps like users and sessions, location services, cameras, videos, audio and push notifications. It explains the hybrid architecture of combining web views with native wrappers. It also provides examples of implementing location services, cameras, audio/video and push notifications in a hybrid mobile app.
This document discusses misusing cryptography. It begins with an agenda covering why cryptography is misused and how random number generators and crypto algorithms can be misused. It then discusses examples of what can go wrong, such as a game developer unintentionally allowing hackers to easily determine the secret code protecting scores. The document emphasizes that cryptography is complex and should not be casually misused, as failures can result in compromises like hacked systems and lost jobs. It provides recommendations for proper cryptographic practices.
This document provides an introduction to Selenium, an open source tool for automating web application testing. Selenium allows testing of web applications across different browsers without needing to modify the source code. It works by issuing commands to browser drivers to simulate user interactions such as clicking links, filling forms, and verifying page content. The document outlines how to set up and run automated tests using the Selenium Ruby bindings and RSpec testing framework.
Slides cover how to get started testing your web application. Technologies and concepts explained:
- Unit tests (mocha, jasmine, karma)
- System tests (Selenium)
- Code coverage (istanbul)
- CI servers
This document discusses web accessibility and provides guidance on making websites accessible to people with disabilities. It covers goals of accessibility, challenges for different disabilities, relevant laws, and technical details on how to make elements like images, audio, video, forms, tables, and overall site structure and navigation accessible. The document provides guidelines on topics like alt text, captions, text size and color contrast, keyboard navigation, time limits, languages, and using semantic HTML.
The document provides an overview and introduction to AngularJS. It discusses key Angular concepts like data binding, directives, filters, controllers and scopes. It also covers using Angular for client-side routing and communicating with servers to retrieve data. Example code snippets are provided to demonstrate concepts like controllers, directives and routing. Labs and exercises are included to apply the concepts by building sample Angular applications.
This document discusses JavaScript memory management and common memory leaks. It covers topics like memory lifecycle, garbage collection, detecting memory leaks using dev tools, and ways to minimize memory usage like avoiding global variables and detached DOM nodes. Common sources of memory leaks are discussed such as unbound arrays and objects, multiple copies of functions, and detached DOM nodes not removed from memory. Tools for profiling memory usage like the Chrome Task Manager and Heap Profiler are also presented.
Design Patterns help us solve problems in tried and tested ways.
Turns out they also help us understand our framework better, for framework developers also use patterns.
In these slides you'll see how Design Patterns are implemented by Qt framework, to better both understand patterns and Qt
2. Agenda
HTML History
HTML5 Rules
New Features
Browser Support
HTML5 Page Structure
Wednesday, January 30, 13
3. In The Beginning
While working at CERN
in the 90s, Berners-Lee
develops WWW
1991 The first web site
(CERN’s info page)
1994 Berners-Lee
founded the W3C
http://www.flickr.com/photos/tanaka/3212373419/
Wednesday, January 30, 13
4. 1991 HTML1
Described in a document called “HTML Tags”
Included 20 elements
Influenced by SGML
Wednesday, January 30, 13
5. 1995 HTML2
One year after
Netscape was founded
Forms
Tables
Image Maps
http://www.flickr.com/photos/kalleboo/2214787531/
Wednesday, January 30, 13
6. 1997 HTML3.2
Standardizing browser
wars
Dropping Netscape’s
blink and MS marquee
On the right:
Blue - IE
Light green - Netscape
http://en.wikipedia.org/wiki/File:Browser_Wars.svg
Wednesday, January 30, 13
7. 1999 HTML4
Browser war was over.
MS won
Many new elements,
including iframe, label,
legend, object
Deprecated: applet,
center, font, menu,
strike
http://www.flickr.com/photos/daniello/422213306/
Wednesday, January 30, 13
8. After The Browser Wars
W3C starts to work on
XHTML, MathML, SVG
and others XML based
technologies
HTML is considered
“finished”
Wednesday, January 30, 13
9. HTML4
Suitable for web sites, not
web applications
Wednesday, January 30, 13
10. 2004 WHATWG
The Web Hypetertext Application Technology
Working Group came to life in 2004 to bring life
into HTML
It was founded by Apple, Mozilla and Opera
Published a proposal for Web Applications 1.0
spec, which has later evolved into HTML5
Wednesday, January 30, 13
11. 2009 HTML5
No more XHTML
Many new elements
Web Application Oriented
Wednesday, January 30, 13
12. State of HTML5
Still In Draft
Candidate Recommendations stage during 2012
W3C Recommendation deadline: 2022
However, many parts of the recommendations are
fully functional today
Wednesday, January 30, 13
13. Web Tech History
1991 HTML 1999 HTML4
1995 HTML2 2000 XHTML1
1996 CSS1 + 2002 Tableless Web
JavaScript Design
1997 HTML3.2 2005 Ajax
1998 CSS2 2009 HTML5
Wednesday, January 30, 13
15. Paving The Cow Path
The WHATWG took the time to understand what
everyone does, analyzed good practices and
standardized them
This leads to evolution and not revolution
Wednesday, January 30, 13
16. Utility Over Purity
HTML5 is overwhelmingly practical, allowing
many code that used to be invalid and making
developers lives easier
Less code, less headaches, more fun.
Wednesday, January 30, 13
17. Content & Presentation
HTML5 deprecates many old presentational
elements in favor of CSS.
Enhancements in CSS3 selectors enable better
separation between content and presentation
Wednesday, January 30, 13
18. Plugin Free Paradigm
Provide native APIs for everything that used to
required a proprietary plugin
Flash is no longer mandatory
Wednesday, January 30, 13
19. HTML5 Vision
Paving The Cow Path
Utility over Purity
Separation of Content and Presentation
Plugin Free
Wednesday, January 30, 13
20. Q&A
http://www.flickr.com/photos/92163630@N00/95509221/
Wednesday, January 30, 13
22. Doctype
Remove old clutter from the doctype declaration
For an HTML5 page, use:
<!DOCTYPE html>
MIME Type: text/html
Wednesday, January 30, 13
23. Character Encoding
Remove old clutter from encoding definitions
Use:
<meta charset=”UTF-8”>
Note no need to close meta tags
Can also use the old syntax
Wednesday, January 30, 13
24. Tag Fun
No need to close void elements
both <br /> and <br> are valid
HTML Validator:
http://validator.w3.org/
Wednesday, January 30, 13
25. HTML5 New Features
New Syntactic Elements
New Semantic Elements
New APIs
Wednesday, January 30, 13
26. HTML5 Semantics
WHATWG analyzed and learned the uses of <div>
elements in many web sites
They have found a few common usages
HTML5 includes specialized elements for these
common usages
Can still use a <div>
Wednesday, January 30, 13
27. Semantic Elements
header: header content
footer: footer content
section: a section of articles
article: articles are arranged inside sections
aside: related content
nav: navigational element
Wednesday, January 30, 13
28. New APIs
Web Storage Geolocation
Web SQL Device Orientation
Application Cache Forms
Web Workers Audio & Video
Web Sockets Canvas
Desktop Notifications Web GL
Drag & Drop History API
File System API And More...
Wednesday, January 30, 13
29. HTML
Polyfills
Replacement library for
older browsers
Make a smooth switch to
HTML5
http://www.flickr.com/photos/tuba/2424237036/
Wednesday, January 30, 13
30. HTML5 Tools
HTML5 Boilerplate. A base HTML5 template with
backward compatibility and feature detection
Modernizr. A feature detection js library
Polyfills:
https://github.com/Modernizr/Modernizr/wiki/
HTML5-Cross-browser-Polyfills
Wednesday, January 30, 13
31. Demo: HTML
Boilerplate
Page Structure
Best practices
Feature Detection
Wednesday, January 30, 13
32. HTML5 IDEs
WebStorm
Komodo Edit
Eclipse / Visual Studio
gVim
Aptana Studio
Wednesday, January 30, 13
33. HTML5 Lab
Build a home page for your resume in HTML5 with
no styling
Describe your job history, hobbies and education
Use the boilerplate and semantic elements
Bonus: Add some CSS Styling
Wednesday, January 30, 13