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 Learning Dart
  • Table Of Contents Toc
  • Feedback & Rating feedback
Learning Dart

Learning Dart

4.4 (10)
Buy this Book
close
close
Learning Dart

Learning Dart

4.4 (10)
Buy this Book

Overview of this book

Mastering Dart by Projects is a step-by-step guide that aims to give you hands-on knowledge about programming in Dart using an example-based approach.If you want to become a web developer, or perhaps you already are a web developer but you want to add Dart to your tool belt, then this book is for you. This book assumes that you have at least some knowledge of HTML and how web applications work. Some previous programming experience, preferably in a modern language like C#, Java, Python, Ruby, or JavaScript, will also give you a head start. You can also work with Dart on your preferred platform, be it Linux, Mac OS X, or Windows.
Table of Contents (14 chapters)
close
close
close
Preface
Icon
Preface
Icon
Spiral approach
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. Dart – A Modern Web Programming Language
Icon
1. Dart – A Modern Web Programming Language
Icon
What is Dart?
Icon
Dart is a perfect fit for HTML5
Icon
Getting started with Dart
Icon
Getting a view on the Dart tool chain
Icon
A bird's eye view on Dart
Icon
Making a todo list with Dart
Icon
Summary
2
2. Getting to Work with Dart
Icon
2. Getting to Work with Dart
Icon
Variables – to type or not to type
Icon
Built-in types and their methods
Icon
Documenting your programs
Icon
Changing the execution flow of a program
Icon
Using functions in Dart
Icon
Recognizing and catching errors and exceptions
Icon
Summary
3
3. Structuring Code with Classes and Libraries
Icon
3. Structuring Code with Classes and Libraries
Icon
A touch of class – how to use classes and objects
Icon
Summary
4
4. Modeling Web Applications with Model Concepts and Dartlero
Icon
4. Modeling Web Applications with Model Concepts and Dartlero
Icon
A short introduction to Git and GitHub
Icon
What a model is and why we need it in programming
Icon
Model concepts – a graphical design tool for our models
Icon
Dartlero – a simple domain model framework
Icon
An example of using Dartlero
Icon
The categories and links application
Icon
Summary
5
5. Handling the DOM in a New Way
Icon
5. Handling the DOM in a New Way
Icon
Finding elements and changing their attributes
Icon
Creating and removing elements
Icon
Handling events
Icon
Manipulating the style of page elements
Icon
Animating a game
Icon
Summary
6
6. Combining HTML5 Forms with Dart
Icon
6. Combining HTML5 Forms with Dart
Icon
Spiral 1 – the power of HTML5 forms
Icon
Spiral 2 – how to validate data with Dart
Icon
Spiral 3 – how to store data in local storage
Icon
Spiral 4 – reading and showing data
Icon
Spiral 5 – changing and updating data
Icon
Spiral 6 – working with a list of bank accounts
Icon
Summary
7
7. Building Games with HTML5 and Dart
Icon
7. Building Games with HTML5 and Dart
Icon
The model for the memory game
Icon
Spiral 1 – drawing the board
Icon
Spiral 2 – drawing cells
Icon
Spiral 3 – coloring the cells
Icon
Spiral 4 – implementing the rules
Icon
Spiral 5 – game logic (bringing in the time element)
Icon
Spiral 6 – some finishing touches
Icon
Spiral 7 – using images
Icon
Adding audio to a web page
Icon
Using an audio library – Collision clones
Icon
Adding video to a web page
Icon
Summary
8
8. Developing Business Applications with Polymer Web Components
chevron up
Icon
8. Developing Business Applications with Polymer Web Components
Icon
How web components change web development
Icon
Web components with Polymer.dart
Icon
Two-way data binding in Polymer.dart
Icon
Creating the polymer_links project
Icon
Using Polymer for the category links project
Icon
Applying web components to the project tasks app
Icon
Summary
9
9. Modeling More Complex Applications with Dartling
Icon
9. Modeling More Complex Applications with Dartling
Icon
The Dartling domain modeling framework
Icon
Design of the Travel Impressions model in spirals
Icon
Generating Travel Impressions code from the model
Icon
Initializing the Travel Impressions model with Data
Icon
Testing the Travel Impressions model
Icon
Defining and using the MVC pattern
Icon
The TodoMVC app
Icon
Summary
10
10. MVC Web and UI Frameworks in Dart – An Overview
Icon
10. MVC Web and UI Frameworks in Dart – An Overview
Icon
DQuery
Icon
Bootjack
Icon
Dart Web Toolkit (DWT)
Icon
Dart widgets
Icon
Bee
Icon
HTML components
Icon
Rikulo UI
Icon
Hipster-mvc
Icon
Puremvc
Icon
StageXL
Icon
Flash Professional CC – toolkit for Dart
Icon
Angular.dart
Icon
Summary
11
11. Local Data and Client-Server Communication
Icon
11. Local Data and Client-Server Communication
Icon
The options for browser storage
Icon
Asynchronous calls and Futures
Icon
Using IndexedDB with Dart
Icon
Using Lawndart
Icon
A Dart web server
Icon
Using JSON web services
Icon
Summary
12
12. Data-driven Web Applications with MySQL and MongoDB
Icon
12. Data-driven Web Applications with MySQL and MongoDB
Icon
Database drivers for Dart
Icon
Storing todo data in MySQL
Icon
Dartlero tasks – a many-to-many model in MySQL
Icon
MongoDB – a NoSQL database
Icon
Using the mongo_dart driver to store the todo data in MongoDB
Icon
Summary
13
Index
Icon
Index

Web components with Polymer.dart

The Polymer.dart framework provides a set of Polymer (UI and other) components, but it will only work in the most recent versions of browsers: IE9, IE10, Safari 6, Firefox, and the latest Chrome (also for Android). It is important that in Polymer you can only have a single Dart script tag on an HTML document. Get started with creating a new Polymer application polymer1 by selecting the project template Web application (using the polymer library) in Dart Editor:

A new Polymer application

Inspecting pubspec.yaml will reveal the polymer dependency:

dependencies:
  polymer: any

Pub is invoked automatically, and installs polymer and a whole group of packages needed by polymer (such as mdv, observe, polymer_expressions, shadow_dom, and so on). We'll now examine in detail how a web component is defined in Polymer.

Declaring and instantiating a web component

This is what we see when polymer1.html file is run: again a counter button, defined as a web component (also called...

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 3
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

Edit Note

Modal Close icon
Write a note (max 255 characters)
Cancel
Update Note

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