Browse Library
Sign In Start Free Trial
Close icon Search icon
Account
Browse Library Advanced Search Sign In Start Free Trial

Add to playlist

Create a Playlist

Modal Close icon
You need to login to use this feature.
  • Book Overview & Buying DART Essentials
  • Table Of Contents Toc
  • Feedback & Rating feedback
DART Essentials

DART Essentials

By : Sikora
4.8 (4)
Buy this Book
close
close
DART Essentials

DART Essentials

4.8 (4)
By: Sikora
Buy this Book

Overview of this book

This book is targeted at expert programmers in JavaScript who want to learn Dart quickly. Some previous experience with OOP programming in other languages and a good knowledge of JavaScript are assumed.
Table of Contents (11 chapters)
close
close
Preface
In Progress | 0 / 7 sections completed | 0%
Icon
Preface
Icon
What this book covers
Icon
What you need for this book
Icon
Who this book is for
Icon
Conventions
Icon
Reader feedback
Icon
Customer support
Free Chapter
1
1. Getting Started with Dart
In Progress | 0 / 6 sections completed | 0%
Icon
1. Getting Started with Dart
Icon
What is Dart?
Icon
Why choose Dart?
Icon
Installing the Dart SDK
Icon
The Dart language tour
Icon
Summary
2
2. Practical Dart
In Progress | 0 / 6 sections completed | 0%
Icon
2. Practical Dart
Icon
Optimizing DOM tree manipulations
Icon
The documentation search app
Icon
Combining Dart and JavaScript
Icon
Dart MythBusters
Icon
Summary
3
3. The Power of HTML5 with Dart
In Progress | 0 / 5 sections completed | 0%
Icon
3. The Power of HTML5 with Dart
Icon
Creating the Reddit Read Later app
Icon
Music visualizer
Icon
Other noteworthy APIs and libraries
Icon
Summary
4
4. Developing a Mobile App with Dart
In Progress | 0 / 7 sections completed | 0%
chevron up
Icon
4. Developing a Mobile App with Dart
Icon
300 ms tap delay
Icon
Basics of CSS3 transformations
Icon
A 3D bookshelf with DeviceOrientation events
Icon
Position and distance tracker with the GeoLocation API and Google Maps API
Icon
Drawing into 2D canvas using onTouch events
Icon
Summary
5
5. Web Components and polymer.dart
In Progress | 0 / 11 sections completed | 0%
Icon
5. Web Components and polymer.dart
Icon
Web Components
Icon
The Web Components polyfill for older browsers
Icon
Basic HTML Import
Icon
Using Shadow DOM
Icon
Using Custom Elements
Icon
Polymer.dart
Icon
One-way data binding
Icon
Two-way data binding
Icon
Polymer core and paper elements
Icon
Summary
6
6. AngularDart
In Progress | 0 / 8 sections completed | 0%
Icon
6. AngularDart
Icon
Installing AngularDart
Icon
To-do list with AngularDart
Icon
Extending the to-do list
Icon
A book component in AngularDart
Icon
What is Angular 2.0?
Icon
Performance tips for AngularDart
Icon
Summary
7
7. Server-side Applications with Dart
In Progress | 0 / 7 sections completed | 0%
Icon
7. Server-side Applications with Dart
Icon
The standalone Dart VM
Icon
Parsing CLI arguments with the args package
Icon
Writing a chat app with the WebSockets server
Icon
Writing an HTTP server with the route package
Icon
Using Dart as a full-stack language
Icon
Summary
8
8. Testing and Profiling the Dart Code
In Progress | 0 / 7 sections completed | 0%
Icon
8. Testing and Profiling the Dart Code
Icon
Testing strategies for web apps
Icon
Unit testing
Icon
Operator overloading and mixins
Icon
Testing AngularDart apps
Icon
Profiling with the Observatory tool
Icon
Summary
9
9. Writing Native Extensions for the Standalone Dart VM
In Progress | 0 / 7 sections completed | 0%
Icon
9. Writing Native Extensions for the Standalone Dart VM
Icon
The structure of native extensions
Icon
Writing a minimal native extension
Icon
Writing a native fuzzy search implementation
Icon
Writing bindings for the exiv2 library
Icon
Distributing native extensions
Icon
Summary
10
Index
In Progress | 0 / 1 sections completed | 0%
Icon
Index

A 3D bookshelf with DeviceOrientation events

We already saw the basics, and we can start with a more attractive app, for example:

A 3D bookshelf with DeviceOrientation events

Each book is made out of six div elements and the shelf itself are five div elements (we don't need the back face):

<div id="book-container">
  <div class="book dune-new">
    <div class="front"></div>
    <div class="left"></div>
    <div class="right"></div>
    <div class="back"></div>
    <div class="top"></div>
    <div class="bottom"></div>
  </div>
      
  <div class="book dune-old"><!-- 6 book's faces again --></div>
  <div class="shelf"><!-- 5 shelf's faces --></div>
</div>

The CSS for this example is not that complicated; there are just a lot of transformations. Feel free to open this example in the browser and...

Unlock full access

Continue reading for free

A Packt free trial gives you instant online access to our library of over 7000 practical eBooks and videos, constantly updated with the latest in tech
Start a 7-day FREE trial
End of Section 4
Next Section

Create a Note

Modal Close icon
You need to login to use this feature.
notes
bookmark search playlist font-size

Change the font size

margin-width

Change margin width

day-mode

Change background colour

Close icon Search
Country selected
Close icon Your notes and bookmarks

Delete Bookmark

Modal Close icon
Are you sure you want to delete it?
Cancel
Yes, Delete

Delete Note

Modal Close icon
Are you sure you want to delete it?
Cancel
Yes, Delete

Confirmation

Modal Close icon
claim successful
Order Page Read Now

Buy this book with your credits?

Modal Close icon
Are you sure you want to buy this book with one of your credits?
Close
YES, BUY