# Build Real World Full Stack Mobile Apps in Java - Free Course

This is the final course released as part of my 2017-2019 courses for Codename One mobile development. I hope you find it useful. Even though some of the material is out of date, the vast majority is still very relevant and applicable.

I've worked with many mobile developers over the years and one common thread is the process of solving the same problems all over again. Everyone is building an Uber clone, a social media app, a restaurant ordering app or some other common template.

Even if you aren't it's very likely you are building a variation of the same idea e.g. one of my friends has a startups that bills itself as "air b&b for eating at peoples homes"... This is common even in corporate applications where we redo the same ideas again & again.

This course tries to build the common templates and it's constantly evolving to add more applications!

It offers a set of full featured app building tutorials from start to finish without skimming on details...

I cover the full stack which is rare in the Java world. We go into the server side, the client side, deployment to the stores, server provisioning in the cloud, database creation, UI design, adapting the design, working with photoshop, coding, security and every other aspect you can think of in this course.


## Restaurant Server

### Server
%[https://www.youtube.com/watch?v=exL7bS0StP4]

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/4dtIKazlOYNrV8?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/2Q0BUPScTYcClb?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

## The App Maker

### Scope and Basic UI Design
%[https://www.youtube.com/watch?v=tiY5ofnJop8]

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/n91cxPAsvLTZLm?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/uawGu7sMvwDlgd?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

### Fleshing Out the UI Design
%[https://www.youtube.com/watch?v=IxVUX0s2Nms]

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/2YWnzAgdcl4dbE?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/bCQZeyfLrpJ7KG?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

## Initial UI Mockup
The source code for the mockup built in this section is [available here](https://github.com/shai-almog/RestaurantAppBuilder).

### Architecture of Mockup
%[https://www.youtube.com/watch?v=vxsUf3gw1zg]

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/Fmt5ozKNrQ2yTT?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/3XaK7yYzUcaHMD?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

### Base Navigation Form and Shape Effects
%[https://www.youtube.com/watch?v=xzwq4P9ogoU]

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/uPjkMLLn1mrl29?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/nOO2XB6srW8Rsc?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

### Dish List and Edit
%[https://www.youtube.com/watch?v=yv3WXt8o88k]

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/IzC1OcroYlHKUQ?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/jwKJ9EsmK6aVEj?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

## App Maker Server
The source for the server built in this section is available [here](https://github.com/shai-almog/AppBackendServer).

### Introduction, Architecture and Authorization
%[https://www.youtube.com/watch?v=FcHVK9ObONg]

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/xICQ3j24O4LfRW?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/28RRTn5Wj0Je1C?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

### REST API Design
%[https://www.youtube.com/watch?v=L7ulPCUxIsw]

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/cSAfdKj68BItdb?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/cdWoA90wcPZHDH?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

### Communicating from the Client
%[https://www.youtube.com/watch?v=VnYaxvVn6OA]

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/AEcBbdK99X71aw?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/9WSYGLu78JArWn?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

## SQLite and ORM Binding
The updated application is available in [this repository](https://github.com/shai-almog/RestaurantAppBuilderSQLiteORM).

### SQLite Abstraction with Object Relational Mapping
%[https://www.youtube.com/watch?v=Qw7moLv-dE4]

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/o8ML1bt7vYCHL5?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/29ZQ2sZq94IYcr?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

### Integrating SQLite into the Code
%[https://www.youtube.com/watch?v=vAiTW4Y8QuA]

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/9rgTYA263I0g8x?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/nryk8VNEARycWO?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

## Miscellaneous Features
Here is [the repository](https://github.com/shai-almog/RestaurantAppBuilderMiscFeatures) with the changes discussed in this section.

### Details, Categories and Validation
%[https://www.youtube.com/watch?v=VCNFKMeud-w]

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/FI6xa5lhv2xMCr?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/LALVWmghP5b0H8?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

### Billing and Global Server
%[https://www.youtube.com/watch?v=Q0fkApAGMZA]

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/zrLCIpFcUzDfCy?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/h4lscwZnwy8g34?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

### Sidemenu and Preview
%[https://www.youtube.com/watch?v=jhPep9vHv_U]

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/AR07o9Y88Mv2bV?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/x4AcXK22QSQiqA?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

### About Forms
%[https://www.youtube.com/watch?v=a7MF3oSCASE]

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/64OBSW3FtpPlXu?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/6hx4nGa6fN4MP7?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

## Style Form
The source code corresponding to this section is [available here](https://github.com/shai-almog/RestaurantAppBuilderStyles).

### Style Customization 1 - Introduction and Basics
%[https://www.youtube.com/watch?v=p05yMCleSLo]

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/KbtUPZ6fbtfaWx?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/KCHZkvpLnYQ9o8?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

### Style Customization 2 - The Customization Popup
%[https://www.youtube.com/watch?v=uYCCbE70kE0]

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/9ZRyARwO47gwLn?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/4nux9MAnUakz9i?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

### Style Customization 3 - Font and Color Pickers
%[https://www.youtube.com/watch?v=ZzSCPcnFkxs]

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/FimauiH3gbOL9M?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/EpKXP0XtJgJach?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

### Style Customization 4 - Saving Style Settings
%[https://www.youtube.com/watch?v=Wiy2goFwfQA]

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/KYJFlNZxsVdYta?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/nWgZzJxo78mbDx?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

## Push and In-App Purchase
This section updated both the [server code](https://github.com/shai-almog/AppBackendServerPush) and the [client code](https://github.com/shai-almog/RestaurantAppBuilderPush).

### Push 1 - Initial Registration Process
%[https://www.youtube.com/watch?v=SBqYZSdIdec]

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/14csoxWXKgJ65p?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/4LGcTMyWW0xCWO?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

### Push 2 - Client Side Code
%[https://www.youtube.com/watch?v=BwWhFcHc6LM]

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/Ga5EmUqhjFVWRt?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/7nnsIKBARSQx14?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

### Push 3 - The Server Side and Build Logic
%[https://www.youtube.com/watch?v=qaYExTzcCVY]

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/HCVLAKe8OFxV2k?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/gtGdW0q64kfc7y?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

### Push Http Fallback
%[https://www.youtube.com/watch?v=VDyltmk_Hu8]

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/sETdMk7zsXZv3V?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/jruLymj2wYp2F2?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

### Push WebSockets Fallback
%[https://www.youtube.com/watch?v=FSek5IOQ0IE]

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/hXRVAblSZxMRA?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/db9ybDcI7hhfyr?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

### In-App Purchase
%[https://www.youtube.com/watch?v=uvQKs_PdB64]

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/f28EKTks24bSQH?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/zScEgihIhNTTYH?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

## Setting Up a Cloud Server
Today I would just wrap the whole thing in a container and deploy it more easily. Still, understanding this process and the logistics is always nice. In 2017 Docker was still pretty new and not as universal, Kubernetes was just announced too. 

### Setting up the VPS Server
%[https://www.youtube.com/watch?v=PRk7EhXQRqs]

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/NrA8OQfubuAjEu?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/Ixder3imT1NDgj?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

### Yum, MariaDB, Security and iptables
%[https://www.youtube.com/watch?v=4jIqplr19HA]

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/WAtKJzvSscOq2?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/wQdXp5XKKdNX2?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

### Starting the Server on Boot
%[https://www.youtube.com/watch?v=mqNtfN2C3fM]

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/Cf7os28XLMQcLy?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/w1YAtkY0jN7Iff?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

### Let's Encrypt, HTTPS Certificate Support
%[https://www.youtube.com/watch?v=sH5GY816sRc]

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/2BYJFGt2wVsh4p?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/2RmImhPNiUYgUK?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

### Automating Lets Encrypt Renewal Process
%[https://www.youtube.com/watch?v=0l4R049tSOY]

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/HKldTdC7Fwb0dc?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/gSzi6RiQRnxeeZ?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

## Adapting to Tablets and Desktops
### Abstraction and Architecture
%[https://www.youtube.com/watch?v=Dh1bYqiKBQo]

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/MLU5teZasOM6aF?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/2gAHSu4sS9CQ7K?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

### The UIAbstraction Class
%[https://www.youtube.com/watch?v=bU6pZPs3uto]

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/1DHUjyD0tDrfKa?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/1wN6FedYXVCRjN?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

### The TabletUI Class
%[https://www.youtube.com/watch?v=DyzEgAGyRcA]

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/FHDrsplKQbFtdA?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/Hxe8lEHoeawSeF?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

### Putting it all Together
%[https://www.youtube.com/watch?v=AMlnslUn1bA]

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/8Gv9mR2jNRdYW6?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/45HMtqi4Yu4FPg?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

## Animations

### Transitions
%[https://www.youtube.com/watch?v=aVkeOIx-Is8]

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/py4RzJGR8wxr97?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/L9IlbyTaWSK7Ay?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

### Layout Animations
%[https://www.youtube.com/watch?v=anfVMvBXXX0]

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/mK9FUHisguxBfB?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/hX94yhTMH7npXc?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

### Animation Manager, Style Animations and Low Level Animations
%[https://www.youtube.com/watch?v=qUJ4FwZMEQY]

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/B2ffrkgeZgiaW4?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/CWweEnwBPdMsyj?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

## Creating an Uber Clone
This chapter was the basis for my book on creating an Uber clone available [here](https://www.amazon.com/Create-Uber-Clone-Days-mobile-ebook/dp/B07FRXZRRV/). 

The server source code is available [here](https://github.com/codenameone/UberCN1Server). The mobile client source code is [here](https://github.com/codenameone/UberCN1/). 

### 1. Introduction
%[https://www.youtube.com/watch?v=xCEOuV43Uqw]

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/oe4cb4VO4ay7XN?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/AjmdVjF788cZVw?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

### 2. Basic Setup
%[https://www.youtube.com/watch?v=-brmZYVWb0Y]

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/aJTpPMwfhjQHvX?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/mdnf2kqhzrP0wz?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

### 3. Login and Country Code
%[https://www.youtube.com/watch?v=Cc8YG-_M02M]

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/Nl86tGADxjO6hr?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/2YPWJh69zHrlS4?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

### 4. Login Shadow and Rotation
%[https://www.youtube.com/watch?v=owhInk5YAtg]

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/4EEAFsyM7GzXjL?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/MZnRu2D8MFT56G?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

### 5. Social Login and Country Picker
%[https://www.youtube.com/watch?v=gM-InTtdhVE]

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/edTe2tKFj0W9iW?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/HW38pfXMCkd7LY?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

### 6. SMS Activation Flow
%[https://www.youtube.com/watch?v=cRqvkIpJlkg]

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/dUCav0CqMqcZWv?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/a5GSwJOrIFRmQ?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

### 7. Map Form
%[https://www.youtube.com/watch?v=UU6HCbenVAA]

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/qDPYyYYVhflKO8?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/hcA37pfwzjHXyY?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

### 8. Where To UI
%[https://www.youtube.com/watch?v=-7XHkBMK4NY]

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/wd7Dbu9TqqfeBy?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/aOHArpUpmxlGsI?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

### 9. Where To UI - Part II
%[https://www.youtube.com/watch?v=Lai--eYYJTw]

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/qZgWqqF5QI2LHZ?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/4P3ECLFFdJ2CQt?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

### 10. Side Menu
%[https://www.youtube.com/watch?v=AFvuY7Ev-XA]

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/wPaFqF9UqRwXXU?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/85suTMpAjERld0?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

### 11. The Spring Boot Server
%[https://www.youtube.com/watch?v=EkiTDQn9Cpg]

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/2jETR86O6KpXih?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/1SPHFGI1Xv7twU?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

### 12. Server WebSocket Handler
%[https://www.youtube.com/watch?v=3-ZH2IFIIMY]

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/bJD4dOfEt8I7dm?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/fxLOUZdbS0Qno3?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

### 13. Client Side UserService
%[https://www.youtube.com/watch?v=l97sDefhHMM]

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/Nc6qHvTZy0U0jY?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/GY0lZ4pVWpC2It?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

### 14. SMS Activation and Interception
%[https://www.youtube.com/watch?v=TOWhbEhiRe4]

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/3SRoZXk6mGNAhn?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/LPc7KSyzSk67PS?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

### 15. Location Service - Client Side
%[https://www.youtube.com/watch?v=TRF76P1Dwwc]

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/AUdpgxnKaXFLU7?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/DPzNpF5tlDG5vV?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

### 16. Connecting the Location Service to the Map Form
%[https://www.youtube.com/watch?v=ymocxBIQn0o]

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/JYtFAmtSn8WDdv?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/yk6JYtubzAeqIh?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

### 17. Reverse Gecoding Google Webservice
%[https://www.youtube.com/watch?v=A72rY4rU7E0]

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/h2CLfKKnUNvenC?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/tWwkFWZOqzVOQH?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

### 18. Directions and Places Google Web Services
%[https://www.youtube.com/watch?v=KhSWyE6rAN8]

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/vJYP2koed4EQxs?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/m4xkI8w40YY4HO?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

### 19. Auto Complete Location Search UI
%[https://www.youtube.com/watch?v=Jk3tTyZroP0]

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/eORitE1Psss8ZD?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/EQjLWfV2nBX51e?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

### 20. Search Completion Container
%[https://www.youtube.com/watch?v=T8l7k2OeGpo]

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/EH8yqh0vYnWaKK?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/MWyNpilR3Zb0P5?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

### 21. Plotting the Route On the Map - Setup
%[https://www.youtube.com/watch?v=FKTM8jAepJs]

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/ettaWK3zDppWEo?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/zlJ1vQQlEMroAu?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

### 22. Plotting the Route On the Map - to/from Tags
%[https://www.youtube.com/watch?v=vjTexRDCihA]

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/jIugGOZs8BPYMg?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/qX3K7Ykppc8LjP?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

### 23. Plotting the Route On the Map - Completion
%[https://www.youtube.com/watch?v=aW3OlGTmasw]

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/O9J2IBLGsYh9M?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/l3xAN59zG8YLfW?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

### 24. Hailing in the Client - Showing a Beacon
%[https://www.youtube.com/watch?v=qEgDZHZJEYo]

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/CunXqW1848LBqP?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/hvhOu4C4fA8gMK?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

### 25. Hailing in the Client - Networking and Sending Push Messages
%[https://www.youtube.com/watch?v=54POZ4PFFBw]

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/izLLGOF5x6bPFe?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/5YmAekZorRJ5m5?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

### 26. Driver App Server
%[https://www.youtube.com/watch?v=KckMUmmSzd4]

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/vvENbUoMEwK1Cu?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/LI9IeOwqASkV0o?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

### 27. Driver App Server - WebSocket Portion
%[https://www.youtube.com/watch?v=IaalGP1UDeU]

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/3jAYkPalBNYKKn?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/qaWubrAubs1XIV?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

### 28. The Driver App - 2 Apps in One Project
%[https://www.youtube.com/watch?v=91BrBoia4nM]

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/a5G0ZBkQ25GZza?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/qHmHQQHuGU31qP?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

### 29. Separating the Driver App and Push Notification
%[https://www.youtube.com/watch?v=gmqFd2bU_fM]

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/BlJnH9W5f2D0Tm?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/GExUTa8UKgAeO9?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

### 30. Driver and User Hailing Process
%[https://www.youtube.com/watch?v=sBAiPOnjX6o]

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/yAvM5rb7TseN1I?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/7a9srwbsN2QDBY?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

### 31. Billing with Braintree - Flow explained and Server Side
%[https://www.youtube.com/watch?v=sBAiPOnjX6o]

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/LjwOkA4FW5Q9ML?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/u8DscIhs8q2G1Q?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

### 32. Braintree - Client Side Integration
%[https://www.youtube.com/watch?v=RBYGdCllnww]

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/2nVZYRMK3dYYQa?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/zY0yE9IGM2VJxJ?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

### 33. Social Login - Basics and Facebook App
%[https://www.youtube.com/watch?v=qKc1hZyw360]

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/58oeiiNnQl7Pca?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/3VVmciAzgX6xT2?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

### 34. Facebook and Google Login Code
%[https://www.youtube.com/watch?v=UwdI_tMqYgU]

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/hcFMaiFIt32zxQ?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/M4ZUyvPwN5xKU?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

### 35. Google Login Process
%[https://www.youtube.com/watch?v=JWLsSbbo4N4]

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/A6jQ8Pw7g3KNr1?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/eXU1VWwdZxRnCI?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

### 36. Morph Transition - Animating Elements Between Forms
%[https://www.youtube.com/watch?v=9T8MBBuWBDs]

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/JymIq6xFgjK8zl?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/nuqalLX5iTyvOl?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

### 37. Cover Transition - Conditionally Showing a Form Transition
%[https://www.youtube.com/watch?v=IaalGP1UDeU]

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/qHtKI5mqeuPjfV?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/lu5w1WHEhpGRlT?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

### 38. Circular Floating Action Button Animation
%[https://www.youtube.com/watch?v=YE7OQFQE0yA]

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/1SQXy0NwFErY7X?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/cJX5ioipcwiQTQ?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

### 39. Settings Form and Fetching the Avatar Image
%[https://www.youtube.com/watch?v=tBBtpdz-JJg]

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/lUdq1oa7OASeq9?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/NiR6YaSHD0s5mA?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

### 40. Edit User - UI Binding and Multipart Image Upload
%[https://www.youtube.com/watch?v=S1SHZLXQxSI]

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/lIDPl6es6YkD1k?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/E41SKIfRYmXd1N?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

## Creating a Facebook Clone
The complete app created in this section is available [here](https://github.com/codenameone/FacebookClone/tree/master). The corresponding server side is available [here](https://github.com/codenameone/FacebookCloneServer/tree/master).

### 1. Introduction
%[https://www.youtube.com/watch?v=S5pAGkV4h4w]

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/G8HYsxf96wuVLd?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/M7NPIg6kJxpsjF?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

### 2. Creating the Project and CSS
%[https://www.youtube.com/watch?v=3rLf9A9RYPY]

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/L9BbFg8B7XzuCW?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/D3SQLuM1t4PSrA?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

### 3. Splash Screen
%[https://www.youtube.com/watch?v=Rat-FDqDCTU]

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/eue3yw0O92i1CS?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/cTcxbxKVTcnvs4?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

### 4. Login Form
%[https://www.youtube.com/watch?v=vdFr815Dhpg]

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/BYudpMU0zTpWP8?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/FdsKiUbu2UxRvr?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

### 5. Rich Text View and Signup Form
%[https://www.youtube.com/watch?v=UhLFHJj8qnM]

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/csc7XBXDAfL6uu?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/fH6lzsrj27PU21?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

### 6. Signup Form - Terms and Conditions
%[https://www.youtube.com/watch?v=xLa5yeeVsE8]

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/1VXBiriW21dcsP?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/wgVw6S9JFpIXiz?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

### 7. Signup Form - Name, Birthday and Gender
%[https://www.youtube.com/watch?v=Nv_0NVgCbSk]

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/7sRZyUG6ykDJQ5?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/Gw8oFjbNdVW3bc?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

### 8. Signup Form - Phone, Email, Password and Confirmation
%[https://www.youtube.com/watch?v=v-kJ_nIYq3I]

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/fvZvXlbUXTMyGq?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/CYdTnOHOYOvVov?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>


### 9. The Main Form
%[https://www.youtube.com/watch?v=q4YjUClRHBk]

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/fLt5klCroQgKh9?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/pNSJMGgDtgMfN6?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

### 10. Client Data Model - User, Post and Comment
%[https://www.youtube.com/watch?v=PHb5YO77OQk]

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/u0CApIC85fvG6S?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/5u81SwSvV0D9cR?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

### 11. ServerAPI Abstraction Mockup
%[https://www.youtube.com/watch?v=PERdJq3I-As]

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/At7b3etA4jkVTE?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/g2fG13noZ4DQ1M?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

### 12. The Newsfeed Container
%[https://www.youtube.com/watch?v=B4QCJRFpG-k]

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/rIWeXrAlp69rB7?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/oEiUvBVwXuAKNG?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

### 13. Friends Container
%[https://www.youtube.com/watch?v=LZ_ydua__gY]

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/st6r8iwOGzEgVd?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/timkgQD5fSsKBI?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

### 14. Notifications Container
%[https://www.youtube.com/watch?v=FczBAgUIb1c]

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/kEiv6CbqGyQ2F5?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/8ojxLiv5JjeXwJ?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

### 15. The More Container
%[https://www.youtube.com/watch?v=kfKsVAx659s]

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/xKMImljFNccmvN?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/bX5GgiHStmyVXo?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

### 16. The "New Post" Form
%[https://www.youtube.com/watch?v=0a6mPI412C4]

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/Ad5bausDJxAvki?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/t94T8XSwVZn86J?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

### 17. Spring Boot Server Architecture and the User Entity
%[https://www.youtube.com/watch?v=iCY64ThCleI]

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/M300l7yolwYZKc?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/w8dgAWoPJSKnH5?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

### 18. Media Entity
%[https://www.youtube.com/watch?v=W_1S2Rzgff8]

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/Izyxpj5cp2RbIo?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/a3leMsdNLVceGb?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

### 19. Post and Comment Entities
%[https://www.youtube.com/watch?v=tjgyigzxo5U]

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/dP1Hxe0Ke9BTaC?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/kXYmRrJ8cBuki9?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

### 20. Notification, Newsfeed and ShadowUser Entities
%[https://www.youtube.com/watch?v=Otujb_KyofA]

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/nXiIb1MikP4BtR?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/7RZzmy9UlOzQEu?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

### 21. Service Layer and UserService
%[https://www.youtube.com/watch?v=QY7josfVbdg]

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/H1THQ7v1agBVmx?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/306eHuWlWTbaRQ?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

### 22. UserService Part II
%[https://www.youtube.com/watch?v=JZvrsZzdays]

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/mPCLj6oV97QRoC?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/sRhpyKH0uATArp?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

### 23. NotificationService and MediaService
%[https://www.youtube.com/watch?v=zJ7L5fi60H8]

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/aglVlSejTV8gD?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/Dj7wYnzUxmDz2m?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

### 24. PostService
%[https://www.youtube.com/watch?v=UxATbrfWveU]

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/KphgpfuZMfx5eE?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/fJZfrxZ2e2PIKO?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

### 25. WebService Layer and UserWebService
%[https://www.youtube.com/watch?v=rjIQqfrFvbI]

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/gJjE7ZGkf1VJvO?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/g9Y8Ke0KRO7BD8?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

### 26. PostWebService and MediaWebService
%[https://www.youtube.com/watch?v=h-I62aFYBNA]

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/yZLN4W4XEpp8HZ?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/BZ7QJIA2KsikY0?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

### 27. Client Side ServerAPI
%[https://www.youtube.com/watch?v=yamsuV5Airc]

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/FoXWy84WF4bq30?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/LiuBvmSb8yDRvJ?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

### 28. Client/Server Signup Process
%[https://www.youtube.com/watch?v=8WER-8R0WqA]

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/t20r5eUTzQDTiN?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/91B1CQEM0zhapt?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

### 29. Newsfeed and Posts From Server
%[https://www.youtube.com/watch?v=AIsD5MXEK-c]

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/BlsO2ya2fxprLf?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/ML5zpuwqR18HWT?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

### 30. Friends - Calendar Synchronization, Accept/Reject Requests
%[https://www.youtube.com/watch?v=-aTpqxDa1Ag]

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/2i5fQzOdtTog4f?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/N0YToG05Jd4Rlp?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

### 31. Search: Server Side with Spring Boot and Hibernate
%[https://www.youtube.com/watch?v=tWMVUDScyfQ]

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/2lgioheVFsFX54?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/r4jo49iY6h45f9?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

### 32. Search: WebService and Client Code
%[https://www.youtube.com/watch?v=_WKRuO0Izxg]

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/GOQHqwmcTzdBpk?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/2tWfw8Sh7TUari?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

### 33. Search: Client Side UI - SearchForm
%[https://www.youtube.com/watch?v=sxCADu-SjpQ]

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/8GrTAi6sNE1iYV?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/hEkdsg8OOuy39e?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

### 34. Search Results UI: UserForm and PostForm
%[https://www.youtube.com/watch?v=Rt68rA2c6A8]

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/aD4B3ZK30qILrf?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/bcYgaBOjpSo5iN?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

### 35. Threaded Comments UI - CommentsForm
%[https://www.youtube.com/watch?v=OnZIaGXDZSo]

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/aElscEttqdKBJv?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/hoKabSHwLEVZa6?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

### 36. SettingsForm - Cover and Avatar
%[https://www.youtube.com/watch?v=_JCsyyIH02E]

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/oNiRGojLaCbsZ3?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/gS2cVEyGI8grGz?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

### 37. Generic Settings using InstantUI - Automatic Dynamic UI Generation
%[https://www.youtube.com/watch?v=hys6Rpkru50]

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/16aNR5L0Aaf8RD?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/Kz1KIFnKP0wg58?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

### 38. Server Side Post Media Attachment
%[https://www.youtube.com/watch?v=Xrolmjg8Dr0]

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/KvnYIaQI1YhQSN?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/JVrnNhPF77CRIJ?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

### 39. ImagePicker - Video and Custom Support
%[https://www.youtube.com/watch?v=wp6gqYLD-XM]

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/4E6xdbNpKh83ki?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/srErQPJsnoPTVa?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

### 40. Post Media Attachments - Client Side Business Logic
%[https://www.youtube.com/watch?v=H7WW4GwXK8o]

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/5Fgtyc1P3c4BHg?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/ovZZgKDwu5XmRr?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

### 41. Post Image and Video from NewPostForm
%[https://www.youtube.com/watch?v=U0Ms65vcVr4]

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/CvkfRO5ZKLJZda?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/IWdTLLsYz9p2Ab?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

### 42. Images, Videos and Styled Posts in the Newsfeed
%[https://www.youtube.com/watch?v=M518p4_Horg]

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/r7JmdL2NyDjhqC?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/foK5SA6usKdr5x?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

### 43. Low Level Camera Integration
%[https://www.youtube.com/watch?v=cZiHmpw2FVI]

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/or6xga8cqCaNbw?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/4GO9Km2mueNIbI?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

### 44. Push Notification - Theory, Entity and Service Layers

%[https://www.youtube.com/watch?v=LFoSl_a2rs8]

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/q0PePqkrr0tUzQ?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/73KDySxduzZXD?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

### 45. Push Notification - Server Implementation
%[https://www.youtube.com/watch?v=5WpZmIkdUfs]

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/mYcSu7yFOKnGc7?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/1TcGyoAt2AvT2W?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

### 46. Push - Client Side Integration
%[https://www.youtube.com/watch?v=GEzM1MXkqnk]

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/zQugjPf62DisbQ?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/3iKgxiWPRLskGG?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

## Creating a WhatsApp Clone
The code for the WhatsApp clone client is available in [this repository](https://github.com/shai-almog/WhatsAppClone). The server code is available [here](https://github.com/shai-almog/WhatsAppCloneServer).

### 1. Getting Started
%[https://www.youtube.com/watch?v=fJD45Mz8SZM]

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/dILmqZK4EBZ0Pg?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/xO46Is0oEcXAqu?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

### 2. Client to Server Abstraction
%[https://www.youtube.com/watch?v=gJoJQST5jyM]

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/1FOXZb9CqF1rpl?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/hy9txeWnGBiDC?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

### 3. The Model Package
%[https://www.youtube.com/watch?v=46TpE-Cgtw8]

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/kccL1ymQ8DEecV?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/uQzZeklt8KKQYP?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

### 4. The Main Class
%[https://www.youtube.com/watch?v=65LciCzyRNQ]

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/G0qHzatYU4myLD?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/sPhvjwVG05YnKz?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

### 5. Main Form
%[https://www.youtube.com/watch?v=csTtSj6TqRE]

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/msxfZqSpkUnxle?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/M0RQc4QcE352OY?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

### 6. Theme CSS
%[https://www.youtube.com/watch?v=BbVoa3vw7OM]

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/m2Po57EvA5VjEI?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/hNsUvDDeXQiivn?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

### 7. Bubble Border
%[https://www.youtube.com/watch?v=jR7_OTg-aG0]

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/HsNhgX3Qm9skiF?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/4Eraevn3lx26JN?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

### 8. Chat Form
%[https://www.youtube.com/watch?v=65jD9oGw61w]

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/trQFFPDLskgAzD?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/e8k3wJLuxJllTV?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

### 9. The New Message Form
%[https://www.youtube.com/watch?v=0ETli_N__ZY]

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/lYwqIjXE83Ly6c?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/5tfYYuJLpSAfLi?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

### 10. Server Entities
%[https://www.youtube.com/watch?v=Rok0Ubr4xes]

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/CBhkC5z5e8pLYx?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/nVKgTtPRutttuA?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

### 11. Server DAO and Entities
%[https://www.youtube.com/watch?v=BSj3KRM5Sj0]

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/MZiIsanzn1m6kN?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/sPWzoz7IeBdeX4?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

### 12. User Service
%[https://www.youtube.com/watch?v=5EyrMpQqR-k]

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/KEJeNzoJZ5H2G?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/wbB07abe8miNCQ?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

### 13. User Web Service
%[https://www.youtube.com/watch?v=BSrupbUahRM]

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/qMzgnfb9i8fZsB?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/3VKNj7lshYWDfe?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

### 14. Web Socket
%[https://www.youtube.com/watch?v=YwD35TG6WAg]

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/DmXPvdQri1b2G8?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/6b3oS66JyIpQ4k?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

## Create a Netflix Clone
The Netflix clone app is hosted on GitHub [here](https://github.com/shai-almog/NetflixCloneCN1). The server portion is available [here](https://github.com/shai-almog/NetflixCloneServer).

### Introduction
%[https://www.youtube.com/watch?v=r_ti2QAhm9s]

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/pcm0SA5vOC6Rw?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/6sdMQPefQ6fjxR?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

### Server Part I
%[https://www.youtube.com/watch?v=7CoD9u6KM2Q]

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/2oQVLF3vkuaw09?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/uACfZWVzK6wE88?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

### Server Part II
%[https://www.youtube.com/watch?v=47WhIiLxv78]

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/dn0p3GX5Tg2j5H?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/8fLpt5SKYsDtIN?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

### Server Part III
%[https://www.youtube.com/watch?v=vLBQhAJ6aTk]

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/LiGHhV13fReVq4?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/uLcg8v4q6lzMlX?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

### Client Model
%[https://www.youtube.com/watch?v=HJvMQKM5FPY]

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/4em23cX96VpHC3?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/pRLojiLaXSoBc6?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

### Client UI
%[https://www.youtube.com/watch?v=nImSppBdgkY]

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/36j5zbbPD1LupP?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/NYD4WmW1mgGLsI?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>