IP489S14A – HTML5 Crash Course Session Four Notes

Consider this picture.

Learning Cycle

Can you see how this applies to what you are doing before our sessions and while we are together?

Please reply with a comment about our fourth session.

Highlights / Metacognition

  • What did you think was the most valuable thing that happened for you in this session?
  • What did you learn from that?
  • What will you do with that knowledge?

Questions?

  • Now that we’ve had our fourth session, what do you want to know?
  • What could we have done better?

If you spot a question from someone else and you can answer it – please do.

Advertisements

9 thoughts on “IP489S14A – HTML5 Crash Course Session Four Notes

  1. christina says:

    •What did you think was the most valuable thing that happened for you in this session?
    SVG, ColorZilla, jQuery, etc
    •What did you learn from that?
    There are tons of tools and libraries out there via CDNs for JavaScript, CSS, and HTML, which makes creating images and features much easier.
    •What will you do with that knowledge?
    I may not need to start from scratch for a lot of ideas I want to implement. Instead, I should browse around and see what options are already out there so I wouldn’t have to write many lines of code when it can be done with a few.

    • JimUBC says:

      Christina,

      I’ve fixed up your 02 page so that the extended footer works. You should now be able to use the Outline this Document link at the bottom left of your page.

      Check out what happens when you follow that link.

  2. grmdgs says:

    What was the most valuable part of the session?
    Working with SVG and comparing it’s capabilities to caniuse.com as well as covering the media element usage.
    What did I learn from that?
    I will likely need to leverage html shim and modernizr to really be able to get my pages working in top order.
    What will I do with that knowledge?
    I am working on a video project that will need to be fairly well thought out. I think that I have a few ideas now on how to approach it by creating the leanest content possible.

    • JimUBC says:

      grmdgs,
      Check out the Outline this Document link at the bottom right of your 02 page.
      You will see “Untitled Section” and this refers to the and

  3. Andrew says:

    What did you think was the most valuable thing that happened for you in this session?
    Testing the waters with Javascript in jbin was the most valuable thing that happened to me. The more that I get to use Javascript leads me to understand the syntax and semantics that make Javascript operate.
    What did you learn from that?
    Minor details, such as Javascript is flexible with different class names. They do not have to follow a particular name. I also learned that Javascript uses commands, a bit like clicking on a shortcut, which leads it to execute a particular function.
    What will you do with that knowledge?
    I will get to experiment more with it, as I feel more comfortable knowing how to try different commands and getting it to lead to output some interesting properties in a DOM.

    Questions?
    I really regret not asking how the ‘nav’ menu works on the HTML5 website (http://www.w3.org/html/logo/).

    Now that we’ve had our fourth session, what do you want to know?
    What could we have done better? We should try a bit of canvas and SVG if we get a chance. Those seem really useful.

    • JimUBC says:

      Andrew
      I’ve fixed up your 02 pages so that the extended footer works. You should now be able to use the Outline this Document link at the bottom left of your page.

      I added a new section to your page with some additional notes.

    • JimUBC says:

      Andrew,
      We will look more closely at Canvas on Friday. We to develop more understanding of JavaScript (today and tomorrow) before we can tackle that.

  4. JimUBC says:

    Hi Andrew,
    About the Nav menu, what’s happening here…. CSS sets the postion of the Nav menu. If you follow a link in the Nav menu, a script written in jQuery forces the page to scroll to the the link destination pulling it up to the top.
    We can talk about this very briefly tomorrow. You can see the code here:
    http://jsbin.com/luyuf/1/edit

    I’m doing basically the same thing in the main course page where the navigation persists in the left margin.

  5. JimUBC says:

    Victor – Congratulations, your 02 page sailed through both the HTML5 Validator and the Outliner.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s