PRICING

Build Real World Full Stack Mobile Apps in Java - Free Course · Module 3

Architecture of Mockup

Lesson 4 of 143

Module 1

Restaurant Server

Server

Module 2

The App Maker

Scope and Basic UI Design
Fleshing Out the UI Design

Module 3

Initial UI Mockup

Architecture of Mockup
Base Navigation Form and Shape Effects
Dish List and Edit

Module 4

App Maker Server

Introduction, Architecture and Authorization
REST API Design
Communicating from the Client

Module 5

SQLite and ORM Binding

SQLite Abstraction with Object Relational Mapping
Integrating SQLite into the Code

Module 6

Miscellaneous Features

Details, Categories and Validation
Billing and Global Server
Sidemenu and Preview
About Forms

Module 7

Style Form

Style Customization 1 - Introduction and Basics
Style Customization 2 - The Customization Popup
Style Customization 3 - Font and Color Pickers
Style Customization 4 - Saving Style Settings

Module 8

Push and In-App Purchase

Push 1 - Initial Registration Process
Push 2 - Client Side Code
Push 3 - The Server Side and Build Logic
Push Http Fallback
Push WebSockets Fallback
In-App Purchase

Module 9

Setting Up a Cloud Server

Setting up the VPS Server
Yum, MariaDB, Security and iptables
Starting the Server on Boot
Let’s Encrypt, HTTPS Certificate Support
Automating Lets Encrypt Renewal Process

Module 10

Adapting to Tablets and Desktops

Abstraction and Architecture
The UIAbstraction Class
The TabletUI Class
Putting it all Together

Module 11

Animations

Transitions
Layout Animations
Animation Manager, Style Animations and Low Level Animations

Module 12

Creating an Uber Clone

1. Introduction
2. Basic Setup
3. Login and Country Code
4. Login Shadow and Rotation
5. Social Login and Country Picker
6. SMS Activation Flow
7. Map Form
8. Where To UI
9. Where To UI - Part II
10. Side Menu
11. The Spring Boot Server
12. Server WebSocket Handler
13. Client Side UserService
14. SMS Activation and Interception
15. Location Service - Client Side
16. Connecting the Location Service to the Map Form
17. Reverse Gecoding Google Webservice
18. Directions and Places Google Web Services
19. Auto Complete Location Search UI
20. Search Completion Container
21. Plotting the Route On the Map - Setup
22. Plotting the Route On the Map - to/from Tags
23. Plotting the Route On the Map - Completion
24. Hailing in the Client - Showing a Beacon
25. Hailing in the Client - Networking and Sending Push Messages
26. Driver App Server
27. Driver App Server - WebSocket Portion
28. The Driver App - 2 Apps in One Project
29. Separating the Driver App and Push Notification
30. Driver and User Hailing Process
31. Billing with Braintree - Flow explained and Server Side
32. Braintree - Client Side Integration
33. Social Login - Basics and Facebook App
34. Facebook and Google Login Code
35. Google Login Process
36. Morph Transition - Animating Elements Between Forms
37. Cover Transition - Conditionally Showing a Form Transition
38. Circular Floating Action Button Animation
39. Settings Form and Fetching the Avatar Image
40. Edit User - UI Binding and Multipart Image Upload

Module 13

Creating a Facebook Clone

1. Introduction
2. Creating the Project and CSS
3. Splash Screen
4. Login Form
5. Rich Text View and Signup Form
6. Signup Form - Terms and Conditions
7. Signup Form - Name, Birthday and Gender
8. Signup Form - Phone, Email, Password and Confirmation
9. The Main Form
10. Client Data Model - User, Post and Comment
11. ServerAPI Abstraction Mockup
12. The Newsfeed Container
13. Friends Container
14. Notifications Container
15. The More Container
16. The “New Post” Form
17. Spring Boot Server Architecture and the User Entity
18. Media Entity
19. Post and Comment Entities
20. Notification, Newsfeed and ShadowUser Entities
21. Service Layer and UserService
22. UserService Part II
23. NotificationService and MediaService
24. PostService
25. WebService Layer and UserWebService
26. PostWebService and MediaWebService
27. Client Side ServerAPI
28. Client/Server Signup Process
29. Newsfeed and Posts From Server
30. Friends - Calendar Synchronization, Accept/Reject Requests
31. Search: Server Side with Spring Boot and Hibernate
32. Search: WebService and Client Code
33. Search: Client Side UI - SearchForm
34. Search Results UI: UserForm and PostForm
35. Threaded Comments UI - CommentsForm
36. SettingsForm - Cover and Avatar
37. Generic Settings using InstantUI - Automatic Dynamic UI Generation
38. Server Side Post Media Attachment
39. ImagePicker - Video and Custom Support
40. Post Media Attachments - Client Side Business Logic
41. Post Image and Video from NewPostForm
42. Images, Videos and Styled Posts in the Newsfeed
43. Low Level Camera Integration
44. Push Notification - Theory, Entity and Service Layers
45. Push Notification - Server Implementation
46. Push - Client Side Integration

Module 14

Creating a WhatsApp Clone

1. Getting Started
2. Client to Server Abstraction
3. The Model Package
4. The Main Class
5. Main Form
6. Theme CSS
7. Bubble Border
8. Chat Form
9. The New Message Form
10. Server Entities
11. Server DAO and Entities
12. User Service
13. User Web Service
14. Web Socket

Module 15

Create a Netflix Clone

Introduction
Server Part I
Server Part II
Server Part III
Client Model
Client UI

Module 3: Initial UI Mockup

Previous Fleshing Out the UI Design Next Base Navigation Form and Shape Effects

Important Links

Search This Site
Documentation
Support Forums
Plugins/cn1libs
Blog
Recommended Sites
About Us
Press
Privacy Policy
Terms of Service
Site Map
Enable Chat
Manage Chat Consent

Reinventing mobile development.

~ 180 M
Apps Installed

40 k+
Developers

Codename One LTD © 2026. All Rights Reserved.

The Java® logo and name are trademarks of Oracle corp. Terms of Use

We use only Crisp chat cookies to keep support conversations working across pages. We don't use analytics or tracking tools. See Crisp cookie policy and our privacy policy. You can change this choice later from the footer links: Enable Chat or Manage Chat Consent.