Build a Web Application in Just One Hour!
Java and MongoDB Rapid App Prototyping demonstrates how to
build a mobile-friendly coffee shop web application using
AngularJS, Java, and MongoDB.
In this Developer Talk, Java engineer Trisha Gee demonstrates
with live coding how to build a web application in one hour. On the
the back-end, Dropwizard, MongoDB, Morphia, Gradle, and Groovy are
utilized, and Spock is used for testing.
The coffee shop web application built in this video enables
users to select their coffee, place the order, and pick it up at
their nearest coffee shop.
About the InstructorTrisha Geeis a developer at MongoDB. She has expertise in
Java high-performance systems, is passionate about enabling
developer productivity, and has a wide breadth of industry
experience from the decade and a half she's been a professional
developer. Twitter: @trisha_gee
Skill LevelWhat You Will Learn
Who Should Take This Course
- How to build modern UIs using AngularJS
- How Java can be used between the front-end and MongoDB on the
- More about MongoDB, a document database
- How to use these tools together to rapidly prototype web
- Developers looking for a demonstration on how to use front-end
and back-end tools to rapidly prototype web applications.
Table of Contents
- Familiarity with Java
Lesson 1, “Getting Started with Dropwizard,” shows how to
create the skeleton architecture--a main application to run, a
resource class for serving and consuming JSON, and a static HTML
page for the application UI.
Lesson 2, “Getting Started with AngularJS,” covers creating a
very basic AngularJS Single Page Application (SPA) to create
dynamically populated drop-downs and simple text inputs.
Lesson 3, “Using Bootstrap to Create Attractive
Mobile-Friendly Applications,” illustrates how to apply Bootstrap
CSS to a Single Page Application. The video provides simple styling
and layout guidelines to work in both browser and mobile devices.
Lesson 4, “Saving JSON Created by AngularJS to MongoDB,”
takes all the pieces already in place and uses the AngularJS
ngResource module to post JSON to the Java server-side resource.
The video also shows how to create the server-side Java code that
receives and saves JSON to the MongoDB database.
Lesson 5, “Managing Server-Side Resources Using Dropwizard,”
uses Dropwizard to manage the lifecycle of resources. Developers
learn how to use this to clean up connections to the database.
Lesson 6, “Using UI Bootstrap Widgets,” covers showing
feedback to the user with UI Bootstrap components. The video also
highlights how to create an alert after successfully saving an
order while using minimal code.
Lesson 7, “Taking Advantage of MongoDB’s Dynamic Schema,”
shows how to use another UI Bootstrap widget to create a typeahead
field, a form field that helps the users by suggesting terms as
they type. The video also demonstrates how to save dynamically
created values into MongoDB.
Lesson 8, “Using the Geolocation Capabilities of HTML5 and
MongoDB,” shows how to use Groovy to convert OpenStreetMap data
from XML to the correct document format for MongoDB and save it to
the database. The lesson also illustrates writing a Java method for
querying data and using HTML5 to get a user’s current location and
automatically display the results.
About LiveLessons Video Training
The LiveLessons Video Training series publishes hundreds of
hands-on, expert-led video tutorials covering a wide selection of
technology topics designed to teach you the skills you need to
succeed. This professional and personal technology video series
features world-leading author instructors published by your trusted
technology brands: Addison-Wesley, Cisco Press, IBM Press, Pearson
IT Certification, Prentice Hall, Sams, and Que. Topics include: IT
Certification, Programming, Web Development, Mobile Development,
Home and Office Technologies, Business and Management, and more.
View all LiveLessons on InformIT at: