<center> Before Internship Log</center>

# <center> 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 [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 [Tutorial for PWA](https://hackmd.io/@IiIMng1LRROpF_v94VDNOw/ryuUsycgr) [HTML](https://hackmd.io/@IiIMng1LRROpF_v94VDNOw/Hk45sJclS) [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 [JavaScript](https://hackmd.io/s/BJpkCk5lr) [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 [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 [Get Started with Ionic](https://hackmd.io/@IiIMng1LRROpF_v94VDNOw/S1ew21qgr) [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 [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 [Angular 7](https://hackmd.io/@IiIMng1LRROpF_v94VDNOw/HyZAn1clH) [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 [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 [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 [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 [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 [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 [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 [Still in Progress](https://hackmd.io/@IiIMng1LRROpF_v94VDNOw/S1qlblclH) :::