Mobile Apps with jquery Mobile. Kai Tödter Siemens Building Technologies
|
|
|
- Caroline Stafford
- 6 years ago
- Views:
Transcription
1 Mobile Apps with jquery Mobile Kai Tödter Siemens Building Technologies
2 Who am I? Senior Software System Architect at Siemens Building Technologies Eclipse expert and OSGi enthusiast Web Technology expert Committer at several OSS projects Twitter: twitter.com/kaitoedter Google+: gplus.to/toedter Blog: toedter.com/blog 1/13/2014 Kai Tödter and others, Licensed under Creative Commons Attribution-Noncommercial-No Derivative Works 3.0 Germany License. 2
3 Show Hands! Picture by lusi, 1/13/2014 Kai Tödter and others, Licensed under Creative Commons Attribution-Noncommercial-No Derivative Works 3.0 Germany License. 3
4 Why jquery Mobile? Picture by beermug 1/13/2014 Kai Tödter and others, Licensed under Creative Commons Attribution-Noncommercial-No Derivative Works 3.0 Germany License. 4
5 After this session I ll get an Idea! Picture by beermug 1/13/2014 Kai Tödter and others, Licensed under Creative Commons Attribution-Noncommercial-No Derivative Works 3.0 Germany License. 5
6 Outline jquery Mobile Introduction Showcases + Live Demo Discussion and questions 1/13/2014 Kai Tödter and others, Licensed under Creative Commons Attribution-Noncommercial-No Derivative Works 3.0 Germany License. 6
7 Key Features Supports almost all devices that provide a Web Browser Mobile First approach, but works also great on Desktop! HTML Progressive Enhancement Responsive Design Common UI Widget Set, optimized for Touch Great Theming Capabilities 1/13/2014 Kai Tödter and others, Licensed under Creative Commons Attribution-Noncommercial-No Derivative Works 3.0 Germany License. 7
8 Rock Solid Foundation Picture by satty4u, 1/13/2014 Kai Tödter and others, Licensed under Creative Commons Attribution-Noncommercial-No Derivative Works 3.0 Germany License. 8
9 Excellent Documentation Picture by Egilshay 1/13/2014 Kai Tödter and others, Licensed under Creative Commons Attribution-Noncommercial-No Derivative Works 3.0 Germany License. 9
10 jquery Mobile API Online Doc 1/13/2014 Kai Tödter and others, Licensed under Creative Commons Attribution-Noncommercial-No Derivative Works 3.0 Germany License. 10
11 jquery Mobile API Online Demos 1/13/2014 Kai Tödter and others, Licensed under Creative Commons Attribution-Noncommercial-No Derivative Works 3.0 Germany License. 11
12 HTML Page Structure <!DOCTYPE html> <html> <head> <title>my Page</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="jquery.mobile.min.css" /> <script src="jquery.min.js"></script> <script src="jquery.mobile.min.js"></script> </head> <body> </body> </html> 1/13/2014 Kai Tödter and others, Licensed under Creative Commons Attribution-Noncommercial-No Derivative Works 3.0 Germany License. 12
13 Play a Role! Picture by miamiamia, 1/13/2014 Kai Tödter and others, Licensed under Creative Commons Attribution-Noncommercial-No Derivative Works 3.0 Germany License. 13
14 data-role <div data-role="page" > <div data-role="header" > <h1>my Header</h1> </div> <div data-role="content" > <p>my Content</p> </div> <div data-role="footer" data-position="fixed"> <h4>my Footer</h4> </div> </div> 1/13/2014 Kai Tödter and others, Licensed under Creative Commons Attribution-Noncommercial-No Derivative Works 3.0 Germany License. 14
15 Hello jquery Mobile! 1/13/2014 Kai Tödter and others, Licensed under Creative Commons Attribution-Noncommercial-No Derivative Works 3.0 Germany License. 15
16 Multi Page <body> <div data-role="page" id="foo"> <div data-role="content"> <p>view internal page called <a href="#bar">bar</a></p> </div> </div> <div data-role="page" id="bar"> <div data-role="content"> <p><a href="#foo">back to foo</a></p> </div> </div> </body> 1/13/2014 Kai Tödter and others, Licensed under Creative Commons Attribution-Noncommercial-No Derivative Works 3.0 Germany License. 16
17 Widgets, Lots of Widgets 1/13/2014 Kai Tödter and others, Licensed under Creative Commons Attribution-Noncommercial-No Derivative Works 3.0 Germany License. 17
18 List View Examples 1/13/2014 Kai Tödter and others, Licensed under Creative Commons Attribution-Noncommercial-No Derivative Works 3.0 Germany License. 18
19 List View <ul data-role="listview"> <li><a href="acura.html">acura</a></li> <li><a href="audi.html">audi</a></li> <li><a href="bmw.html">bmw</a></li> </ul> 1/13/2014 Kai Tödter and others, Licensed under Creative Commons Attribution-Noncommercial-No Derivative Works 3.0 Germany License. 19
20 Theming Picture from 1/13/2014 Kai Tödter and others, Licensed under Creative Commons Attribution-Noncommercial-No Derivative Works 3.0 Germany License. 20
21 1/13/2014 Kai Tödter and others, Licensed under Creative Commons Attribution-Noncommercial-No Derivative Works 3.0 Germany License. 21
22 1/13/2014 Kai Tödter and others, Licensed under Creative Commons Attribution-Noncommercial-No Derivative Works 3.0 Germany License. 22
23 Plugins Picture by klsa12, 1/13/2014 Kai Tödter and others, Licensed under Creative Commons Attribution-Noncommercial-No Derivative Works 3.0 Germany License. 23
24 jquery Mobile Plugins (1) 1/13/2014 Kai Tödter and others, Licensed under Creative Commons Attribution-Noncommercial-No Derivative Works 3.0 Germany License. 24
25 jquery Mobile Plugins (2) 1/13/2014 Kai Tödter and others, Licensed under Creative Commons Attribution-Noncommercial-No Derivative Works 3.0 Germany License. 25
26 jquery Mobile + HTML 5 Canvas 1/13/2014 Kai Tödter and others, Licensed under Creative Commons Attribution-Noncommercial-No Derivative Works 3.0 Germany License. 26
27 Download Builder 1/13/2014 Kai Tödter and others, Licensed under Creative Commons Attribution-Noncommercial-No Derivative Works 3.0 Germany License. 27
28 Roadmap Picture by fcl /13/2014 Kai Tödter and others, Licensed under Creative Commons Attribution-Noncommercial-No Derivative Works 3.0 Germany License. 28
29 Demo 1/13/2014 Kai Tödter and others, Licensed under Creative Commons Attribution-Noncommercial-No Derivative Works 3.0 Germany License. 29
30 Live Demos Picture by flaivoloka 1/13/2014 Kai Tödter and others, Licensed under Creative Commons Attribution-Noncommercial-No Derivative Works 3.0 Germany License. 30
31 Picture from 1/13/2014 Kai Tödter and others, Licensed under Creative Commons Attribution-Noncommercial-No Derivative Works 3.0 Germany License. 31
32 License & Acknowledgements This work is licensed under the Creative Commons Attribution-Noncommercial-No Derivative Works 3.0 Germany License See Thanks to Heiko Behrens for his great Device Screenshot Tools Thanks to Gerrit Grunwald for his great steelseries, 1/13/2014 Kai Tödter and others, Licensed under Creative Commons Attribution-Noncommercial-No Derivative Works 3.0 Germany License. 32
33 Picture Index Many thanks to the authors of the following pictures: Slide Application Model : Slide Rendering : Slide UI Styling : Slide Discussion : Slide Excellent Documentation : Slide Show Hands : Slide Why : Slide After the session : 1/13/2014 Kai Tödter and others, Licensed under Creative Commons Attribution-Noncommercial-No Derivative Works 3.0 Germany License. 33
Chapter 16 Mobile Web Page
Sungkyunkwan University Chapter 16 Mobile Web Page Prepared by J. Jung and H. Choo Web Programming Copyright 2000-2018 Networking 2000-2012 Networking Laboratory Laboratory 1/26 Native App vs. Mobile Web
Introduc6on to Android / ios Apps Programming
2013-10- 03 Tamkang University Social Media Apps Programming Introduc6on to Android / ios Apps Programming 1021SMAP02 TLMXM1A (8687) (M2143) (Fall 2013) (MIS MBA) (2 Credits, Elec9ve) [Full English Course]
1061SMAP12 TLMXM1A (8648) (M2143) (Fall 2017) (MIS MBA) (2 Credits, Elective) [Full English Course] Fri 8,9 (15:10-17:00) B206
![1061SMAP12 TLMXM1A (8648) (M2143) (Fall 2017) (MIS MBA) (2 Credits, Elective) [Full English Course] Fri 8,9 (15:10-17:00) B206](/thumbs/87/95366062.jpg "1061SMAP12 TLMXM1A (8648) (M2143) (Fall 2017) (MIS MBA) (2 Credits, Elective) [Full English Course] Fri 8,9 (15:10-17:00) B206")
Tamkang University Social Media Apps Programming Google Map API 1061SMAP12 TLMXM1A (8648) (M2143) (Fall 2017) (MIS MBA) (2 Credits, Elective) [Full English Course] Fri 8,9 (15:10-17:00) B206 Min-Yuh Day,
Mobile Web Development
Mobile Web Development By Phil Huhn 2013-04-30 2013 Northern Software Group Agenda Web-site issues for mobile devices Responsive Design Media Queries Twitter Bootstrap As-is (themes) less variables.less
Building and packaging mobile apps in Dreamweaver CC
Building and packaging mobile apps in Dreamweaver CC Requirements Prerequisite knowledge Previous experience with Dreamweaver, jquery Mobile, and PhoneGap will help you make the most of this tutorial.
Cordova - Guide - App Development - Basics
Cordova - Guide - App Development - Basics Dr Nick Hayward A brief overview and introduction to Apache Cordova application development and design. Contents intro Cordova CLI - build initial project Cordova
jquery Mobile Web Development Essentials
jquery Mobile Web Development Essentials Raymond Camden Andy Matthews Chapter No. 5 "Getting Practical Building a Simple Hotel Mobile Site" In this package, you will find: A Biography of the authors of
Intro, Version Control, HTML5. CS147L Lecture 1 Mike Krieger
Intro, Version Control, HTML5 CS147L Lecture 1 Mike Krieger Hello! - A little about me. Hello! - And a little bit about you? By the end of today - Know what this lab will & won t teach you - Have checked
Session 5. Web Page Generation. Reading & Reference
Session 5 Web Page Generation 1 Reading Reading & Reference https://en.wikipedia.org/wiki/responsive_web_design https://www.w3schools.com/css/css_rwd_viewport.asp https://en.wikipedia.org/wiki/web_template_system
Min-Yuh Day, Ph.D. Assistant Professor Department of Informa9on Management Tamkang University
Tamkang University Social Media Apps Programming Google App Engine and Google Map API 1041SMAP11 TLMXM1A (8687) (M2143) (Fall 2015) (MIS MBA) (2 Credits, Elec9ve) [Full English Course] Wed 9,10 (16:10-18:00)
Developing Rich Clients with Eclipse 4.x RCP
Developing Rich Clients with Eclipse 4.x RCP Kai Tödter, Siemens AG Tom Schindl, BestSolution.at 3/20/2011 Kai Tödter and others, Licensed under Creative Commons Attribution-Noncommercial-No Derivative
src1-malan/ajax/ajax1.html ajax1.html Gets stock quote from quote1.php via Ajax, displaying result with alert().
src1-malan/ajax/ajaxhtml 1 1 1 1 1 2 2 2 2 2 2 2 2 30. 3 3 3 3 3 3 3 3 3 40. 4 4 4 4 4 4 4 4 ajaxhtml Gets stock quote from quotephp via Ajax, displaying result with alert(). Building Mobile Applications
Designing Responsive Web Mobile Mapping Applications. Andy
Designing Responsive Web Mobile Mapping Applications Andy Gup, @agup Reponsive Libraries And User Interface Frameworks Web Mobile Design Key Considerations Mobile Devices Are different Physical device
appendix Introduction to Foundation, the front-end framework
APPENDIX B appendix Introduction to Foundation, the front-end framework When prototyping responsive websites, building quickly is key. They don t call it rapid prototyping for nothing. Using a front-end
Mobile Development June 2015, TEIATH, Greece
Mobile Development June 2015, TEIATH, Greece Presentation Overview 1. Introduction 2. Mobile Application Development 3. Cordova / Phonegap 4. Development Framework 5. Examples 1. INTRODUCTION Introduction
CREATING A MOBILE APPLICATION USING ECLIPSE WITH MOSYNC SOFTWARE DEVELOPMENT KIT
CREATING A MOBILE APPLICATION USING ECLIPSE WITH MOSYNC SOFTWARE DEVELOPMENT KIT Vitaly Vinnikov Bachelor s Thesis School of Business and Culture Degree Programme in Business Information Technology Bachelor
Lab 1: Introducing HTML5 and CSS3
CS220 Human- Computer Interaction Spring 2015 Lab 1: Introducing HTML5 and CSS3 In this lab we will cover some basic HTML5 and CSS, as well as ways to make your web app look and feel like a native app.
Oracle Utilities Customer Self Service
Oracle Utilities Customer Self Service Whitepaper: Creating and Deploying the Sample Mobile Client Application Release 2.1.0 Service Pack 1 E38172-05 June 2014 Oracle Utilities Customer Self Service Whitepaper:
Purpose of this doc. Most minimal. Start building your own portfolio page!
Purpose of this doc There are abundant online web editing tools, such as wordpress, squarespace, etc. This document is not meant to be a web editing tutorial. This simply just shows some minimal knowledge
Markup Language. Made up of elements Elements create a document tree
Patrick Behr Markup Language HTML is a markup language HTML markup instructs browsers how to display the content Provides structure and meaning to the content Does not (should not) describe how
UX/UI Controller Component
http://www.egovframe.go.kr/wiki/doku.php?id=egovframework:mrte:ux_ui:ux_ui_controller_component_3.5 UX/UI Controller Component Outline egovframework offers the user an experience to enjoy one of the most
Static Webpage Development
Dear Student, Based upon your enquiry we are pleased to send you the course curriculum for PHP Given below is the brief description for the course you are looking for: - Static Webpage Development Introduction
React(.js) the Domino Way High-Performance Client for Domino. Knut Herrmann
React(.js) the Domino Way High-Performance Client for Domino Knut Herrmann CollabSphere 2018 Sponsors Knut Herrmann Senior Software Architect Leonso GmbH Notes Domino developer since version 2 Web application
WEBSI TE DESIGNING TRAINING
WEBSI TE DESIGNING TRAINING WHAT IS WEB DESIGN? We b s ite design m e a n s p l a n n i n g, c r e a t i o n and u p d a t i n g of websites. We bsite design also involves i n f o r m a t i o n a rchitecture,
FlexJS. OmPrakash Apache Flex PMC Member Advisory Software Engineer, IBM
FlexJS OmPrakash Muppirala @bigosmallm bigosmallm@apache.org Apache Flex PMC Member Advisory Software Engineer, IBM Who am I? Advisory Software Engineer at IBM Apache Flex Committer and PMC Member UI Architect
Your departmental website
Your departmental website How to create an online presence, with pictures 7 September, 2016 Jānis Lazovskis Slides available online at math.uic.edu/~jlv/webtalk Things to keep in mind There are many ways
Stamp Builder. Documentation. v1.0.0
Stamp Email Builder Documentation http://getemailbuilder.com v1.0.0 THANK YOU FOR PURCHASING OUR EMAIL EDITOR! This documentation covers all main features of the STAMP Self-hosted email editor. If you
All India Council For Research & Training
WEB DEVELOPMENT & DESIGNING Are you looking for a master program in web that covers everything related to web? Then yes! You have landed up on the right page. Web Master Course is an advanced web designing,
How APEXBlogs was built
How APEXBlogs was built By Dimitri Gielis, APEX Evangelists Copyright 2011 Apex Evangelists apex-evangelists.com How APEXBlogs was built By Dimitri Gielis This article describes how and why APEXBlogs was
Force.com Mobile Web with Sencha Touch
Force.com Mobile Web with Sencha Touch Don Robins Outformations, Inc. www.forcementor.com www.outformations.com Who Am I? 1. Technical Instructor (since 2009) 2. Developer (since 1984) 3. Community Activist
Eclipse 4.0. Jochen Krause EclipseSource
Eclipse 4.0 Jochen Krause jkrause@eclipsesource.com EclipseSource based on EclipseCon 2008 talk by Mike Wilson, Jochen Krause, Jeff McAffer, Steve Northover 2008 EclipseSource December 2008 e4 adapting
AD406: What s New in Digital Experience Development with IBM Web Experience Factory
AD406: What s New in Digital Experience Development with IBM Web Experience Factory Jonathan Booth, Senior Architect, Digital Experience Tooling, IBM Adam Ginsburg, Product Manager, Digital Experience
1 Copyright 2013, Oracle and/or its affiliates. All rights reserved.
1 Copyright 2013, Oracle and/or its affiliates. All rights Creating Custom PDF reports with APEX 4.2.2 Marc Sewtz Senior Software Development Manager Oracle USA Inc. New York, NY 2 Copyright 2013, Oracle
Oracle APEX 18.1 New Features
Oracle APEX 18.1 New Features May, 2018 Safe Harbor Statement The following is intended to outline our general product direction. It is intended for information purposes only, and may not be incorporated
Mobile Applications 2013/2014
Mobile Applications 2013/2014 Mike Taylor Product Manager February 6, 2015 Advanced Development Technology Agenda Devices App Types Test/Deploy Summary Devices Mobile (Feature) Phones Windows version 5/6
Multimedia Systems and Technologies Lab class 6 HTML 5 + CSS 3
Multimedia Systems and Technologies Lab class 6 HTML 5 + CSS 3 Instructions to use the laboratory computers (room B2): 1. If the computer is off, start it with Windows (all computers have a Linux-Windows
Front-End UI: Bootstrap
Responsive Web Design BootStrap Front-End UI: Bootstrap Responsive Design and Grid System Imran Ihsan Assistant Professor, Department of Computer Science Air University, Islamabad, Pakistan www.imranihsan.com
HTML & CSS November 19, 2014
University of Nebraska - Lincoln DigitalCommons@University of Nebraska - Lincoln Digital Humanities Workshop Series Center for Digital Research in the Humanities 11-19-2014 HTML & CSS November 19, 2014
The Structure of the Web. Jim and Matthew
The Structure of the Web Jim and Matthew Workshop Structure 1. 2. 3. 4. 5. 6. 7. What is a browser? HTML CSS Javascript LUNCH Clients and Servers (creating a live website) Build your Own Website Workshop
HOW TO USE WORDPRESS TO BUILD A WEBSITE A STEP-BY-STEP GUIDE
HOW TO USE WORDPRESS TO BUILD A WEBSITE A STEP-BY-STEP GUIDE YOUR WEBSITE How to login Go to your website and add /wp-admin: www.palondoncourse.co.uk/xxxxxxxxx/wp-admin This will bring up the login screen.
Jquery Documentation Autocomplete
Jquery Documentation Autocomplete 1 / 6 2 / 6 3 / 6 Jquery Documentation Autocomplete Theming. The autocomplete widget uses the jquery UI CSS framework to style its look and feel. If autocomplete specific
Web Premium- Advanced UI Development Course. Duration: 08 Months. [Classroom and Online] ISO 9001:2015 CERTIFIED
![Web Premium- Advanced UI Development Course. Duration: 08 Months. [Classroom and Online] ISO 9001:2015 CERTIFIED](/thumbs/79/79546421.jpg "Web Premium- Advanced UI Development Course. Duration: 08 Months. [Classroom and Online] ISO 9001:2015 CERTIFIED")
Weekdays:- 1½ hrs / 3 days Fastrack:- 1½hrs / Day [Classroom and Online] ISO 9001:2015 CERTIFIED ADMEC Multimedia Institute www.admecindia.co.in +91-9911782350, +91-9811818122 ADMEC is one of the best
Quick.JS Documentation
Quick.JS Documentation Release v0.6.1-beta Michael Krause Jul 22, 2017 Contents 1 Installing and Setting Up 1 1.1 Installation................................................ 1 1.2 Setup...................................................
Getting Started with
Getting Started with Meganadha Reddy K. Technical Trainer NetCom Learning www.netcomlearning.com Agenda How websites work Introduction to JavaScript JavaScript Frameworks Getting Started : Angular JS Q&A
BindTuning Installations Instructions, Setup Guide. Invent Setup Guide
BindTuning Installations Instructions, Setup Guide Invent Setup Guide This documentation was developed by, and is property of Bind Lda, Portugal. As with any software product that constantly evolves, our
BA. (Hons) Graphics Design
BA. (Hons) Graphics Design Cohort: BGD/16A/FT Examinations for 2018 / Semester 1 Resit Examinations for BGD/15B/FT MODULE: Advanced Web Design MODULE CODE: WAT3110C Duration: 2 Hours Instructions to Candidates:
Basics of Web Technologies
Dear Student, Based upon your enquiry we are pleased to send you the course curriculum for Web Designing Given below is the brief description for the course you are looking for: Introduction to Web Technologies
Web Development for Dinosaurs An Introduction to Modern Web Development
Web Development for Dinosaurs An Introduction to Modern Web Development 1 / 53 Who Am I? John Cleaver Development Team Lead at Factivity, Inc. An Introduction to Modern Web Development - PUG Challenge
Introduction to WEB PROGRAMMING
Introduction to WEB PROGRAMMING Web Languages: Overview HTML CSS JavaScript content structure look & feel transitions/animation s (CSS3) interaction animation server communication Full-Stack Web Frameworks
Responsive Web Design and Bootstrap MIS Konstantin Bauman. Department of MIS Fox School of Business Temple University
Responsive Web Design and Bootstrap MIS 2402 Konstantin Bauman Department of MIS Fox School of Business Temple University Exam 3 (FINAL) Date: 12/06/18 four weeks from now! JavaScript, jquery, Bootstrap,
ICENIUM Hands On Lab. Hybrid Mobile Application Development with Telerik s Icenium & Kendo UI Mobile
ICENIUM Hands On Lab Hybrid Mobile Application Development with Telerik s Icenium & Kendo UI Mobile Version Information: Version No. Release Date Author(s) Reviewer(s) 1.0 Jan 28 th 2013 Dhananjay Kumar
JavaScript Fundamentals_
JavaScript Fundamentals_ HackerYou Course Syllabus CLASS 1 Intro to JavaScript Welcome to JavaScript Fundamentals! Today we ll go over what programming languages are, JavaScript syntax, variables, and
eclipse rich ajax platform (rap)
eclipse rich ajax platform (rap) winner Jochen Krause CEO Innoopract Member of the Board of Directors Eclipse Foundation jkrause@innoopract.com GmbH outline rich ajax platform project status and background
Web AppBuilder Presented by
Web AppBuilder Presented by Agenda Product overview Web AppBuilder for ArcGIS tour What s new in the ArcGIS Online June 2016 update Customization Community and Resources Summary The ArcGIS Platform enables
Overview
HTML4 & HTML5 Overview Basic Tags Elements Attributes Formatting Phrase Tags Meta Tags Comments Examples / Demos : Text Examples Headings Examples Links Examples Images Examples Lists Examples Tables Examples
PhoneGap Cross the Gap from HTML5 to Mobile OSCON Paul Beusterien July 19, 2012
PhoneGap Cross the Gap from HTML5 to Mobile OSCON 2012 Paul Beusterien July 19, 2012 Today's Talk Why Web Development for Mobile? Why PhoneGap? What is PhoneGap? Technology Map Slides at http://goo.gl/uf625
~Arwa Theme~ HTML5 & CSS3 Theme. By ActiveAxon
~Arwa Theme~ HTML5 & CSS3 Theme By ActiveAxon Thank you for purchasing our theme. If you have any questions that are beyond the scope of this help file, please feel free to email us via our user page contact
Web Development and HTML. Shan-Hung Wu CS, NTHU
Web Development and HTML Shan-Hung Wu CS, NTHU Outline How does Internet Work? Web Development HTML Block vs. Inline elements Lists Links and Attributes Tables Forms 2 Outline How does Internet Work? Web
HTML5 and CSS3: New Markup & Styles for the Emerging Web. Jason Clark Head of Digital Access & Web Services Montana State University Library
HTML5 and CSS3: New Markup & Styles for the Emerging Web Jason Clark Head of Digital Access & Web Services Montana State University Library Overview Revolution or Evolution? New Features and Functions
Kai Tödter Siemens Corporate Technology
Kai Tödter Siemens Corporate Technology Objectives of e4 e4 Workbench Model Models & Rendering Other UI Models Services CSS Styling Demo Discussion 2 Making it easier to write plug-ins Allowing better
Building OSM based web app from scratch
Building OSM based web app from scratch How to find the way through the open source jungle? Nils Vierus, Berlin osm-maps.eu What is my technical background? First programming language: ALGOL 60 (late 70
jquery & Responsive Web Design w/ Dave #jqsummit #rwd
jquery & Responsive Web Design w/ Dave Rupert @davatron5000 #jqsummit #rwd I work at Paravel. http://paravelinc.com && @paravelinc I host the ATX Web Show. http://atxwebshow.com && @atxwebshow I make tiny
Corporate Profile. Beyond Vision. Consulting Integration & Development
Corporate Profile Beyond Consulting Integration & Development Contents Company Profile Wordpress Services Our Team Wordpress Portfolio Technologies Skill Set Work Timings Contact Info 1 2 3 4 5 6 6 Company
IBM JZOS Meets Web 2.0
IBM JZOS Meets Web 2.0 Tuesday, August 3 rd 2010 Session 7637 Steve Goetze Kirk Wolf http://dovetail.com info@dovetail.com Copyright 2010, Dovetailed Technologies Abstract The development and deployment
AP CS P. Unit 2. Introduction to HTML and CSS
AP CS P. Unit 2. Introduction to HTML and CSS HTML (Hyper-Text Markup Language) uses a special set of instructions to define the structure and layout of a web document and specify how the document should
8/19/2018. Web Development & Design Foundations with HTML5. Learning Objectives (1 of 2) Learning Objectives (2 of 2) Helper Applications & Plug-Ins
Web Development & Design Foundations with HTML5 Ninth Edition Chapter 11 Web Multimedia and Interactivity Slides in this presentation contain hyperlinks. JAWS users should be able to get a list of links
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.3/css/materialize.min.css">
About the Tutorial Materialize is a UI component library created with CSS, JavaScript, and HTML. Materialize UI components help in constructing attractive, consistent, and functional web pages and web
Hyper Text Markup Language
Hyper Text Markup Language HTML is a markup language. It tells your browser how to structure the webpage. HTML consists of a series of elements, which you use to enclose, or mark up different parts of
WEBSITE INSTRUCTIONS
Table of Contents WEBSITE INSTRUCTIONS 1. How to edit your website 2. Kigo Plugin 2.1. Initial Setup 2.2. Data sync 2.3. General 2.4. Property & Search Settings 2.5. Slideshow 2.6. Take me live 2.7. Advanced
web-sockets-homework Directions
web-sockets-homework Directions For this homework, you are asked to use socket.io, and any other library of your choice, to make two web pages. The assignment is to create a simple box score of a football
WEB TECHNOLOGY TUTORIAL SESSION #5 FOR WE CREATE IDENTITY. Module 1 - We Create Identity
WEB TECHNOLOGY TUTORIAL SESSION #5 FOR WE CREATE IDENTITY Module 1 - We Create Identity WEB TECHNOLOGY CONTENT OF THIS LECTURE Usability More on jquery Integrate: Social media, image viewer, slideshow
Liferay Digital Experience Platform. New Features Summary
Liferay Digital Experience Platform New Features Summary Liferay has redesigned its platform with new functionality in Liferay Digital Experience Platform (DXP). The following is a summary of the key new
Web Technology for Test and Automation Applications
Web Technology for Test and Automation Applications Fanie Coetzer - FSE Demo Operator Technician Engineers Your boss Test Sequencer 3 Goal I know nothing I know what it takes to get started on web applications
Tools for Mobile Web Eclipse Day Paul Beusterien Symbian Foundation August 26, 2010
Tools for Mobile Web Eclipse Day 2010 Paul Beusterien Symbian Foundation August 26, 2010 Tools for Mobile Web Agenda Why TMW? What does TMW do? How is TMW made? Demo Future Directions Copyright 2010 Symbian
Keni Ren Lab for wtfi-17 Play with WordPress
Lab for wtfi-17 Play with WordPress Objective In this lab you will build a website using Content Management System (CMS). After the lab you should be able to use WordPress as CMS to easily create and maintain
Adaptations by PVII responsive and then creates your page instantly Al Sparber & Gerry Jacobsen PVII
Adaptations by PVII is a Dreamweaver extension that allows you to select from 5 unique responsive layouts and then creates your page instantly. We hope you enjoy using this product as much as we did making
lecture1/html/cs164/css/index.html index.html David J. Malan A homepage for the course that mimics ios's UI. 11. <!DOCTYPE html> 13.
lecture1/html/cs164/css/index.html 1 1 1 1 1 1 1 1 1 20. 2 2 2 2 2 2 2
CSCI 1320 Creating Modern Web Applications. Content Management Systems
CSCI 1320 Creating Modern Web Applications Content Management Systems Brown CS Website 2 Static Brown CS Website Up since 1994 5.9 M files (inodes) 1.6 TB of filesystem space 3 Static HTML Generators Convert
Cross-Platform Mobile Application Development
Cross-Platform Mobile Application Development Anirudh Nagesh, MS Student School of Information Studies, Syracuse University anagesh@syr.edu Carlos E. Caicedo, Assistant Professor School of Information
NetAdvantage for jquery SR Release Notes
NetAdvantage for jquery 2012.1 SR Release Notes Create the best Web experiences in browsers and devices with our user interface controls designed expressly for jquery, ASP.NET MVC, HTML 5 and CSS 3. You
RAP (The Rich Ajax Platform)
RAP (The Rich Ajax Platform) Eclipse Banking Day New York Jochen Krause RAP Project lead jkrause@eclipsesource.com 2008 EclipseSource December 2008 RAP enables building modular applications for web and
Introduction to HTML
Introduction to HTML What is HTML? HTML is the standard markup language for creating Web pages. HTML stands for Hyper Text Markup Language HTML describes the structure of Web pages using markup HTML elements
django-amp-tools Documentation Release latest
django-amp-tools Documentation Release latest February 07, 2017 Contents 1 Installation 3 2 Usage 5 2.1 Usage app................................................ 5 3 Contributing 9 4 Source code and contacts
Web App Builder: Code-free Development. Adam Ziegler, Esri-Northeast, Local Government Team
Web App Builder: Code-free Development Adam Ziegler, aziegler@esri.com Esri-Northeast, Local Government Team Agenda Product overview Web AppBuilder for ArcGIS tour Adding Custom Widgets Community and Resources
KonaKart Shopping Widgets. 3rd January DS Data Systems (UK) Ltd., 9 Little Meadow Loughton, Milton Keynes Bucks MK5 8EH UK
KonaKart Shopping Widgets 3rd January 2018 DS Data Systems (UK) Ltd., 9 Little Meadow Loughton, Milton Keynes Bucks MK5 8EH UK Introduction KonaKart ( www.konakart.com ) is a Java based ecommerce platform
for Lukas Renggli ESUG 2009, Brest
for Lukas Renggli ESUG 2009, Brest John Resig, jquery.com Lightweight, fast and concise - Document traversing - Event Handling - AJAX Interaction - Animating High-level, themeable widgets on top of JQuery.
Full Stack Web Developer
Full Stack Web Developer Course Contents: Introduction to Web Development HTML5 and CSS3 Introduction to HTML5 Why HTML5 Benefits Of HTML5 over HTML HTML 5 for Making Dynamic Page HTML5 for making Graphics
JSN Ultranet Customization Manual Before We Start
JSN Ultranet Customization Manual Before We Start First thing we would like to say is this guide is not intended to cover everything you might want to customize in the template. Here we disclose only the
Eclipse Scout. Release Notes. Scout Team. Version 7.0
Eclipse Scout Release Notes Scout Team Version 7.0 Table of Contents About This Release.......................................................................... 1 Service Releases..........................................................................
Week 8 Google Maps. This week you ll learn how to embed a Google Map into a web page and add custom markers with custom labels.
Introduction Hopefully by now you ll have seen the possibilities that jquery provides for rich content on web sites in the form of interaction and media playback. This week we ll be extending this into
HTML5: Adding Style. Styling Differences. HTML5: Adding Style Nancy Gill
HTML5: Adding Style In part 2 of a look at HTML5, Nancy will show you how to add CSS to the previously unstyled document from part 1 and why there are some differences you need to watch out for. In this
Varargs Training & Software Development Centre Private Limited, Module: HTML5, CSS3 & JavaScript
PHP Curriculum Module: HTML5, CSS3 & JavaScript Introduction to the Web o Explain the evolution of HTML o Explain the page structure used by HTML o List the drawbacks in HTML 4 and XHTML o List the new
Paul Withers Intec Systems Ltd By Kind Permission of Matt White and Tim Clark
XPages Blast Paul Withers Intec Systems Ltd By Kind Permission of Matt White and Tim Clark Lead Developer at Matt White Creators of IdeaJam and IQJam Creator of XPages101.net Founder member of the LDC
Break out of The Box Integrate existing Domino data with modern websites. Karl-Henry Martinsson, Deep South Insurance
1100 - Break out of The Box Integrate existing Domino data with modern websites Karl-Henry Martinsson, Deep South Insurance 1100 - Break out of The Box Integrate existing Domino data with modern websites
16. HTML5, HTML Graphics, & HTML Media 웹프로그래밍 2016 년 1 학기 충남대학교컴퓨터공학과
16. HTML5, HTML Graphics, & HTML Media 웹프로그래밍 2016 년 1 학기 충남대학교컴퓨터공학과 목차 HTML5 Introduction HTML5 Browser Support HTML5 Semantic Elements HTML5 Canvas HTML5 SVG HTML5 Multimedia 2 HTML5 Introduction What
Web II CE 2413C 01 CE 2414N 01 Fall 2013
Web II CE 2413C 01 CE 2414N 01 Fall 2013 Class Meeting Information Terra 1113 MON SEPTEMBER 30 MON DECEMBER 2, 6 9 PM Instructor Information Name: Email: Charles Dennis instructorchas@gmail.com Charles
A Guide to Using WordPress + RAVEN5. v 1.4 Updated May 25, 2018
+ v 1.4 Updated May 25, 2018 Table of Contents 1. Introduction...................................................................................3 2. Logging In.....................................................................................4
Beginners Guide to. Sencha Touch. Joshua Morony
Beginners Guide to Sencha Touch Joshua Morony Contents Contents 1 Preface.......................... 4 1 Why Sencha Touch? 8 2 Know Your Options 21 3 How Sencha Touch Actually Works 22 4 Setting up Your
When learning coding, be brave
Who am I? Web Technology Overview with a focus on JavaScript-based technologies Lawrence Yao l.yao@unsw.edu.au Lawrence Yao UNSW casual staff Developer Analyst at YTML Consulting Email me if you need technical
Announcements. 1. Class webpage: Have you been reading the announcements? Lecture slides and coding examples will be posted
Announcements 1. Class webpage: Have you been reading the announcements? Lecture slides and coding examples will be posted 2. Install Komodo Edit on your computer right away. 3. Bring laptops to next class