Standards and Specifications

LP2 Standards and Specifications


Touch Screen Gestures

Did you know you can take an HTML website and convert it into a mobile app? There are different from programs available the take the file and convert it into a native app that can be put on an app store. Having knowledge on how to work with mobile devices today is important. If you look around a room at any given time you will either find that someone is on their phone or that their phone is close by them. In this learning plan I had worked with three different touch gestures, swipe, pinch to zoom and draw.

mobile phone

Touchscreen Gestures

API

In this class we had the opportunity to work with API's. API's are aspects that you can link to websites. An example of this would be how some websites tag their location in google maps. Many websites are using API's to link their social media feeds to their websites, so customers can see their latest post, or they are linking them to show customers reviews. To add an API, you will need to key a key from the website that you are looking to use. In the assignment I had done, I linked google maps to a contact form. To do this I had to sign into my Google account and request a key. Once I had a key, I was able to take the code Google had provided and enter the key I was given. Once the key is placed into the code the API will display on the website. You can specify where the Google maps API loads to by placing in the longitude and latitude coordinates of the location.

Google Maps API

Google Maps API

Bootstrap

Bootstrap is a framework for web developers. Bootstrap is based on a grid system similar to flex box. Bootstrap was developed by some employees at Twitter to make web development easier. Bootstrap has different design templates available. Once of the best features of Bootstrap is that there are specific tags that can be used to get a specific function for the web page. Bootstrap is a framework that allows developers to develop for one device. This means that Bootstrap is mobile optimized right out of the box. The website you are viewing was made using bootstrap.

Bootstrap framework logo.

Bootstrap Project