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.
  • Learning Dart
  • Toc
  • feedback
Learning Dart

Learning Dart

4.4 (10)
close
Learning Dart

Learning Dart

4.4 (10)

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
Preface
Preface
Spiral approach
What this book covers
What you need for this book
Who this book is for
Conventions
Reader feedback
Customer support
Free Chapter
1
1. Dart – A Modern Web Programming Language
1. Dart – A Modern Web Programming Language
What is Dart?
Dart is a perfect fit for HTML5
Getting started with Dart
Getting a view on the Dart tool chain
A bird's eye view on Dart
Making a todo list with Dart
Summary
2
2. Getting to Work with Dart
2. Getting to Work with Dart
Variables – to type or not to type
Built-in types and their methods
Documenting your programs
Changing the execution flow of a program
Using functions in Dart
Recognizing and catching errors and exceptions
Summary
3
3. Structuring Code with Classes and Libraries
3. Structuring Code with Classes and Libraries
A touch of class – how to use classes and objects
Summary
4
4. Modeling Web Applications with Model Concepts and Dartlero
4. Modeling Web Applications with Model Concepts and Dartlero
A short introduction to Git and GitHub
What a model is and why we need it in programming
Model concepts – a graphical design tool for our models
Dartlero – a simple domain model framework
An example of using Dartlero
The categories and links application
Summary
5
5. Handling the DOM in a New Way
5. Handling the DOM in a New Way
Finding elements and changing their attributes
Creating and removing elements
Handling events
Manipulating the style of page elements
Animating a game
Summary
6
6. Combining HTML5 Forms with Dart
chevron up
6. Combining HTML5 Forms with Dart
Spiral 1 – the power of HTML5 forms
Spiral 2 – how to validate data with Dart
Spiral 3 – how to store data in local storage
Spiral 4 – reading and showing data
Spiral 5 – changing and updating data
Spiral 6 – working with a list of bank accounts
Summary
7
7. Building Games with HTML5 and Dart
7. Building Games with HTML5 and Dart
The model for the memory game
Spiral 1 – drawing the board
Spiral 2 – drawing cells
Spiral 3 – coloring the cells
Spiral 4 – implementing the rules
Spiral 5 – game logic (bringing in the time element)
Spiral 6 – some finishing touches
Spiral 7 – using images
Adding audio to a web page
Using an audio library – Collision clones
Adding video to a web page
Summary
8
8. Developing Business Applications with Polymer Web Components
8. Developing Business Applications with Polymer Web Components
How web components change web development
Web components with Polymer.dart
Two-way data binding in Polymer.dart
Creating the polymer_links project
Using Polymer for the category links project
Applying web components to the project tasks app
Summary
9
9. Modeling More Complex Applications with Dartling
9. Modeling More Complex Applications with Dartling
The Dartling domain modeling framework
Design of the Travel Impressions model in spirals
Generating Travel Impressions code from the model
Initializing the Travel Impressions model with Data
Testing the Travel Impressions model
Defining and using the MVC pattern
The TodoMVC app
Summary
10
10. MVC Web and UI Frameworks in Dart – An Overview
10. MVC Web and UI Frameworks in Dart – An Overview
DQuery
Bootjack
Dart Web Toolkit (DWT)
Dart widgets
Bee
HTML components
Rikulo UI
Hipster-mvc
Puremvc
StageXL
Flash Professional CC – toolkit for Dart
Angular.dart
Summary
11
11. Local Data and Client-Server Communication
11. Local Data and Client-Server Communication
The options for browser storage
Asynchronous calls and Futures
Using IndexedDB with Dart
Using Lawndart
A Dart web server
Using JSON web services
Summary
12
12. Data-driven Web Applications with MySQL and MongoDB
12. Data-driven Web Applications with MySQL and MongoDB
Database drivers for Dart
Storing todo data in MySQL
Dartlero tasks – a many-to-many model in MySQL
MongoDB – a NoSQL database
Using the mongo_dart driver to store the todo data in MongoDB
Summary
13
Index
Index

Spiral 4 – reading and showing data

Having stored our data in local storage, it is just as easy to read this data from local storage. Here is a simple screen that takes a bank account number as input, and reads its data when the number field is filled in:

Bank terminal screen

Note

For code files of this section, refer to chapter 6\bank_terminal_s4 in the code bundle.

We clean up our code making main() shorter by calling methods:

void main() {
  bind_elements();
  attach_event_handlers();
}
bind_elements() {
  owner = querySelector('#owner');
  balance = querySelector('#balance');
  number = querySelector('#number');
  btn_other = querySelector('#btn_other');
  error = querySelector('#error');
}
attach_event_handlers() {
  number.onInput.listen(readData);
  btn_other.onClick.listen(clearData);
}

Apply this refactoring from now on when coding a form. When the number is filled in, its Input event listener is triggered:

number.onInput.listen(readData);

In the readData handler, the value is read from...

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 7
Next Section
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