November 2014
Intermediate
1h 3m
English
Overview
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.
Description
In this Developer Talk, Java engineer Trisha Gee demonstrates
with live coding how to build a web application in one hour. On the
front-end, she uses AngularJS, HTML5, JavaScript, and Bootstrap. On
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 Instructor
Trisha 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_geeSkill Level
- Intermediate
- How to build modern UIs using AngularJS
- How Java can be used between the front-end and MongoDB on the back-end
- More about MongoDB, a document database
- How to use these tools together to rapidly prototype web applications
- Developers looking for a demonstration on how to use front-end and back-end tools to rapidly prototype web applications.
Course Requirements
- Familiarity with JavaScript and HTML5
- 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: informit.com/livelessons.
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.
Watch 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.
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.
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.
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.