---
# System prepended metadata

title: <center><i class="fa fa-edit"></i> Before Internship Log</center>

---

# <center><i class="fa fa-edit"></i> Before Internship Log</center>


---

## Weekly Report

### 1. Weekly plan: 04 - 08 Feb 2019
:::info
Title: Find out about PWA 1
- Know the definition of PWA
- Knowing the difference between PWA and Native APP
- Know the application/language to make PWA
- Know the disadvantages and advantages of the application to make PWA

Outcome: Article
:::

:::success
<i class="fa fa-book fa-fw"></i> [Progressif Web Applications(PWAS)](https://hackmd.io/@IiIMng1LRROpF_v94VDNOw/SygncJ9xH)
:::

### 2. Weekly plan: 11 Feb - 1 mar 2019
:::info
Title: Find Tutorial, Learn HTML & CSS 1
Basic tutorial for PWA : https://www.udacity.com/course/intro-to-progressive-web-apps--ud811
Developing PWA tuorial : https://codelabs.developers.google.com/dev-pwa-training/
Tutorial for Pre-requisite
HTML & CSS : https://www.udacity.com/course/intro-to-html-and-css--ud001
Javascript : https://www.udacity.com/course/intro-to-javascript--ud803

Outcome :
- Learn HTML&CSS Syntax
- Pratice HTML&CSS Syntax Problem Set
- Make Mockup Web
:::

:::success
Finish Tutorial about HTML&CSS
Simple Web
Usefull Link:
HTML
Reference: https://developer.mozilla.org/en-US/docs/Web/HTML/Element
Validation : https://validator.w3.org/

CSS
Reference :
https://developer.mozilla.org/id/docs/Web/CSS/Reference
https://css-tricks.com/almanac/

DevTools
Reference:
https://developers.google.com/web/tools/chrome-devtools/
:::

### 3. Weekly plan: 18 - 22 March 2019

:::info
Title: Learn Javascript 1
Javascript : https://www.udacity.com/course/intro-to-javascript--ud803

Outcome :
- Learn Javascript Language
:::


:::success
- Learn the history of javascript and start writing code immediately using JavaScript console
- Learn to represent real-world data using JavaScript variables, and distinguish between the different data types in the language
- Learn how to add logic to JavaScript programs using the conditional statement
- Harness the power of JavaScript loops to reduce code duplication and automate repetitive tasks
:::

### 4. Weekly plan: 25 Feb - 01 March 2019

:::info
Title: Summarize Previous Outcame & Learn Javascript 2
Javascript : https://www.udacity.com/course/intro-to-javascript--ud803

Outcome :
- Summarize in hack md
:::


:::success
<i class="fa fa-book fa-fw"></i> [Tutorial for PWA](https://hackmd.io/@IiIMng1LRROpF_v94VDNOw/ryuUsycgr)
<i class="fa fa-book fa-fw"></i> [HTML](https://hackmd.io/@IiIMng1LRROpF_v94VDNOw/Hk45sJclS)
<i class="fa fa-book fa-fw"></i> [CSS](https://hackmd.io/@IiIMng1LRROpF_v94VDNOw/BJdni19lH)
:::

### 5. Weekly plan: 04 - 08 March 2019

:::info
Title: Learn Javascript 3 & Chrome DevTools
Javascript : https://www.udacity.com/course/intro-to-javascript--ud803
Chrome DevTools :https://developers.google.com/web/tools/chrome-devtools/

Outcome :
- Summarize in hack md
:::


:::success
<i class="fa fa-book fa-fw"></i>[JavaScript](https://hackmd.io/s/BJpkCk5lr)
<i class="fa fa-book fa-fw"></i>[Google DevTools](https://hackmd.io/@IiIMng1LRROpF_v94VDNOw/rkbyh1qer)
:::

### 6. Weekly plan: 10 - 17 March 2019

:::info
Title: Make First PWA
https://github.com/unicodeveloper/pwa-commits
Outcome :
- Summarize in hack md
:::



:::success
<i class="fa fa-book fa-fw"></i>[First PWA](https://hackmd.io/gFsnndC3TQu2UNusvroS9Q?view)

:::

### 7. Weekly plan: 18 - 22 March 2019
:::info
Title: Ionic & Developing PWA1
Get Started with Ionic (Make a App)
Learn Developing PWA
1.0 Welcome (this codelab!)
2.0 Offline quickstart
3.0 Scripting the service worker

Outcome :
- Summarize in HackMD


:::


:::success
<i class="fa fa-book fa-fw"></i>[Get Started with Ionic](https://hackmd.io/@IiIMng1LRROpF_v94VDNOw/S1ew21qgr)
<i class="fa fa-book fa-fw"></i>[Developing PWA](https://hackmd.io/@IiIMng1LRROpF_v94VDNOw/SkCUhyclH)
:::

### 8. Weekly plan: 25 - 29 March 2019
:::info
Title: Ionic 2 & Developing PWA2
Make the first app in Ionic
Learn Developing PWA
3.1 Promises
3.2 Fetch API
4.0 Workbox

Outcome :
- Summarize in HackMD


:::


:::success
<i class="fa fa-book fa-fw"></i>[First App Ionic](https://hackmd.io/@IiIMng1LRROpF_v94VDNOw/Hy45nyqxH)
I try to make a summary of developing PWA, but it is too hard for me. Because the materials are too deep for me. I will continue to learn it after reliable using Ionic

:::

### 9. Weekly plan: 01 - 05 April 2019
:::info
Title: Ionic API
Prerequisite
Angular 7 : https://www.youtube.com/watch?v=5wtnKulcquA
Getting Started Ionic API
https://ionicacademy.com/ionic-4-app-api-calls/

Outcome :
- Summarize in HackMD


:::


:::success
<i class="fa fa-book fa-fw"></i>[Angular 7](https://hackmd.io/@IiIMng1LRROpF_v94VDNOw/HyZAn1clH)
<i class="fa fa-book fa-fw"></i>[API Ionic](https://hackmd.io/s/ByKcXMwtN#)
:::

### 10. Weekly plan: 08 - 12 April 2019
:::info
Title: Design Maintenance Records for Smart Dispenser

Outcome :
- Ionic App
- Summarize in HackMD

:::


:::success
<i class="fa fa-book fa-fw"></i>[Design Maintenace Records](https://hackmd.io/@IiIMng1LRROpF_v94VDNOw/S1rZTy9eS)
:::

### 11. Weekly plan: 15 - 19 April 2019
:::info
Title: Make Dynamic Page Maintenance Records for Smart Dispenser

Outcome :
- Ionic App
- Summarize in HackMD

:::


:::success
<i class="fa fa-book fa-fw"></i>[Maintenace Records Backend](https://hackmd.io/AzAwk6HLQT2MWU4x4IQ-GA)
:::

### 12. Weekly plan: 13 - 17 May 2019
:::info
Title: Make User Inteface Report Problem Page

Outcome :
- Summarize in HackMD

:::


:::success
<i class="fa fa-book fa-fw"></i>[User Interface of Report Problem Page](https://hackmd.io/@IiIMng1LRROpF_v94VDNOw/rkV7elqeB)
:::

### 13. Weekly plan: 20 - 24 May 2019
:::info
Title: Make Back End Report Problem Page

Outcome :
- Summarize in HackMD

:::

:::success
<i class="fa fa-book fa-fw"></i>[Back End of Report Problem Page](https://hackmd.io/@IiIMng1LRROpF_v94VDNOw/rJ0BgeqxS)
:::

### 15. Weekly plan: 27 - 31 May 2019
:::info
Title: Improving Maintenace Records Page

Outcome :
- Summarize in HackMD

:::

:::success
<i class="fa fa-book fa-fw"></i>[Improving Mantenace Records Page](https://hackmd.io/@IiIMng1LRROpF_v94VDNOw/Bk5uelqgB)
:::

### 16. Weekly plan: 03 - 07 Juny 2019
:::info
Title: Add funtion fo Upload Photo in Report Problem Page

Outcome :
- Summarize in HackMD

:::

:::success
<i class="fa fa-book fa-fw"></i>[Capture, Store, & Upload Image Ionic](https://hackmd.io/@IiIMng1LRROpF_v94VDNOw/r1gsgg5lB)
:::


### 17. Weekly plan: 11 - 14 Juny 2019
:::info
Title: Add funtion fo Upload Photo in Report Problem Page

Outcome :
- Summarize in HackMD

:::

:::success
<i class="fa fa-book fa-fw"></i>[Still in Progress](https://hackmd.io/@IiIMng1LRROpF_v94VDNOw/S1qlblclH)
:::