book

Dart: Scalable Application Development

Name: Dart: Scalable Application Development
ISBN: 9781787288027

by Davy Mitchell, Sergey Akopkokhyants, Ivo Balbaert

June 2017

Intermediate to advanced

873 pages

18h 9m

English

Packt Publishing

Read now

Unlock full access

Dart: Scalable Application Development
Table of Contents
Dart: Scalable Application Development
Dart: Scalable Application Development
Credits
Preface
What this learning path covers
What you need for this learning path
Who this learning path is for
Reader feedback
Customer support
Downloading the example codeErrataPiracyQuestions

1. Module 1
1. Starting the Text Editor
Defining Dart
History of Web scripting
The origins of Dart
Downloading the tools
Introducing the WebStorm IDEAlternative development environmentsHelp starting a projectElsewhere in the SDK
Building your first application
Exploring the Web project structureUnwrapping packagesA look at PubspecPutting Dart into the web pageImporting packagesVariable declarationsWriting the event handlerLoading the saved textSaving the textRunning in the browserEditing and reloadingExtending the interfaceUsing the CSS editor
Debugging a Dart application
Working in harmony with JavaScriptCommenting in the code
Summary
2. Advancing the Editor
The next steps for the text editorStarting pointDart classesStructuring the project
Building the dialog package
The package project structureAdding a local package referenceUnderstanding the package scopeDefining the base dialog boxThe alert dialog boxThe About dialog boxUsing the confirmation dialog boxCounting words using a listThe Word Frequency featureUnderstanding the typing of Dart codeThe file download featureThe clock featureExecuting Dart codeMulti-processing the VMThe class designerBuilding a more complicated dialogConstructing the classUnderstanding the flow of eventsLaunching the application
The command-line app for source code statistics
The command-line project structureProcessing the source codeFile handling with the dart:io packageDebugging the command-line programIntegrating the statisticsHTML5 and the canvasDrawing the pie chart
Building web interfaces with Dart
Compiling to JavaScript
Minification of JavaScript output
Summary
3. Slideshow Presentations
Building a presentation applicationLaying out the applicationDefining the presentation formatParsing the presentationA sample presentationPresenter project structuresLaunching the applicationBuilding bullet point slides
Accessing private fields
Using true getters and setters
Mixin' it up
Defining the core classesTransforming data into HTMLEditing the presentationDisplaying the current slideNavigating the presentationHandling the button key pressesUsing the Function typeStaying within the boundsUsing the slider controlResponding to keyboard eventsShowing the key helpListening twice to event streams
Changing the colors
Adding a date
Timing the presentation
Introducing the Stopwatch classImplementing the presentation timer
An overview of slides
Handout notes
Comparing optional positional and named parameters
Summary
4. Language, Motion, and Sound
Going fullscreenRequest fullscreenUpdating the interface for fullscreenUpdating keyboard controls for fullscreenAdding mouse controls
Adding metadata
Creating a custom annotationTranslating the user interface text
Exploring the intl package
Locating strings to translateExtracting the stringsRunning commands with Dart pubObtaining translationsIntegrating the translations textChanging the language of the user interfaceAdding a language combo box
Working with dates
Formatting for the locale
Animating slides
Using a timer
Playing sound in the browser
Producing sound effectsCreating sound filesLoading soundsPlaying back sounds
Summary
5. A Blog Server
The Hello World server example
A blog server
Introducing the HTTP protocolStarting up the serverStoring the blog posts formatReading text filesReading a folder of filesRequest handlingServing textRobots.txtRendering a single blog postRendering the index pageServing imagesLocating the fileServing a single image fileServing a 404 error
Introducing Dart's server frameworks
RedstoneRikuloShelf
Deployment
DependenciesDeploying on UnixUsing the screen commandLaunching a screenDeploying on WindowsUsing the NSSM toolUsing a Microsoft solution
Load testing
Building a simple load tool
Summary
6. Blog Server Advanced
LoggingWriting text filesExtracting request information
A blog editor
Password protectionEncryptionHandling more complex formsProcessing the formSaving data to a diskServing a default graphicRefreshing the blog
Caching
Watching the filesystem
XML feed generation
Serving the RSS
The JSON feed generation
Serving the JSONConsuming the JSON feed
Static generation
Freezing the website
Introducing the await and async keywords
Joining file pathsCreating an output folderGenerating the front pageWriting the static version
Load testing revisited
Updating the load tester
Summary
7. Live Data Collection
Kicking off the earthquake monitoring system
Introducing the data source
Exploring the GeoJSON format
Fetching and recording the data
Logging
A simple example of loggingData monitor logging
Saving to the database
Installing a database systemUsing PostgreSQL from Dart
Introducing the pgAdmin GUI
Creating the database and loginDefining the tableInserting dataRunning the programMaintaining a databaseManaging command line argumentsRetrieving dataDeleting data
Observing the Dart VM internals
Unit testing
Running unit testsWriting unit tests for the data monitorGrouping tests togetherExamining the test results
Summary
8. Live Data and a Web Service
Freeing the dataReworking the data collectorAdding a new data tableFiltering the dataConverting the feature to JSONImproving the data maintenanceStoring the single featureRunning the data application
Creating the web service
Using the package rpcInitiating the API serverExposing methodsError handling of incorrect requestsServing the latest informationSupplying the dataDiscovering the APIRunning the web service
Recapping the system so far
Consuming application
Packaging the gridInitiating the real-time updatesPerforming the updateFetching the JSONConfiguring the grid view controlFormatting the timeWorking with date and timeBuilding the tableShowing the page
Summary
9. A Real-Time Visualization
Iteration overview
Application overview
Drawing the map imagePlotting on the mapAnimating the displayFetching the dataUpdating the map indicatorsMouse over popupsZooming into the display
Notifying the user of an update
Plotting the user's location
Sorting the feature list
Documenting Dart code with dartdoc
Summary
10. Reports and an API
Recapping the earthquake system
Advancing the REST API
Passing parameters to the API
Posting on the API
Connecting to an API clientVarying the dataReturning to the mapReporting on the dataThe ReportSite projectReport classesCreating a printable reportCharting the dataExporting to CSV
Summary
2. Module 2
1. Beyond Dart's Basics
Modularity and a namespaceModularity in software developmentModularity in DartLibraries
Functions and closures in different scopes
Naming functions with a variablePassing a function as an argument to another functionReturning a function as a result of another functionStoring a function in data structuresClosures
Classes and mixins
TypesClassesInheritanceInterfaceMixinsWell-designed classesTo be private or notVariables versus the accessor methodsInheritance versus composition
Methods and operators
Checking the values of the parameters before using themWell-designed methods
Summary
2. Advanced Techniques and Reflection
GenericsRaw typesUsing genericsGeneric typesGeneric functions
Errors versus exceptions
ErrorsExceptions
Annotations
Built-in annotationsDeprecatedOverrideProxyCustom annotations
Reflection
Introspection in actionReflection in action
Summary
3. Object Creation
Creating an objectA generative constructorA constructor with optional parametersA named constructorA redirecting constructorA private constructorA factory constructorThe factory method design patternThe singleton design patternA constant constructorInitializing variablesSyntactic sugarMethod callCascade method invocation
Summary
4. Asynchronous Programming
Call-stack architectures versus event-driven architecturesCall-stack architecturesEvent-driven architecturesThe Dart VM execution modelSynchronous versus Asynchronous code
Future
Future and TimerFuture and MicrotaskSync the Future classFuture with a valueFuture with an errorDelaying the Future class
Zones
Simple zone exampleZone nestingZone valuesZone specificationsInteraction between zonesTracking the zone execution
Isolates
Summary
5. The Stream Framework
Why you should use streams
Single-subscription streams versus broadcast streams
A single-subscription streamA broadcast stream
An overview of the stream framework API
The Stream classThe validation methods of the Stream classThe search methods of the Stream classThe subset methods of the Stream classCreating a streamA new stream from the Future classA new stream from the Iterable classA new stream with periodically generated eventsA new stream from the transformation pipeA new stream from StreamControllerWhat does the StreamSubscription class do?Minimizing access to the Stream class members using StreamViewThe Sink and EventSink interfacesImportance of the StreamConsumer interfaceWhat does the StreamSink class do?Transforming streams with the StreamTransformer classTraverse streams with StreamIterator
Summary
6. The Collection Framework
A Dart collection framework
Ordering of elements
The Comparable interfaceThe Comparator type
Collections and generics
The collection class hierarchy
The Iterable interface
Properties of the Iterable collectionChecking the items of a collection on a conditionThe iterate over collectionThe search over collectionCreating a new collectionReducing a collectionConverting a collectionGenerating a collectionThe Lazy Iterable
The Iterable interface
BidirectionalIterator
The collection classes
ListLinkedListSetHashSetLinkedHashSetSplayTreeSetQueueMapHashMapLinkedHashMapSplayTreeMap
Unmodifiable collections
The unmodifiable listThe unmodifiable map
Choosing the right collection
Summary
7. Dart and JavaScript Interoperation
Interoperation at a glance
The dart:js library
JsObjectJsFunctionJsArray
Type conversion
Direct type conversionProxy type conversionCollection conversion
JsObject and instantiation
JsFunction and the this keyword
Dart with jQuery
How to create a shortcut to jQueryWhy does JProxy need a method call?How does JProxy invoke jQuery?An example projectHow to get the jQuery versionHow to perform actions in jQueryHow to use effects in jQueryWhat is the impact on performance?
Summary
8. Internalization and Localization
The key principlesExecutable code versus User InterfaceNumbers and datesMessagesMeasuring units and currenciesText input and layoutFormatting date and time
The Intl library
Changing a localeFormatting numbersFormatting datesInternalizing messagesAdding parenthesesAdding genderAdding selectCreating complex message translationsBidirectional formatting
Internationalizing your web application
Extracting messages
Using Google Translator Toolkit
Using translated messages
Summary
9. Client-to-server Communication
Communication at a glanceThe Internet protocol stack
Hypertext Transfer Protocol
Web serverStandalone HTTP communication via the dart:io libraryStandalone HTTP communication via the http packageWeb browser HTTP communication via the dart:html libraryWeb browser HTTP communication via the http package
AJAX polling request
AJAX long polling request
Server-Sent Events
WebSocket
Summary
10. Advanced Storage
Cookies
Web Storage
The Session storageThe Local storage
Web SQL
IndexedDB
Summary
11. Supporting Other HTML5 Features
The notification APIsWhen to notifyPreventing repeated notifications
The native drag-and-drop APIs
Draggable contentThe drag-and-drop eventsDragging dataDragging the feedback imageDragging effectsThe drop targetFinishing a dropFinishing a drag
The geolocation APIs
Determining the current locationGeolocation on mapsTracking the present location
Canvas
Example – the canvas editorBeginning with HTMLMoving to the main functionThe CanvasWidget componentThe ToolSelector widgetThe ColorSelector widgetThe Tool classThe Pen toolThe Line toolThe Rectangle toolThe Oval toolHow to clear the contextHow to preview the context
Summary
12. Security Aspects
Web securityTransport Layer Security and Secure Socket Layer at a glanceThe TLS certificate
Securing a server
Securing a client
Attributes of cookiesHTTP Strict Transport SecurityContent Security PolicyCross Origin Resource Sharing versus JSON with paddingCAPTCHA
Security best practices
Summary
3. Module 3
1. Working with Dart Tools
Introduction
Configuring the Dart environment
Getting readyHow to do it...How it works...
Setting up the checked and production modes
Getting readyHow to do it...How it works...There's more...See also
Rapid Dart Editor troubleshooting
Getting readyHow to do it...How it works...There's more...
Hosting your own private pub mirror
How to do it...How it works...
Using Sublime Text 2 as an IDE
Getting readyHow to do it...How it works...See also
Compiling your app to JavaScript
How to do it...How it works...There's more...Producing more readable JavaScript codeProducing a single Dart fileSee also
Debugging your app in JavaScript for Chrome
How to do it…How it works...There's more...Debugging your app in JavaScript for Firefox
Using the command-line tools
How to do it...See also
Solving problems when pub get fails
Getting readyHow to do it...How it works...There's more...
Shrinking the size of your app
How to do it...How it works...There's more...More Information Section 1See also
Making a system call
How to do it...How it works...
Using snapshotting
How to do it...How it works...There's more...See also
Getting information from the operating system
Getting readyHow to do it...How it works...There's more...
2. Structuring, Testing, and Deploying an Application
Introduction
Exiting from an app
How to do it...How it works...
Parsing command-line arguments
How to do it...How it works...See also
Structuring an application
Getting readyHow to do it...How it works...There's more...See also
Using a library from within your app
How to do it...How it works...There's more...
Microtesting your code with assert
How to do it...How it works...There's more...
Unit testing a Polymer web app
Getting readyHow to do it...How it works...See also
Adding logging to your app
Getting readyHow to do it...How it works...There's more...
Documenting your app
Getting readyHow to do it...How it works...There's more...
Profiling and benchmarking your app
Getting readyHow to do it...How it works...See also
Publishing and deploying your app
Getting readyHow to do it...How it works...There's more...
Using different settings in the checked and production modes
How to do it...How it works...
3. Working with Data Types
Introduction
Concatenating strings
How to do it...How it works...There's more...
Using regular expressions
How to do it...How it works...There's more...
Strings and Unicode
How to do it...How it works...There's more...
Using complex numbers
How to do it...How it works...There's more...
Creating an enum
How to do it...How it works...There's more...
Flattening a list
How to do it...How it works...There's more...
Generating a random number within a range
How to do it...How it works...
Getting a random element from a list
How to do it...How it works...See also
Working with dates and times
How to do it...How it works...There's more...
Improving performance in numerical computations
How to do it...How it works...There's more...Working with JavaScriptParsing numbersSee also
Using SIMD for enhanced performance
How to do it…How it works...See also
4. Object Orientation
Introduction
Testing and converting types
How to do it...How it works...There's more...See also
Comparing two objects
How to do it...How it works...There's more...See also
Using a factory constructor
How to do it...How it works...There's more...
Building a singleton
How to do it...How it works...
Using reflection
Getting readyHow to do it...How it works...There's more...See also
Using mixins
How to do it...How it works...There's more...
Using annotations
How to do it...How it works...There's more...See also
Using the call method
How to do it...How it works...There's more...
Using noSuchMethod
How to do it...How it works...There's more...See also
Making toJSON and fromJSON methods in your class
Getting readyHow to do it...How it works...There's more...
Creating common classes for client and server apps
How to do it...How it works...There's more…See also
5. Handling Web Applications
Introduction
Responsive design
How to do it...How it works...See also
Sanitizing HTML
How to do it...How it works...
Using a browser's local storage
How to do it...How it works...There's more...See also
Using application cache to work offline
How to do it...How it works...There's more...
Preventing an onSubmit event from reloading the page
How to do it...How it works...
Dynamically inserting rows in an HTML table
How to do it...How it works...See also...
Using CORS headers
How to do it...How it works...There's more...
Using keyboard events
How to do it...How it works...There's more...
Enabling drag-and-drop
How to do it...How it works...See also
Enabling touch events
How to do it...How it works...There's more...See also
Creating a Chrome app
How to do it...How it works...There's more...See also
Structuring a game project
How to do it...How it works...There's more...See also
Using WebGL in your app
How to do it...How it works...There's more...See also
Authorizing OAuth2 to Google services
How to do it...How it works...There's more...See also
Talking with JavaScript
How to do it...How it works...There's more...See also
Using JavaScript libraries
How to do it...How it works...See also
6. Working with Files and Streams
Introduction
Reading and processing a file line by line
How to do it...How it works...See also
Writing to a file
How to do it...How it works...There's more...
Searching in a file
How to do it...How it works...See also
Concatenating files
How to do it...How it works...There's more...See also
Downloading a file
Getting readyHow to do it...How it works...There's more...Using pipeUsing the http packageSee also
Working with blobs
Getting readyHow to do it...How it works...
Transforming streams
How to do it...How it works...There's more...See also
7. Working with Web Servers
Introduction
Creating a web server
How to do it...How it works...There is more...
Posting JSON-formatted data
How to do it...How it works...See also
Receiving data on the web server
How to do it...How it works...There's more...Writing data to a file on the serverSee also
Serving files with http_server
How to do it...How it works...There's more...
Using sockets
How to do it...How it works...There's more...
Using WebSockets
Getting readyHow to do it...How it works...There's more...See also
Using secure sockets and servers
Getting readyHow to do it...How it works...See also
Using a JSON web service
Getting readyHow to do it...How it works...See also
8. Working with Futures, Tasks, and Isolates
Introduction
Writing a game loop
How to do it...How it works...There's more...See also
Error handling with Futures
Getting readyHow to do it...How it works...
Scheduling tasks using Futures
How to do it...How it works...See also
Running a recurring function
How to do it...How it works...There's more...See also
Using isolates in the Dart VM
How to do it...How it works...There's more...See also
Using isolates in web apps
How to do it...How it works...See also
Using multiple cores with isolates
How to do it...How it works...
Using the Worker Task framework
How to do it...How it works...There's more…See also
9. Working with Databases
Introduction
Storing data locally with IndexedDB
How to do it...How it works...See also
Using Lawndart to write offline web apps
How to do it...How it works...See also
Storing data in MySQL
Getting readyHow to do it...How it works...There's more...
Storing data in PostgreSQL
Getting readyHow to do it...How it works...See also
Storing data in Oracle
Getting readyHow to do it...How it works...There's more…
Storing data in MongoDB
Getting readyHow to do it...How it works...See also
Storing data in RethinkDB
Getting readyHow to do it...How it works...See also
10. Polymer Dart Recipes
Introduction
Data binding with polymer.dart
How to do it...How it works...There's more…
Binding and repeating over a list
How to do it...How it works...There's more...
Binding to a map
How to do it...How it works...See also
Using custom attributes and template conditionals
How to do it...How it works...See also
Binding to an input text field or a text area
How to do it...How it works...
Binding to a checkbox
How to do it...How it works...See also
Binding to radio buttons
How to do it...How it works...
Binding to a selected field
How to do it...How it works...
Event handling
How to do it...How it works...
Polymer elements with JavaScript interop
How to do it...How it works...See also
Extending DOM elements
How to do it...How it works...
Working with custom elements
How to do it...How it works...There's more...
Automatic node finding
How to do it...How it works...
Internationalizing a Polymer app
How to do it...How it works...There's more...
11. Working with Angular Dart
Introduction
Setting up an Angular app
How to do it...How it works...There's more...
Using a controller
How to do it...How it works...There's more...
Using a component
How to do it...How it works...There's more...See also
Using formatters as filters
How to do it...How it works...See also
Creating a view
How to do it...How it works...
Using a service
How to do it...How it works...See also
Deploying your app
How to do it...How it works...See also
A. Bibliography
Index

Content preview from Dart: Scalable Application Development

Preventing an onSubmit event from reloading the page

The default action for a submit button on a web page that contains an HTML form is to post all the form data to the server on which the application runs. What if we don't want this to happen?

How to do it...

Experiment with the submit application by performing the following steps:

Our web page submit.html contains the following code:

<form id="form1" action="http://www.dartlang.org" method="POST">
  <label>Job:<input type="text" name="Job" size="75"></input>
   </label>
   <input type="submit" value="Job Search">
   </form>

Comment out all the code in submit.dart. Run the app, enter a job name, and click on the Job Search submit button; the Dart site appears.

When the following code is added to submit.dart

Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.

Read now

Unlock full access

More than 5,000 organizations count on O’Reilly

O’Reilly covers everything we've got, with content to help us build a world-class technology community, upgrade the capabilities and competencies of our teams, and improve overall team performance as well as their engagement.

Julian F.

Head of Cybersecurity

I wanted to learn C and C++, but it didn't click for me until I picked up an O'Reilly book. When I went on the O’Reilly platform, I was astonished to find all the books there, plus live events and sandboxes so you could play around with the technology.

Addison B.

Field Engineer

I’ve been on the O’Reilly platform for more than eight years. I use a couple of learning platforms, but I'm on O'Reilly more than anybody else. When you're there, you start learning. I'm never disappointed.

Amir M.

Data Platform Tech Lead

I'm always learning. So when I got on to O'Reilly, I was like a kid in a candy store. There are playlists. There are answers. There's on-demand training. It's worth its weight in gold, in terms of what it allows me to do.

Mark W.

Embedded Software Engineer

Publisher Resources

ISBN: 9781787288027

Cloud Computing

Data Engineering

Data Science

AI & ML

Programming Languages

Software Architecture

IT/Ops

Security

Design

Business

Soft Skills

Dart: Scalable Application Development

by Davy Mitchell, Sergey Akopkokhyants, Ivo Balbaert

Preventing an onSubmit event from reloading the page

How to do it...

Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.

More than 5,000 organizations count on O’Reilly

Julian F.

Addison B.

Amir M.

Mark W.

You might also like

Dart: Up and Running

Write Web Apps with Dart: Develop and Design

Web Programming with Dart

Beginning App Development with Flutter: Create Cross-Platform Mobile Apps

Publisher Resources