# Deep Dive into Mobile Development with Codename One - Free Online Course Material

This is the second part of my online courses from 2017 that are now available for free. In this course we go beyond the developer guide and the online docs to explain how to work with crucial Codename One tools required for building real world apps. We explain everything from device portability to native interfaces (access to native device features) and much more!

As part of this course we cover the process of building a simple restaurant ordering system and we cover several complex Codename One API's. 

The original version of the course included a section created by Chidiebere Okwudire the creator of parse4cn1 which is removed here. I chose to omit it since the status of the Parse project is unclear and I'm not sure about IP ownership for that section.

## Working with CSS
The CSS in this section should work well for new versions too. In Maven CSS is the default and the whole "setting up" portion is no longer applicable.

The source code for this part is in [this github repository](https://github.com/shai-almog/CSSTest).

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

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

## Working with Custom Web Services

### Introduction to Spring Boot
The source code used in this part is available in [this github repository](https://github.com/shai-almog/TestSpring).

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

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

### Connecting to a Web Service
The source code used in this part is available in [this github repository](https://github.com/shai-almog/ShoppingList).

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

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

## Extracting a UI Design

### Introduction
The source code used in this part is available in [this github repository](https://github.com/shai-almog/MyRestaurant).

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

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

### Cutting Images in Photoshop
%[https://www.youtube.com/watch?v=exQ8xXAxtoU]

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/6Csd1e14lMqpsd?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/bCdj3ug9biImfE?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

### CSS
%[https://www.youtube.com/watch?v=-f1yue3hDEk]

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

### BaseForm
%[https://www.youtube.com/watch?v=aNFKBDeky2s]

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

### MainMenuForm
%[https://www.youtube.com/watch?v=WYlM2utu4Ps]

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/3dnObFhcbgIiu8?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/rjN8Rd8oCTVZrU?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

### CheckoutForm
%[https://www.youtube.com/watch?v=ts-Q1zBGXco]

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/ubYYw0QEIRYrcW?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/27Xu2h66ehy03?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

## UI Design From Scratch

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

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/3BcigLzqA7K8sf?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/IEn3mQbBjEQIJe?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

### The New Forms
%[https://www.youtube.com/watch?v=bH7cS5ENNlw]

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/HCfePAW7SgitfY?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/2Cp6srTK0QUAoV?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

### Fixing the Checkout Experience
%[https://www.youtube.com/watch?v=CvbcWC4hLYk]

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/FTwldVdHegKEqH?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/5vKCKliB2hx3uZ?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

### CSS Changes
%[https://www.youtube.com/watch?v=MLbOdCt67Rw]

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/78WYoiGAnpjeEQ?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/F8WR6rYyxY7cxB?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

### Code Changes and Summary
%[https://www.youtube.com/watch?v=a6q1M_wqEYY]

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

## Architecture

### Overview and Basic Model
%[https://www.youtube.com/watch?v=mFFjxs9EDW8]

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

### Integration and Summary
%[https://www.youtube.com/watch?v=Ke8bjFdD1bc]

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

## Native Interfaces - Billing

### The Native Interface Callback
The version of the code matching the changes in this section is [here](https://github.com/shai-almog/MyRestaurantNativeInterfaces).

%[https://www.youtube.com/watch?v=jVuNrLw4e-A]

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

### Dependencies - Gradle and CocoaPods
%[https://www.youtube.com/watch?v=d1T25sbFUKE]

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

### The Native Code
%[https://www.youtube.com/watch?v=swgT_aDsv3U]

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/MMhtpzgv1542lU?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/2Lzs6yxTlCM0z6?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

## Native Interfaces - Camera

### Introduction and Generic Code
%[https://www.youtube.com/watch?v=Mcw8z_uP3BA]

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/PEnJQNpGtFXAq?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/8wt0ZrX8NnyOxM?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

### Implementing the Native Camera on Android
%[https://www.youtube.com/watch?v=16-Vkgcx2kg]

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/4uuJifUUeHCmLt?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/ztvQMC9tAKZurW?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

### Camera iOS Port Basics
%[https://www.youtube.com/watch?v=17ISIksjcPM]

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

### ARC and View on iOS
%[https://www.youtube.com/watch?v=7G4OkjgTWIQ]

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

### Capture and Callbacks in iOS
%[https://www.youtube.com/watch?v=MbTEz-K8iwY]

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/8i2YvLHLV1fk9P?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/poFlL3zmT5U5xv?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

## Putting it All Together
The final repositories for the server and the mobile app are here:
* https://github.com/shai-almog/AppBackendServerFinal
* https://github.com/shai-almog/MyRestaurantFinal

### Communicating with the Server
%[https://www.youtube.com/watch?v=LUHb5fuWzJE]

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/4qR23t4H8ZuzFh?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/jgkBEqrQcrBnFn?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

### Address and Validation
%[https://www.youtube.com/watch?v=vOcKbbW9HBM]

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/ACXIm583ByAFP4?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/3Og7WkJQ4Z2rdc?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

### Categories and Search
%[https://www.youtube.com/watch?v=GEG_S-dyxaM]

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/GWl4XI0rnA00W6?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/273WxkeEwHlv2W?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

## Security

### Security Basics and Certificate Pinning
%[https://www.youtube.com/watch?v=kjUFJro0yUQ]

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

### Storage Encryption and Misc Security Features
%[https://www.youtube.com/watch?v=GMnWMB_JfaQ]

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

## Maps

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

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/l5HQGB1pf1lncO?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/134vwKSBCOkQZA?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

### Hello World and Devices
%[https://www.youtube.com/watch?v=m43A68sNcvg]

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

### Markers, Lightweight Overlays and Map Layout
%[https://www.youtube.com/watch?v=sed5OPQSfe0]

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

## Building from the Open Source Project Offline Without Build Servers or Plugin

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

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/6uTHRsG620s4US?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/crkyBO0rniu4k1?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

### Running the Kitchen Sink in the Simulator
%[https://www.youtube.com/watch?v=l1TPKuHYr9c]

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

### Building a Desktop Version of the Kitchen Sink
%[https://www.youtube.com/watch?v=PbRbzCGQCQE]

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

### Building an Android Native Version of the Kitchen Sink
%[https://www.youtube.com/watch?v=5eMvwRcDcug]

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

### Build an iOS Native Version of the Kitchen Sink
%[https://www.youtube.com/watch?v=RsVOanGYjqo]

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

## Performance and Memory Tuning

### What is Performance? Breaking Down the Problem
%[https://www.youtube.com/watch?v=x-mUTz23Cd4]

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/MtVbqXoT8MtgiW?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/4wLJK34rnzcHqN?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

### EDT, Threading, Caching and Soft References
%[https://www.youtube.com/watch?v=85MyytvMS9I]

<iframe src="https://www.slideshare.net/slideshow/embed_code/key/20WrwGldzEZfRX?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/ERY1prKRyRmIcf?hostedIn=slideshare&page=upload" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

### The Different Image Types and Their Impact on Performance/RAM
%[https://www.youtube.com/watch?v=DWifLQZyPDE]

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

### List, Network, Parsing and Resource File Size
%[https://www.youtube.com/watch?v=ZEe_hb1Lz6Y]

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

### Profiling on the Desktop, Using the Performance Monitor Tool
%[https://www.youtube.com/watch?v=BY1lMQz873g]

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

### Profiling on Devices iOS and Android
%[https://www.youtube.com/watch?v=YwkwqXkHGwg]

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

### Case Study: Performance Problems in the Kitchen Sink
%[https://www.youtube.com/watch?v=qGJaVaQ_MNY]

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

