Diploma in Mobile App Development · PDF fileDisplaying Content 1. Create HTML Tags 2. Loop...
-
Upload
trinhduong -
Category
Documents
-
view
217 -
download
2
Transcript of Diploma in Mobile App Development · PDF fileDisplaying Content 1. Create HTML Tags 2. Loop...
![Page 1: Diploma in Mobile App Development · PDF fileDisplaying Content 1. Create HTML Tags 2. Loop through each element 3. ... Guerrilla Testing Test your App on Devices in your local Store](https://reader031.fdocuments.in/reader031/viewer/2022022503/5ab086a87f8b9a59478eb30a/html5/thumbnails/1.jpg)
Lesson 5
Web Hosting
MAD Educator: Tadhg Deeney
Diploma in Mobile App DevelopmentPart I
@ShawMobileApp
![Page 2: Diploma in Mobile App Development · PDF fileDisplaying Content 1. Create HTML Tags 2. Loop through each element 3. ... Guerrilla Testing Test your App on Devices in your local Store](https://reader031.fdocuments.in/reader031/viewer/2022022503/5ab086a87f8b9a59478eb30a/html5/thumbnails/2.jpg)
MOBILE APP DEVELOPMENT TOOL KIT
ONLY €19.99
Webinar Slides for every lesson
Bonus Videos
Summary Notes for every lesson
Exclusive Starter Pack
INCLUDED:
Enhance your learning experience!
![Page 3: Diploma in Mobile App Development · PDF fileDisplaying Content 1. Create HTML Tags 2. Loop through each element 3. ... Guerrilla Testing Test your App on Devices in your local Store](https://reader031.fdocuments.in/reader031/viewer/2022022503/5ab086a87f8b9a59478eb30a/html5/thumbnails/3.jpg)
Lesson 4 Recap
• Introduction to JavaScript
• Variables & Functions
• Arrays
• Adding Interactions
• Summary
• Course Interaction
• Q & A
![Page 4: Diploma in Mobile App Development · PDF fileDisplaying Content 1. Create HTML Tags 2. Loop through each element 3. ... Guerrilla Testing Test your App on Devices in your local Store](https://reader031.fdocuments.in/reader031/viewer/2022022503/5ab086a87f8b9a59478eb30a/html5/thumbnails/4.jpg)
https://www.facebook.com/shawacademy
Facebook Review
Leave a Facebook Review to receive free code samples from todays lesson
Email [email protected] once you have posted your review
![Page 5: Diploma in Mobile App Development · PDF fileDisplaying Content 1. Create HTML Tags 2. Loop through each element 3. ... Guerrilla Testing Test your App on Devices in your local Store](https://reader031.fdocuments.in/reader031/viewer/2022022503/5ab086a87f8b9a59478eb30a/html5/thumbnails/5.jpg)
Lesson 5
• Lesson 4 Recap
• Finishing our App
• Device Testing
• What is Web Hosting?
• Putting our App LIVE on the Web
• Summary
• Course Interaction
• Q & A
![Page 6: Diploma in Mobile App Development · PDF fileDisplaying Content 1. Create HTML Tags 2. Loop through each element 3. ... Guerrilla Testing Test your App on Devices in your local Store](https://reader031.fdocuments.in/reader031/viewer/2022022503/5ab086a87f8b9a59478eb30a/html5/thumbnails/6.jpg)
![Page 7: Diploma in Mobile App Development · PDF fileDisplaying Content 1. Create HTML Tags 2. Loop through each element 3. ... Guerrilla Testing Test your App on Devices in your local Store](https://reader031.fdocuments.in/reader031/viewer/2022022503/5ab086a87f8b9a59478eb30a/html5/thumbnails/7.jpg)
Our To-Do List
Using App Designer:-Header-Input Field-Button-Image
FrameworksCSS & JavaScript LibrariesSimplifies tasks for developersEnsures code will work
![Page 8: Diploma in Mobile App Development · PDF fileDisplaying Content 1. Create HTML Tags 2. Loop through each element 3. ... Guerrilla Testing Test your App on Devices in your local Store](https://reader031.fdocuments.in/reader031/viewer/2022022503/5ab086a87f8b9a59478eb30a/html5/thumbnails/8.jpg)
Our To-Do List
Store Tasks
Add to our Array1. Get the input value from HMTL file2. Push the value into the array3. Update the HTML Document
Displaying Content1. Create HTML Tags2. Loop through each element3. Replace the content in HTML file
Add an Event
JavaScript
var taskList = [];
function add(){
var task= document.getElementById("taskValue").value;
document.getElementById("taskValue").value = "";
taskList.push(task);
display();
}
function display(){
var taskListContent = “<ul>”;…}
document.getElementById(‘add’).addEventListener(‘click’, add);
![Page 9: Diploma in Mobile App Development · PDF fileDisplaying Content 1. Create HTML Tags 2. Loop through each element 3. ... Guerrilla Testing Test your App on Devices in your local Store](https://reader031.fdocuments.in/reader031/viewer/2022022503/5ab086a87f8b9a59478eb30a/html5/thumbnails/9.jpg)
Modifying our App
Modify the Display function
Add a Button to each List Item
Create an Event for Each Button
Create a Remove function
JavaScript
function remove(){
var id = this.getAttribute(“id”);taskList.splice(id, 1);display();
}
![Page 10: Diploma in Mobile App Development · PDF fileDisplaying Content 1. Create HTML Tags 2. Loop through each element 3. ... Guerrilla Testing Test your App on Devices in your local Store](https://reader031.fdocuments.in/reader031/viewer/2022022503/5ab086a87f8b9a59478eb30a/html5/thumbnails/10.jpg)
Testing on Devices
How do you Test on Devices?
Buy the Phones you need
Guerrilla TestingTest your App on Devices in
your local Store
Intel’s App Preview
![Page 11: Diploma in Mobile App Development · PDF fileDisplaying Content 1. Create HTML Tags 2. Loop through each element 3. ... Guerrilla Testing Test your App on Devices in your local Store](https://reader031.fdocuments.in/reader031/viewer/2022022503/5ab086a87f8b9a59478eb30a/html5/thumbnails/11.jpg)
What is Web Hosting?
![Page 12: Diploma in Mobile App Development · PDF fileDisplaying Content 1. Create HTML Tags 2. Loop through each element 3. ... Guerrilla Testing Test your App on Devices in your local Store](https://reader031.fdocuments.in/reader031/viewer/2022022503/5ab086a87f8b9a59478eb30a/html5/thumbnails/12.jpg)
What is Web Hosting?
The Business of providing storage space & access for Web Apps
A service that posts a Web App on to the World Wide Web
![Page 13: Diploma in Mobile App Development · PDF fileDisplaying Content 1. Create HTML Tags 2. Loop through each element 3. ... Guerrilla Testing Test your App on Devices in your local Store](https://reader031.fdocuments.in/reader031/viewer/2022022503/5ab086a87f8b9a59478eb30a/html5/thumbnails/13.jpg)
Free Vs Dedicated Hosting
Free Hosting• Nothing is truly free• Ads • No Control over the Server• Difficult to Migrate• Unpredictable Performance
Dedicated Hosting• Very Expensive• No Ads• Full Control over the Server• Full Allocation of Resources• Extremely Predictable Performance
Check your Student Area or Email for Discount Code
![Page 14: Diploma in Mobile App Development · PDF fileDisplaying Content 1. Create HTML Tags 2. Loop through each element 3. ... Guerrilla Testing Test your App on Devices in your local Store](https://reader031.fdocuments.in/reader031/viewer/2022022503/5ab086a87f8b9a59478eb30a/html5/thumbnails/14.jpg)
Finishing off our App
Testing with App Preview
What is Web Hosting?
Putting our App LIVE on the Web
Congratulations you have just taken the next step
o Attend all of the lessons live to ask Questions in
real time and benefit the most
o We’re here to help, so contact us anytime!
Summary
![Page 15: Diploma in Mobile App Development · PDF fileDisplaying Content 1. Create HTML Tags 2. Loop through each element 3. ... Guerrilla Testing Test your App on Devices in your local Store](https://reader031.fdocuments.in/reader031/viewer/2022022503/5ab086a87f8b9a59478eb30a/html5/thumbnails/15.jpg)
Coding Challenge
You guys are Awesome!
Stay tuned for another Challenge on Thursday!
www.youtube.com/c/shawacademyMobileAppDevelopment @shawacademy @ShawMobileApp
![Page 16: Diploma in Mobile App Development · PDF fileDisplaying Content 1. Create HTML Tags 2. Loop through each element 3. ... Guerrilla Testing Test your App on Devices in your local Store](https://reader031.fdocuments.in/reader031/viewer/2022022503/5ab086a87f8b9a59478eb30a/html5/thumbnails/16.jpg)
• The next session is “Development Tools”
• What is Version Control?
• Creating a Repository & Branching
• Project Management
• Keeping a Good Work Flow
Your Next Lesson
Lesson 6
Has your knowledge grown?
Shaw Academy Lifetime Membership Prize
Announcement!
![Page 17: Diploma in Mobile App Development · PDF fileDisplaying Content 1. Create HTML Tags 2. Loop through each element 3. ... Guerrilla Testing Test your App on Devices in your local Store](https://reader031.fdocuments.in/reader031/viewer/2022022503/5ab086a87f8b9a59478eb30a/html5/thumbnails/17.jpg)
Student Feedback
We strive for continuous improvement
After the lesson we will ask you to rate the lesson on a
scale of 1 (lowest) to 5 (highest).
![Page 18: Diploma in Mobile App Development · PDF fileDisplaying Content 1. Create HTML Tags 2. Loop through each element 3. ... Guerrilla Testing Test your App on Devices in your local Store](https://reader031.fdocuments.in/reader031/viewer/2022022503/5ab086a87f8b9a59478eb30a/html5/thumbnails/18.jpg)
www.facebook.com/shawacademy @shawacademy @ShawMobileApp
QUESTION TIME See you back for Lesson 6 Development Tools