Browse Library
Sign In Start Free Trial
Close icon Search icon
Account
Browse Library 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
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
Lock 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
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
chevron up
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

The TodoMVC app

We will now show how MVC functions in a Dart version of the famous TodoMVC application (http://todomvc.com/), which is used as a standard to compare different web frameworks. This application is developed in spirals in the dartling_todo_mvc project and it is built by using the Dartling framework for the model. Download the code from https://github.com/dzenanr/dartling_todo_mvc_spirals. In the following screenshot, you see a glimpse of the end result (Spiral 6):

The TodoMVC app

The todo items can be added, edited, marked as completed, and deleted; overviews of all tasks, or only the completed or remaining ones can be shown, and the user has undo/redo possibilities after making a mistake. Moreover, it is really useful because the data is stored in local storage (using the JSON format).

Spiral 0 – generating a class model

Spiral 0 does not have any UI; it contains only a simple model with one concept Task and two properties, title and completed. This is designed in Model Concepts...

CONTINUE READING
83
Tech Concepts
36
Programming languages
73
Tech Tools
Icon Unlimited access to the largest independent learning library in tech of over 8,000 expert-authored tech books and videos.
Icon Innovative learning tools, including AI book assistants, code context explainers, and text-to-speech.
Icon 50+ new titles added per month and exclusive early access to books as they are being written.
Learning Dart
End of Section 9
Next Section
notes
bookmark Notes and Bookmarks search Search in title playlist Add to playlist font-size Font size

Change the font size

margin-width Margin width

Change margin width

day-mode Day/Sepia/Night Modes

Change background colour

Close icon Search
Country selected
Close icon Your notes and bookmarks

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

Submit Your Feedback

Modal Close icon
Modal Close icon
Modal Close icon