Today’s goals: Review HTML; Experiment with HTML5 geo-location feature; Begin CSS
0. Today’s featured website (view in Firefox):
- http://www.whatshouldieat.io/– don’t forget to check out the code!
- Also see http://whereamirightnow.com/
1. HTML Review
- Write down what you feel like you know best about HTML
- Write down what you still need to know
2. Geolocation
- Geolocation is an HTML5 tag that can request and receive a user’s location. JavaScript is used to get and display the user’s location, among other things. This is a good site to use if you need sample code for a future project.
- To display the location on a map, the Google Maps API is often used
- In the What Should I Eat website example above, the developer used the Google Places feature in order to display businesses on his map.
- Can you think of some websites or apps that use your location?
- Let’s try some examples
3. CSS
- In pairs, find out:
- What is CSS?
- What does CSS stand for?
- What is the difference between CSS and HTML?
- Where does CSS go in your code?
- What are some examples of CSS code?
- What are the most current versions of CSS and HTML?