HTML5

Class 10  Key-point :   Using PIXNET API to import data from PIXNET wesite.

  Class 9  Key-point : We can use materialize CSS to format our layout by using cards.  Use for loop to fill cards when listing items, to avoid repeating code. Instead of repeating this segment for every item listed we add a for loop. Also we implement reading the data from Google Spread Sheet so the for loop will run row number of times, where row is the number of items listed on the Spread Sheet.     We get the following result.

  Class 8  Key-point : Using iframe to input google maps onto website. We can do this by importing Google Map's API, then set the latitude and longitude. Also we can set the zoom of the map to show different locations, such zoom=20 for buildings or zoom=4 for countries.

  Class 7  Key-point : Using Google's API to read from Spread Sheet into our website. Must initialize Google Spread Sheet with special URL which allow java script to access all data inside a spreadsheet. The function init() initializes and opens the spread sheet and then sends the data to the function processSheetsData() in order to get data values from it.  We do this by using rows and columns.