Skip to main content

Class 1

 Class1 keypoint:

  • Weekly blog update.
  • Importance of RWD:
    • Over 80% of users visit websites on smartphones or other devices other than a PC.
    • Website rendering will adapt to the user's device's screen size and proportion.
  • Front-end developers:
    • Aesthetic and design of what users see on a webpage.
    • Selecting and optimizing graphics, texts, or functionalities.
  • Back-end developers:
    • Works closely with databases needed for the website to work with the desired functions(such as user logins).
    • Optimize servers for scalability, speed, and stability.
    • Implements security.
  • One page websites:
    • Contain only one HTML page.
    • Allows users to scroll down to access all contents.
    • No need to click on tabs.
    • Let smartphones users have a smoother experience when scrolling down a webpage.


Comments

Post a Comment

Popular posts from this blog

Class 7

  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.
Post a Comment
Read more

Class 8

  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.
Post a Comment
Read more

Class 9

  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.
Post a Comment
Read more