v0.9.3 Tim Neil Director, Application Platform & Tools Product

Size: px
Start display at page:

Download "v0.9.3 Tim Neil Director, Application Platform & Tools Product"

Transcription

1 v0.9.3 Tim Neil Director, Application Platform & Tools Product

2 Framework Goals Incubation project to experiment with HTML5 UI Contribute learning's to jquerymobile, Sencha, Dojo Provides BlackBerry Look and Feel Inline with BlackBerry UX guidelines per OS Developer code re-use between OS versions Screen Management Performance and Memory optimization Open and collaborative 2

3 Philosophy Scales with the platform Both capabilities and resolution/pixel density Dynamic based on capabilities Custom HTML data- attributes Control based layout Off-DOM manipulation Performance Memory Usage 3

4 Current State Now version Supports BlackBerry OS v.5, 6, 7, PlayBook and BlackBerry 10 BlackBerry OS 5 support needs a bit of work Top level OSS project: Still evolving as we continue to experiment 4

5 WebWorks Requirements Java Based Smartphones: BlackBerry WebWorks SDK v2.3.x or higher BlackBerry PlayBook BlackBerry WebWorks SDK v2.2.x or higher BlackBerry 10 BlackBerry 10 WebWorks SDK Include bbui js, bbui css in your App 5

6 Application Structure <html> <head> <link rel= stylesheet type= text/css href= bbui css </link> <script type= text/javascript src= bbui js </script> <script type= text/javascript > bb.init(); </script> </head> <body onload= bb.pushscreen( menu.htm, menu ) > AJAX </body> </html> Menu.htm 6

7 Toolkit Initialization Mandatory initialization using bb.init(myoptions) Should be the first code you run on your main page myoptions = { onbackkey: null, // Custom handler for back key on BlackBerry 5/6/7 smartphones onscreenready: null, // Manipulate your screen before it's inserted into the DOM ondomready: null, // Manipulate your screen after it's inserted into the DOM bb10actionbardark: false, // If set to true, the action bar will use the dark theme bb10controlsdark: false, // If set to true, the controls will use the dark theme bb10listsdark: false, // If set to true, lists will use the dark theme (needs dark background) bb10forplaybook: false, // If set to true, PlayBook will be considered a BB10 device bb10highlightcolor: '#00A8DF // A highlight color to use when a user selects an item } NOTE: Some of these will be changing in v0.9.4 (currently in the next branch) 7

8 Screens Each screen is an individual HTML fragment file data-bb-type= screen Transition effects (not supported on most BBOS phones) fade, slide-left, slide-right, slide-up, slide-down Reversed when screen is popped off the stack Title bar Back button (PlayBook & BB10 only) 8

9 Screen Management App = Single page bbui js/css files loaded once into this single page Screen = HTML fragment Screens loaded via AJAX Screen stack bb.pushscreen( ), bb.popscreen() bbui.js traps HW back key to auto-pop screens on BB5/6/7 bbui.js automatically handles back if you specify a back button on PlayBook or BlackBerry 10 9

10 Screen Events onscreenready Pre-render, pre-css hook, post-js load Assigned once, passed screen element Fires synchronously ondomready Post-render, post-css hook, post-js load Assigned once, passed screen element Fires asynchronously 10

11 bb.init() Example bb.init({onscreenready: function(element, id) { if (id == menu ) { domenuloadingbeforeinsert(element); } }, }); ondomready: function(element, id) { if (id == menu ) { domenuloadingafterinsert(element); } } 11

12 Styling & Scripting Screen specific CSS Inline OR linked (relative to app root) Screen specific JS Unload event fired if you need to do some clean-up bbui automatically handles resolution changes for you Fonts Image scaling in controls/lists 12

13 TrackPad Navigation Mode Built-in support for BB5/6/7 Focus tags added Highlighting Events Styling 13

14 Image Lists Image, Title, Description, Accent Text Optional Headers Support context menus Supported on BB5/6/7/PlayBook/BB10 Placeholder images Text Only mode Image display effects on BB10 14

15 Image Lists Continued Arrow List now integrated into Image Lists Added JavaScript interface Support for title only on a list item Added dual action buttons for image lists Use a secondary (+)(-)(>) button 15

16 BlackBerry 10 Grid Lists Provides layout of image data Declare your items in groups and rows Optional headers for groups 1:1 or 16:9 image formats Sizes images based on number of items per row Optional title overlays Press-and-hold Context Menus 16

17 BlackBerry 10 Context Menu Press and hold context menu Actions to perform on a selection peek() or Show() Peek and then swipe gesture to fully open Grab the currently selected item from the menu Integrated into Image List and Grid List 17

18 BlackBerry 10 Action Bar Buttons and Tabs Provides up to 5 slots for commonly used actions Built in Back button (if no tabs) Action Overflow Menu: More actions button Add secondary actions 18

19 Action Bar & Context Menu Action Bar now supports Tab overflow menus Provide tabs that aren t as important to the user Action overflow menu and context menu now support pinning of an item to the bottom of the list 19

20 BlackBerry 10 Sliders Use a slider to adjust a value between a given range Provide min, max, value and step attributes Trap the onchange event Simply add an HTML5 input of type range into your screen 20

21 BlackBerry 10 Radio Buttons Use radio buttons to give users a choice between a set number of options Group radio buttons by the name attribute Trap the onchange event Simply add an HTML5 input of type radio into your screen 21

22 Dropdowns & Inputs Dropdowns Automatically styled <select> inputs Stretch to their container s width Animated fades/spins Inertial scrolling of items onchange event setselecteditem() function Inputs Automatically styled text <inputs> Styled placeholder-text and outlines BB10 Built in delete button to clear text 22

23 Buttons and Pill Buttons Buttons Set caption Enabled & Disabled states Onclick events Supported on BB6/7/PB/BB10 Pill Buttons Set caption Set currently selected button Onclick events Supported on BB6/7/PB/BB10 23

24 Progress Indicators Show progress of a running action Set the min, max and value Normal and Paused states Simply add an HTML5 progress element to your screen Supported on BB6/7/PlayBook/BB10 24

25 Screen Menus Provides menu items for a screen Displays as a swipe down menu on PlayBook and BB10 Displays as the native BlackBerry menu on BB5/6/7 25

26 BlackBerry 10 CheckBoxes Use checkboxes to give users a choice between multiple options Trap the onchange event Simply add an HTML5 input of type checkbox into your screen 26

27 BlackBerry 10 Toggle Use toggle buttons to give users a choice between two options Provide two words to choose from Trap the onchange event 27

28 BlackBerry 10 Activity Indicators Provide an indicator that your application is processing without a known end point Sizes are large, medium and small 28

29 Scrolling Panels Available for BB10 styling and PlayBook Great for master/detail views on PlayBook Provides a fixed area on the screen where the inner contents are scrolled 29

30 What s Currently Under Development v0.9.4 in the next branch of github.com 30

31 Current & Future Development Bug fixes PlayBook control styling (light & dark themes) More core controls for BlackBerry 10 DateTime picker, Action Bar enhancements More dynamic manipulation of controls Focus order: BB10/PlayBook/BB7/BB6/BB5 Q: How do you help? 31

Mobile Application Development

Mobile Application Development Android Native Application Development Mobile Application Development 1. Android Framework and Android Studio b. Android Software Layers c. Android Libraries d. Components of an Android Application e.

More information

Web Designing Course

Web Designing Course Web Designing Course Course Summary: HTML, CSS, JavaScript, jquery, Bootstrap, GIMP Tool Course Duration: Approx. 30 hrs. Pre-requisites: Familiarity with any of the coding languages like C/C++, Java etc.

More information

Content Elements. Contents. Row

Content Elements. Contents. Row Content Elements Created by Raitis S, last modified on Feb 09, 2016 This is a list of 40+ available content elements that can be placed on the working canvas or inside of the columns. Think of them as

More information

UX/UI Controller Component

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

More information

UI Course HTML: (Html, CSS, JavaScript, JQuery, Bootstrap, AngularJS) Introduction. The World Wide Web (WWW) and history of HTML

UI Course HTML: (Html, CSS, JavaScript, JQuery, Bootstrap, AngularJS) Introduction. The World Wide Web (WWW) and history of HTML UI Course (Html, CSS, JavaScript, JQuery, Bootstrap, AngularJS) HTML: Introduction The World Wide Web (WWW) and history of HTML Hypertext and Hypertext Markup Language Why HTML Prerequisites Objective

More information

Developing Web Applications for Smartphones with IBM WebSphere Portlet Factory 7.0

Developing Web Applications for Smartphones with IBM WebSphere Portlet Factory 7.0 Developing Web Applications for Smartphones with IBM WebSphere Portlet Factory 7.0 WebSphere Portlet Factory Development Team 6 September 2010 Copyright International Business Machines Corporation 2010.

More information

I, J, K. Eclipse, 156

I, J, K. Eclipse, 156 Index A, B Android PhoneGap app, 158 deploying and running, 172 New Eclipse project, 158 Activity dialog, 162 application properties, 160 AVD, 170 configuration, 167 Launcher Icon dialog, 161 PhoneGap

More information

Course 20480: Programming in HTML5 with JavaScript and CSS3

Course 20480: Programming in HTML5 with JavaScript and CSS3 Course 20480: Programming in HTML5 with JavaScript and CSS3 Overview About this course This course provides an introduction to HTML5, CSS3, and JavaScript. This course helps students gain basic HTML5/CSS3/JavaScript

More information

Overview

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

More information

DnnDeveloper Slider Module User Guide

DnnDeveloper Slider Module User Guide DnnDeveloper Slider Module User Guide TABLE OF CONTENTS WHAT IS DOTNETNUKE MODULE... 1 WHO ARE DNNDEVELOPER.IN... 1 SLIDER MODULE... 1 INSTALL DNN MODULE... 2 SETTING/CONFIGURING SLIDER MODULE... 6 1 WHAT

More information

WEB DESIGNING COURSE SYLLABUS

WEB DESIGNING COURSE SYLLABUS F.A. Computer Point #111 First Floor, Mujaddadi Estate/Prince Hotel Building, Opp: Okaz Complex, Mehdipatnam, Hyderabad, INDIA. Ph: +91 801 920 3411, +91 92900 93944 040 6662 6601 Website: www.facomputerpoint.com,

More information

DRESSSHOP RESPONSIVE PRESTASHOP THEME USER GUIDE

DRESSSHOP RESPONSIVE PRESTASHOP THEME USER GUIDE DRESSSHOP RESPONSIVE PRESTASHOP THEME USER GUIDE Version 1.0 Created by: arenathemes Page 1 Contents I. REQUIREMENTS & COMPATIBILITY... 3 II. INSTALLATION... 3 III. CONFIG AFTER INSTALLATION - THEME PACKAGE...

More information

MARKET RESPONSIVE PRESTASHOP THEME USER GUIDE

MARKET RESPONSIVE PRESTASHOP THEME USER GUIDE MARKET RESPONSIVE PRESTASHOP THEME USER GUIDE Version 1.0 Created by: arenathemes Page 1 Contents I. REQUIREMENTS & COMPATIBILITY... 3 II. INSTALLATION... 3 III. CONFIG AFTER INSTALLATION - THEME PACKAGE...

More information

Advanced Development with the ArcGIS API for JavaScript. Jeremy Bartley, Kelly Hutchins, Derek Swingley

Advanced Development with the ArcGIS API for JavaScript. Jeremy Bartley, Kelly Hutchins, Derek Swingley Advanced Development with the ArcGIS API for JavaScript Jeremy Bartley, Kelly Hutchins, Derek Swingley Agenda FeatureLayer esri.request and Identity Manager OO JS Building your first Dijit Popups Working

More information

COURSE 20480B: PROGRAMMING IN HTML5 WITH JAVASCRIPT AND CSS3

COURSE 20480B: PROGRAMMING IN HTML5 WITH JAVASCRIPT AND CSS3 ABOUT THIS COURSE This course provides an introduction to HTML5, CSS3, and JavaScript. This course helps students gain basic HTML5/CSS3/JavaScript programming skills. This course is an entry point into

More information

PEGACUIS71V1 pegasystems

PEGACUIS71V1 pegasystems PEGACUIS71V1 pegasystems Number: PEGACUIS71V1 Passing Score: 800 Time Limit: 120 min Exam A QUESTION 1 Which of the following rule types does the Localization wizard translate? (Choose Two) A. Field Value

More information

Image Slider Module User Guide

Image Slider Module User Guide Image Slider Module User Guide TABLE OF CONTENTS WHAT IS DOTNETNUKE MODULE... 1 WHO ARE DNNDEVELOPER.IN... 1 IMAGE SLIDER MODULE... 1 INSTALL DNN MODULE... 1 SETTING/CONFIGURING IMAGE SLIDER MODULE...

More information

Programming in HTML5 with JavaScript and CSS3

Programming in HTML5 with JavaScript and CSS3 Programming in HTML5 with JavaScript and CSS3 20480B; 5 days, Instructor-led Course Description This course provides an introduction to HTML5, CSS3, and JavaScript. This course helps students gain basic

More information

HTML5. HTML5 Introduction. Form Input Types. Semantic Elements. Form Attributes. Form Elements. Month Number Range Search Tel Url Time Week

HTML5. HTML5 Introduction. Form Input Types. Semantic Elements. Form Attributes. Form Elements. Month Number Range Search Tel Url Time Week WEB DESIGNING HTML HTML - Introduction HTML - Elements HTML - Tags HTML - Text HTML - Formatting HTML - Pre HTML - Attributes HTML - Font HTML - Text Links HTML - Comments HTML - Lists HTML - Images HTML

More information

Introduction to WEB PROGRAMMING

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

More information

Checkbox 5 - Style Guide

Checkbox 5 - Style Guide Checkbox 5 - Style Guide Survey Styles are style templates that can be applied to surveys and reports. This guide will show you how to create a new Survey Style and apply it (and other appearance configurations)

More information

How to lay out a web page with CSS

How to lay out a web page with CSS Activity 2.6 guide How to lay out a web page with CSS You can use table design features in Adobe Dreamweaver CS4 to create a simple page layout. However, a more powerful technique is to use Cascading Style

More information

Web AppBuilder for ArcGIS Dive Into Mobile Development. Yiwei Ma & Kevin Gao

Web AppBuilder for ArcGIS Dive Into Mobile Development. Yiwei Ma & Kevin Gao Web AppBuilder for ArcGIS Dive Into Mobile Development Yiwei Ma & Kevin Gao Yiwei Ma Software Developer Kevin Gao User Interface Engineer Theme A theme in WAB is a template framework representing the look

More information

8/19/2018. Web Development & Design Foundations with HTML5. Learning Objectives (1 of 2) Learning Objectives (2 of 2) What is JavaScript?

8/19/2018. Web Development & Design Foundations with HTML5. Learning Objectives (1 of 2) Learning Objectives (2 of 2) What is JavaScript? Web Development & Design Foundations with HTML5 Ninth Edition Chapter 14 A Brief Look at JavaScript and jquery Slides in this presentation contain hyperlinks. JAWS users should be able to get a list of

More information

This course is designed for web developers that want to learn HTML5, CSS3, JavaScript and jquery.

This course is designed for web developers that want to learn HTML5, CSS3, JavaScript and jquery. HTML5/CSS3/JavaScript Programming Course Summary Description This class is designed for students that have experience with basic HTML concepts that wish to learn about HTML Version 5, Cascading Style Sheets

More information

Theming WebGUI. Give your WebGUI site a new theme... WUC 2010 Ning Sun (ning) Pluton IT

Theming WebGUI. Give your WebGUI site a new theme... WUC 2010 Ning Sun (ning) Pluton IT Theming WebGUI Give your WebGUI site a new theme... WUC 2010 Ning Sun (ning) Pluton IT Outline A step-by-step guide to WebGUI-lize a theme Convert htlm/css template to WebGUI theme Or how to give webgui

More information

Salesforce1 - ios App (Phone)

Salesforce1 - ios App (Phone) Salesforce1 - ios App (Phone) Web Content Accessibility Guidelines 2.0 Level A and AA Voluntary Product Accessibility Template (VPAT) This Voluntary Product Accessibility Template, or VPAT, is a tool that

More information

NetAdvantage for jquery SR Release Notes

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

More information

Index LICENSED PRODUCT NOT FOR RESALE

Index LICENSED PRODUCT NOT FOR RESALE Index LICENSED PRODUCT NOT FOR RESALE A Absolute positioning, 100 102 with multi-columns, 101 Accelerometer, 263 Access data, 225 227 Adding elements, 209 211 to display, 210 Animated boxes creation using

More information

Designing RIA Accessibility: A Yahoo UI (YUI) Menu Case Study

Designing RIA Accessibility: A Yahoo UI (YUI) Menu Case Study Designing RIA Accessibility: A Yahoo UI (YUI) Menu Case Study Doug Geoffray & Todd Kloots 1 Capacity Building Institute Seattle, Washington 2006.11.30 What s Happening? 2 3 Web 1.0 vs. Web 2.0 Rich Internet

More information

SPARK. User Manual Ver ITLAQ Technologies

SPARK. User Manual Ver ITLAQ Technologies SPARK Forms Builder for Office 365 User Manual Ver. 3.5.50.102 0 ITLAQ Technologies www.itlaq.com Table of Contents 1 The Form Designer Workspace... 3 1.1 Form Toolbox... 3 1.1.1 Hiding/ Unhiding/ Minimizing

More information

PHP / MYSQL DURATION: 2 MONTHS

PHP / MYSQL DURATION: 2 MONTHS PHP / MYSQL HTML Introduction of Web Technology History of HTML HTML Editors HTML Doctypes HTML Heads and Basics HTML Comments HTML Formatting HTML Fonts, styles HTML links and images HTML Blocks and Layout

More information

Configuring Ad hoc Reporting. Version: 16.0

Configuring Ad hoc Reporting. Version: 16.0 Configuring Ad hoc Reporting Version: 16.0 Copyright 2018 Intellicus Technologies This document and its content is copyrighted material of Intellicus Technologies. The content may not be copied or derived

More information

Virto SharePoint Forms Designer for Office 365. Installation and User Guide

Virto SharePoint Forms Designer for Office 365. Installation and User Guide Virto SharePoint Forms Designer for Office 365 Installation and User Guide 2 Table of Contents KEY FEATURES... 3 SYSTEM REQUIREMENTS... 3 INSTALLING VIRTO SHAREPOINT FORMS FOR OFFICE 365...3 LICENSE ACTIVATION...4

More information

,

, Weekdays:- 1½ hrs / 3 days Fastrack:- 1½hrs / Day [Classroom and Online] ISO 9001:2015 CERTIFIED ADMEC Multimedia Institute www.admecindia.co.in 9911782350, 9811818122 The jquery Master Course by ADMEC

More information

Comprehensive AngularJS Programming (5 Days)

Comprehensive AngularJS Programming (5 Days) www.peaklearningllc.com S103 Comprehensive AngularJS Programming (5 Days) The AngularJS framework augments applications with the "model-view-controller" pattern which makes applications easier to develop

More information

Intellicus Enterprise Reporting and BI Platform

Intellicus Enterprise Reporting and BI Platform Configuring Ad hoc Reporting Intellicus Enterprise Reporting and BI Platform Intellicus Technologies info@intellicus.com www.intellicus.com Copyright 2012 Intellicus Technologies This document and its

More information

GUI Testing Guidelines

GUI Testing Guidelines GUI Testing Guidelines Faiza Yousuf 2/18/2011 Revision History Release Release Revision Author(s) Summary of Changes Number Date 0.1.0 02/17/2011 Faiza Yousuf Created 0.1.1 02/18/2011 Faiza Yousuf Added

More information

Basics of Web Technologies

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

More information

Outline. Introduction to JavaScript Resources What is JavaScript? JavaScript in web pages

Outline. Introduction to JavaScript Resources What is JavaScript? JavaScript in web pages JavaScript CMPT 281 Outline Introduction to JavaScript Resources What is JavaScript? JavaScript in web pages Announcements Layout with tables Assignment 3 JavaScript Resources Resources Why JavaScript?

More information

SPECIFICATIONS Insert Client Name

SPECIFICATIONS Insert Client Name ESSENTIAL LMS BRANDING SPECIFICATIONS Insert Client Name Creation Date: June 23, 2011 Last Updated: July 11, 2017 Version: 16.5 Page 1 Contents Branding Elements... 3 Theme Management... 3 Header Images...

More information

Introduction to using HTML to design webpages

Introduction to using HTML to design webpages Introduction to using HTML to design webpages #HTML is the script that web pages are written in. It describes the content and structure of a web page so that a browser is able to interpret and render the

More information

Developing Exceptional Mobile and Multi-Channel Applications using IBM Web Experience Factory

Developing Exceptional Mobile and Multi-Channel Applications using IBM Web Experience Factory Developing Exceptional Mobile and Multi-Channel Applications using IBM Web Experience Factory IBM Corporation 2011 Who am I? 2 Agenda Mobile web applications and Web Experience Factory Tour of Web Experience

More information

COURSE OUTLINE MOC 20480: PROGRAMMING IN HTML5 WITH JAVASCRIPT AND CSS3

COURSE OUTLINE MOC 20480: PROGRAMMING IN HTML5 WITH JAVASCRIPT AND CSS3 COURSE OUTLINE MOC 20480: PROGRAMMING IN HTML5 WITH JAVASCRIPT AND CSS3 MODULE 1: OVERVIEW OF HTML AND CSS This module provides an overview of HTML and CSS, and describes how to use Visual Studio 2012

More information

PHP & My SQL Duration-4-6 Months

PHP & My SQL Duration-4-6 Months PHP & My SQL Duration-4-6 Months Overview of the PHP & My SQL Introduction of different Web Technology Working with the web Client / Server Programs Server Communication Sessions Cookies Typed Languages

More information

Flexslider v2.x Installation and User Manual

Flexslider v2.x Installation and User Manual 2018/05/16 02:56 1/18 Latest version: 2.2.6 Compatibility: Magento 2.1.x, 2.2.x Disclaimer This is the installation and user manual for the Magento Flexslider v1.x extension created by Solide Webservices.

More information

JavaScript and XHTML. Prof. D. Krupesha, PESIT, Bangalore

JavaScript and XHTML. Prof. D. Krupesha, PESIT, Bangalore JavaScript and XHTML Prof. D. Krupesha, PESIT, Bangalore Why is JavaScript Important? It is simple and lots of scripts available in public domain and easy to use. It is used for client-side scripting.

More information

jquery Cookbook jquery Community Experts O'REILLY8 Tokyo Taipei Sebastopol Beijing Cambridge Farnham Koln

jquery Cookbook jquery Community Experts O'REILLY8 Tokyo Taipei Sebastopol Beijing Cambridge Farnham Koln jquery Cookbook jquery Community Experts O'REILLY8 Beijing Cambridge Farnham Koln Sebastopol Taipei Tokyo Foreword xi Contributors xiii Preface xvii 1. jquery Basics 1 1.1 Including the jquery Library

More information

JSN PageBuilder 3 Configuration Manual Introduction

JSN PageBuilder 3 Configuration Manual Introduction JSN PageBuilder 3 Configuration Manual Introduction About JSN PageBuilder 3 JSN PageBuilder 3 is the latest innovation of Joomla! PageBuilder with great improvements in the interface, features, and user

More information

Kaltura Quick Start Guide. Kaltura Management Console (KMC) Content Section. Kaltura Management Console Content Section

Kaltura Quick Start Guide. Kaltura Management Console (KMC) Content Section. Kaltura Management Console Content Section Kaltura Quick Start Guide Kaltura Management Console Content Section Kaltura Management Console Application Studio Kaltura Management Console (KMC) Content Section Logging into the Kaltura Management Console

More information

The course also includes an overview of some of the most popular frameworks that you will most likely encounter in your real work environments.

The course also includes an overview of some of the most popular frameworks that you will most likely encounter in your real work environments. Web Development WEB101: Web Development Fundamentals using HTML, CSS and JavaScript $2,495.00 5 Days Replay Class Recordings included with this course Upcoming Dates Course Description This 5-day instructor-led

More information

Programming in HTML5 with JavaScript and CSS3

Programming in HTML5 with JavaScript and CSS3 20480 - Programming in HTML5 with JavaScript and CSS3 Duration: 5 days Course Price: $2,975 Software Assurance Eligible Course Description Course Overview This training course provides an introduction

More information

Fundamentals of Website Development

Fundamentals of Website Development Fundamentals of Website Development CSC 2320, Fall 2015 The Department of Computer Science In this chapter History of HTML HTML 5-2- 1 The birth of HTML HTML Blows and standardization -3- -4-2 HTML 4.0

More information

Flexible and LEAN Ads

Flexible and LEAN Ads Flexible and LEAN Ads The IAB New Ad Portfolio emphasizes LEAN (Light, Encrypted, AdChoices supported, and Non-invasive) ad experience and flexible size ad specifications. LEAN ad experience for digital

More information

Creating Content with iad JS

Creating Content with iad JS Creating Content with iad JS Part 2 The iad JS Framework Antoine Quint iad JS Software Engineer ios Apps and Frameworks 2 Agenda Motivations and Features of iad JS Core JavaScript Enhancements Working

More information

Building Web Applications

Building Web Applications Building Web Applications Mendel Rosenblum CS142 Lecture Notes - Building Web Applications Good web applications: Design + Implementation Some Design Goals: Intuitive to use Don't need to take a course

More information

Lecture : 3. Practical : 2. Course Credit. Tutorial : 0. Total : 5. Course Learning Outcomes

Lecture : 3. Practical : 2. Course Credit. Tutorial : 0. Total : 5. Course Learning Outcomes Course Title Course Code WEB DESIGNING TECHNOLOGIES DCE311 Lecture : 3 Course Credit Practical : Tutorial : 0 Total : 5 Course Learning Outcomes At end of the course, students will be able to: Understand

More information

New Perspectives on PowerPoint Module 2: Adding Media and Special Effects

New Perspectives on PowerPoint Module 2: Adding Media and Special Effects New Perspectives on PowerPoint 2016 Module 2: Adding Media and Special Effects Objectives, Part 1 Apply a theme used in another presentation Insert shapes Format shapes and pictures Rotate and flip objects

More information

CITS3403 Agile Web Development Semester 1, 2018

CITS3403 Agile Web Development Semester 1, 2018 Javascript Event Handling CITS3403 Agile Web Development Semester 1, 2018 Event Driven Programming Event driven programming or event based programming programming paradigm in which the flow of the program

More information

Advertising specifications. Version 1.1

Advertising specifications. Version 1.1 Advertising specifications Version 1.1 Please read this document before producing creatives for campaigns on The Economist - Digital Editions This is a living document that will evolve as we are presented

More information

Web Development & Design Foundations with HTML5

Web Development & Design Foundations with HTML5 1 Web Development & Design Foundations with HTML5 CHAPTER 14 A BRIEF LOOK AT JAVASCRIPT Copyright Terry Felke-Morris 2 Learning Outcomes In this chapter, you will learn how to: Describe common uses of

More information

JavaScript CS 4640 Programming Languages for Web Applications

JavaScript CS 4640 Programming Languages for Web Applications JavaScript CS 4640 Programming Languages for Web Applications 1 How HTML, CSS, and JS Fit Together {css} javascript() Content layer The HTML gives the page structure and adds semantics Presentation

More information

The Photo Gallery. Adding a Photo Gallery Page. Adding a Photo Gallery App

The Photo Gallery. Adding a Photo Gallery Page. Adding a Photo Gallery App Adding a Photo Gallery Page The Photo Gallery Above the Summary tab, in the list of Current Pages, click on the New Page button. Choose Photo Gallery from the Available Page Types. Give the page a name.

More information

Infragistics ASP.NET Release Notes

Infragistics ASP.NET Release Notes 2013.2 Release Notes Accelerate your application development with ASP.NET AJAX controls built to be the fastest, lightest and most complete toolset for rapidly building high performance ASP.NET Web Forms

More information

Website Development with HTML5, CSS and Bootstrap

Website Development with HTML5, CSS and Bootstrap Contact Us 978.250.4983 Website Development with HTML5, CSS and Bootstrap Duration: 28 hours Prerequisites: Basic personal computer skills and basic Internet knowledge. Course Description: This hands on

More information

Oracle Application Express 5 New Features

Oracle Application Express 5 New Features Oracle Application Express 5 New Features 20th HrOUG conference October 16, 2015 Vladislav Uvarov Software Development Manager Database Server Technologies Division Copyright 2015, Oracle and/or its affiliates.

More information

Fixed Size Ad Specifications

Fixed Size Ad Specifications Fixed Size Ad Specifications The following fixed size ad units are recommended as part of the new ad portfolio. These have been recommended based on Attitudes and Usage Study to determine which of the

More information

Course Syllabus. Course Title. Who should attend? Course Description. Android ( Level 1 )

Course Syllabus. Course Title. Who should attend? Course Description. Android ( Level 1 ) Course Title Android ( Level 1 ) Course Description Android is a Free and open source operating system designed primarily for smart phones and tablets and can be used for TVs, cars and others. It is based

More information

Web Site Development with HTML/JavaScrip

Web Site Development with HTML/JavaScrip Hands-On Web Site Development with HTML/JavaScrip Course Description This Hands-On Web programming course provides a thorough introduction to implementing a full-featured Web site on the Internet or corporate

More information

Dojo: An Accessible JavaScript Toolkit

Dojo: An Accessible JavaScript Toolkit Dojo: An Accessible JavaScript Toolkit Becky Gibson Web Accessibility Architect Agenda What is Dojo? Dojo Schedule and Plans Dojo Widgets Dojo Widget Accessibility Strategy ARIA Overview Demo Questions

More information

GRAPHIC WEB DESIGNER PROGRAM

GRAPHIC WEB DESIGNER PROGRAM NH128 HTML Level 1 24 Total Hours COURSE TITLE: HTML Level 1 COURSE OVERVIEW: This course introduces web designers to the nuts and bolts of HTML (HyperText Markup Language), the programming language used

More information

USER GUIDE AND THEME SETUP

USER GUIDE AND THEME SETUP Thank you for purchasing my theme. If you have any questions that are beyond the scope of this help file, please feel free ask any questions on the online Support Forum, located at: http://themewich.com/forum.

More information

Developing Apps for the BlackBerry PlayBook

Developing Apps for the BlackBerry PlayBook Developing Apps for the BlackBerry PlayBook Lab # 2: Getting Started with JavaScript The objective of this lab is to review some of the concepts in JavaScript for creating WebWorks application for the

More information

Flexslider v1.x Installation and User Manual

Flexslider v1.x Installation and User Manual 2017/11/08 09:14 1/15 Flexslider v1.x Installation and User Manual Flexslider v1.x Installation and User Manual Latest version: 1.10.0 Compatibility: Magento 1.7.x, 1.8.x, 1.9.x Disclaimer This is the

More information

Professional Course in Web Designing & Development 5-6 Months

Professional Course in Web Designing & Development 5-6 Months Professional Course in Web Designing & Development 5-6 Months BASIC HTML Basic HTML Tags Hyperlink Images Form Table CSS 2 Basic use of css Formatting the page with CSS Understanding DIV Make a simple

More information

Creating and Managing Your Personal Mines Website on WordPress

Creating and Managing Your Personal Mines Website on WordPress Creating and Managing Your Personal Mines Website on WordPress Table of Contents Creating your site... 2 Managing your site... 2 About WordPress... 2 Logging in... 2 Pages... 2 Editing an Existing Page...

More information

Aware IM Version 8.2 Aware IM for Mobile Devices

Aware IM Version 8.2 Aware IM for Mobile Devices Aware IM Version 8.2 Copyright 2002-2018 Awaresoft Pty Ltd CONTENTS Introduction... 3 General Approach... 3 Login... 4 Using Visual Perspectives... 4 Startup Perspective... 4 Application Menu... 5 Using

More information

Index. alt, 38, 57 class, 86, 88, 101, 107 href, 24, 51, 57 id, 86 88, 98 overview, 37. src, 37, 57. backend, WordPress, 146, 148

Index. alt, 38, 57 class, 86, 88, 101, 107 href, 24, 51, 57 id, 86 88, 98 overview, 37. src, 37, 57. backend, WordPress, 146, 148 Index Numbers & Symbols (angle brackets), in HTML, 47 : (colon), in CSS, 96 {} (curly brackets), in CSS, 75, 96. (dot), in CSS, 89, 102 # (hash mark), in CSS, 87 88, 99 % (percent) font size, in CSS,

More information

Tizen Web Application with TAU. * This document is based on Tizen 2.4 SDK

Tizen Web Application with TAU. * This document is based on Tizen 2.4 SDK Tizen Web Application with TAU * This document is based on Tizen 2.4 SDK Table of Contents Overview of TAU 3 What is TAU? 4 TAU in Web Application Development Process 5 Core Concepts of TAU 12 Role of

More information

Standard 1 The student will author web pages using the HyperText Markup Language (HTML)

Standard 1 The student will author web pages using the HyperText Markup Language (HTML) I. Course Title Web Application Development II. Course Description Students develop software solutions by building web apps. Technologies may include a back-end SQL database, web programming in PHP and/or

More information

QCon - Mobile Maps HTML5 Team Andrea

QCon - Mobile Maps HTML5 Team Andrea QCon London @Nokia - Mobile Maps HTML5 Team Andrea Giammarchi @WebReflection the what the whole story, in 8 words the whole story, in 8 words one does not simply create an HTML5 Application Nokia Mobile

More information

Index. Boolean value, 282

Index. Boolean value, 282 Index A AJAX events global level ajaxcomplete, 317 ajaxerror, 316 ajaxsend, 316 ajaxstart, 316 ajaxstop, 317 ajaxsuccess, 316 order of triggering code implementation, 317 display list, 321 flowchart, 322

More information

USER GUIDE: CHAPTER 1 PROJECT WIZARD Layout Page

USER GUIDE: CHAPTER 1 PROJECT WIZARD Layout Page 2010 USER GUIDE: CHAPTER 1 PROJECT WIZARD Layout Page Layout Page This is the Layout Page. Use the list box to select which layout you would like to use in your generated application. The data in your

More information

Application Integration with WebSphere Portal V7

Application Integration with WebSphere Portal V7 Application Integration with WebSphere Portal V7 Rapid Portlet Development with WebSphere Portlet Factory IBM Innovation Center Dallas, TX 2010 IBM Corporation Objectives WebSphere Portal IBM Innovation

More information

Diploma in Mobile App Development Part I

Diploma in Mobile App Development Part I Diploma in Mobile App Development Part I Lesson 3 Intro to HTML & CSS MAD Educator: Tadhg Deeney @ShawMobileApp Webinar Interaction Any questions? - Our support team are here to help Chat box - Comment

More information

~Arwa Theme~ HTML5 & CSS3 Theme. By ActiveAxon

~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

More information

Frontend UI Training. Whats App :

Frontend UI Training. Whats App : Frontend UI Training Whats App : + 916 667 2961 trainer.subbu@gmail.com What Includes? 1. HTML 5 2. CSS 3 3. SASS 4. JavaScript 5. ES 6/7 6. jquery 7. Bootstrap 8. AJAX / JSON 9. Angular JS 1x 10. Node

More information

Web Accessibility Checklist

Web Accessibility Checklist Web Accessibility Checklist = Web Content Accessibility Guidelines published by the World Wide Web Consortium (W3C) 508 = Section 508 of the Rehabilitation Act = Both CATE and Moodle take care of the rule

More information

Styles, Themes, and Material Design

Styles, Themes, and Material Design Styles, Themes, and Material Design CS 236503 Dr. Oren Mishali Based on the Official Android Development Guide Outline Styles & Themes Material Design Lists Floating Action Button Cards To be continued

More information

PROFILE DESIGN TUTORIAL KIT

PROFILE DESIGN TUTORIAL KIT PROFILE DESIGN TUTORIAL KIT NEW PROFILE With the help of feedback from our users and designers worldwide, we ve given our profiles a new look and feel. The new profile is designed to enhance yet simplify

More information

Desktop Studio: Charts. Version: 7.3

Desktop Studio: Charts. Version: 7.3 Desktop Studio: Charts Version: 7.3 Copyright 2015 Intellicus Technologies This document and its content is copyrighted material of Intellicus Technologies. The content may not be copied or derived from,

More information

Building Custom UIs for APS 2.0 Applications. Timur Nizametdinov, APS Dynamic UI Lead Developer

Building Custom UIs for APS 2.0 Applications. Timur Nizametdinov, APS Dynamic UI Lead Developer Building Custom UIs for APS 2.0 Applications Timur Nizametdinov, APS Dynamic UI Lead Developer Introducing APS 2.0 A Platform for Integration APS Dynamic UI HTML5 Extensibility Certified Services APS Service

More information

Skyway Builder Web Control Guide

Skyway Builder Web Control Guide Skyway Builder Web Control Guide 6.3.0.0-07/21/2009 Skyway Software Skyway Builder Web Control Guide: 6.3.0.0-07/21/2009 Skyway Software Published Copyright 2009 Skyway Software Abstract TBD Table of

More information

How to lay out a web page with CSS

How to lay out a web page with CSS How to lay out a web page with CSS You can use table design features in Adobe Dreamweaver CS3 to create a simple page layout. However, a more powerful technique is to use Cascading Style Sheets (CSS).

More information

20480B: Programming in HTML5 with JavaScript and CSS3

20480B: Programming in HTML5 with JavaScript and CSS3 20480B: Programming in HTML5 with JavaScript and CSS3 Course Details Course Code: Duration: Notes: 20480B 5 days This course syllabus should be used to determine whether the course is appropriate for the

More information

Client-side Techniques. Client-side Techniques HTML/XHTML. Static web pages, Interactive web page: without depending on interaction with a server

Client-side Techniques. Client-side Techniques HTML/XHTML. Static web pages, Interactive web page: without depending on interaction with a server Client-side Techniques Client-side Techniques Static web pages, Interactive web page: without depending on interaction with a server HTML/XHTML: content Cascading Style Sheet (CSS): style and layout Script

More information

JSN EasySlider Configuration Manual

JSN EasySlider Configuration Manual JSN EasySlider Configuration Manual Introduction Product Overview JSN EasySlider JSN EasySlider is the cutting-edge way to present content on website: Informative - Impressive - Interactive. It helps you

More information

Getting Started with HTML5 using BlackBerry WebWorks

Getting Started with HTML5 using BlackBerry WebWorks Getting Started with HTML5 using BlackBerry WebWorks Lab # 1: Using New Options in the Latest Web Technologies The objective of this lab is to introduce some of the new concepts added in HTML5 by creating

More information

Jquery Manually Set Checkbox Checked Or Not

Jquery Manually Set Checkbox Checked Or Not Jquery Manually Set Checkbox Checked Or Not Working Second Time jquery code to set checkbox element to checked not working. Apr 09 I forced a loop to show checked state after the second menu item in the

More information

The Economist Apps. Advertising Specs

The Economist Apps. Advertising Specs The Economist Apps Advertising Specs Apps Overview This is a living document that will evolve as we are presented with new formats, and we ll update it periodically to reflect these changes. All media

More information