PWA stands for progressive web app. This is an app built from the web technologies we all know and love, like HTML, CSS, and JavaScript, but with a feel and functionality that rivals an actual native app.
In Learning Plan 2 Part 1, I managed to create a Progressive Web App. I added manifest.json for fetch my images and serviceworker.js to program the network connection.
Patrick's PWA ProjectIn this learning plan, I learned how to create a Progressive Web App. A Progressive Web App is an app built from the web technologies we all know and love, like HTML, CSS, and JavaScript, but with a feel and functionality that rivals an actual native app. To create a PWA, you’ll need a serviceworker.js, manifest.json, and app.js. You will need to keep them all in the same file path where your index file is located. When I first learned about Progressive Web Apps, I never heard of the term before. Once I learned more about it, I learned what it entailed. You can create PWA’s with a mobile platform and it will work perfectly. I had to right click on the browser, Inspect, and clicked on the Application tool to view if my service worker, manifest, and app were working. If I had any JavaScript errors, the tool would notify me in the Console area. For this project, I added a home page and a PWA link. This was an interesting project to learn the functionalities of how to build a Progressive Web App.
Voice User Interface makes spoken human interaction with computers possible by speaking into your computer microphone and using speech recognition to understand spoken commands and answers to a question. I managed to create a Voice UI for my web page with HTML, CSS, and JavaScript JavaScript to create my Voice UI to keep track on what the user is saying in the text area.
Voice UIIn this learning plan, I learned how to create a Voice User Interface. I always wanted to know how it was created because I've used it often on Google and it's very popular in the age we are living in. The Voice User Interface uses speech recognition to recognize what you are saying in the text area. This is very useful for people who can't type and can only use their language to speak. Voice UI helps you to speak instead of typing out what you want to say. When going to Google, you can ask a question by clicking the mic button and you can say "Ok Google, What is this?" or you can say "What is this?" instead. When creating this project, I never knew how Google created it and now that I know how they did it, I can now use this for my future web pages. I used HTML, CSS, and JavaScript to create the speech recognition for what the user is saying. I really enjoyed creating a Voice UI because this is my first time creating one, and learning about how it works and how it functions.