HTML5 web application development by example beginner's guide : learn how to build rich, interactive web applications from the ground up using HTML5, CSS3, and jQuery /

Mostrar otras versiones (1)

The best way to learn anything is by doing. The author uses a friendly tone and fun examples to ensure that you learn the basics of application development. Once you have read this book, you should have the necessary skills to build your own applications. If you have no experience but want to learn...

Descripción completa

Detalles Bibliográficos
Clasificación:Libro Electrónico
Autor principal: Gustafson, J. M.
Formato: Electrónico eBook
Idioma:Inglés
Publicado: Birmingham : Packt Publishing, ©2013.
Temas:
HTML (Document markup language)
Cascading style sheets.
JavaScript (Computer program language)
Web sites > Design.
Web site development.
HTML (Langage de balisage)
Feuilles de style en cascade.
JavaScript (Langage de programmation)
Sites Web > Conception.
Sites Web > Développement.
HTML.
COMPUTERS > Programming Languages > HTML.
COMPUTERS > Programming Languages > JavaScript.
COMPUTERS > Web > Site Design.
Acceso en línea:Texto completo
Tabla de Contenidos:
  • Cover; Copyright; Credits; About the Author; About the Reviewer; www.PacktPub.com; Table of Contents; Preface; Chapter 1: The Task at Hand; The components of an HTML5 application; Time for action
  • creating the HTML file; Time for action
  • creating the CSS file; Time for action
  • creating the JavaScript file; The dollar sign identifier; Creating our first application; Time for action
  • creating a tasklist; Time for action
  • removing a task from the list; Time for action
  • moving tasks within the list; HTML templates; Time for action
  • implementing a template.
  • Time for action
  • editing a task in the listSaving the state of the application; Time for action
  • creating a localStorage wrapper; Time for action
  • storing the tasklist; Time for action
  • loading the tasklist; Summary; Chapter 2: Let's Get Stylish; CSS3 overview; CSS3 colors; Rounded corners; Shadows; Box shadows; Text shadows; Time for action
  • styles in action; Backgrounds; Linear gradients; Radial gradients; Background images; CSS sprites; Time for action
  • adding a gradient and button images; Transitions; Transforms; Time for action
  • effects in action; Dynamic stylesheets.
  • Time for action
  • adding a theme selectorFilling the window; Time for action
  • expanding the application; Summary; Chapter 3: The Devil is in the Details; HTML5 input types; Color; Date; Email; Number; Range; Time; URL; Datalist; Autofocus; Task details; Time for action
  • adding task details; Time for action
  • hiding task details; Custom data attributes; Data binding with custom attributes; Time for action
  • building a data model; Time for action
  • implementing the bindings; Time for action
  • loading the task list; Queuing up changes; Time for action
  • delaying the saves; Summary.
  • Chapter 4: A Blank CanvasHTML5 canvas; Getting a context; Canvas basics; Clearing the canvas; Context properties; Canvas pad; Time for action
  • creating a canvas pad; Time for action
  • showing the coordinates; Drawing lines; Paths and strokes; Time for action
  • using the mouse to draw; Changing context properties; Time for action
  • adding context properties; Creating a toolbar; Time for action
  • creating a toolbar; Time for action
  • implementing a reusable toolbar; Adding a toolbar; Time for action
  • adding the toolbar object; Time for action
  • initializing menu items; Adding drawing actions.
  • Time for action
  • creating drawing actionsTime for action
  • saving and restoring; Adding drawing tools; Time for action
  • adding a line tool; Drawing rectangles; Time for action
  • adding a rectangle tool; Arcs and circles; Time for action
  • adding a circle tool; Summary; Chapter 5: Not So Blank Canvas; Drawing text; Time for action
  • adding a text tool; Transformations; Time for action
  • adding an Ellipse tool; Time for action
  • exporting an image; Handling touch events; Time for action
  • adding touch event handlers; Photo Pad; Time for action
  • creating Photo Pad; The File API.
  • Time for action
  • loading an image file.

Ejemplares similares