by | Released November 2014 | ISBN: 0134070879

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 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 LevelIntermediateWhat You Will LearnHow to build modern UIs using AngularJSHow Java can be used between the front-end and MongoDB on the back-endMore about MongoDB, a document databaseHow to use these tools together to rapidly prototype web applicationsWho Should Take This CourseDevelopers looking for a demonstration on how to use front-end and back-end tools to rapidly prototype web applications.Course RequirementsFamiliarity with JavaScript and HTML5Familiarity with JavaTable of ContentsLesson 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. Show and hide more

1. Introduction
   • Java and MongoDB Rapid App Prototyping Developer Talks: Introduction 00:04:42
2. Lesson 1: Getting Started with Dropwizard
   • Getting Started with Dropwizard 00:06:27
3. Lesson 2: Getting Started with AngularJS
   • Getting Started with AngularJS 00:05:39
4. Lesson 3: Using Bootstrap to Create Attractive Mobile-Friendly Applications
   • Using Bootstrap to Create Attractive Mobile-Friendly Applications 00:02:46
5. Lesson 4: Saving JSON Created by AngularJS to MongoDB
   • 4.1 Sending AngularJS JSON to the Server 00:05:52
   • 4.2 Saving Java Objects to MongoDB 00:10:46
6. Lesson 5: Managing Server-Side Resources Using Dropwizard
   • Managing Server-Side Resources Using Dropwizard 00:02:28
7. Lesson 6: Using UI Bootstrap Widgets
   • Using UI Bootstrap Widgets 00:02:29
8. Lesson 7: Taking Advantage of MongoDB’s Dynamic Schema
   • Taking Advantage of MongoDB’s Dynamic Schema 00:05:05
9. Lesson 8: Using the Geolocation Capabilities of HTML5 and MongoDB
   • 8.1 Using Groovy to Convert XML into MongoDB Documents 00:05:46
   • 8.2 Querying Geolocation Data 00:03:34
   • 8.3 Getting a User’s Location and Displaying their Nearest Shop 00:06:03
10. Summary
    • Java and MongoDB Rapid App Prototyping Developer Talks: Summary 00:02:17
Show and hide more