IP356W15A JavaScript – Session One Notes

Consider this picture.
Learning CycleJavaScript logo

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 first session.

Highlights / Metacognition

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

Questions?

  • Now that we’ve had our first 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

22 thoughts on “IP356W15A JavaScript – Session One Notes

  1. Nailisa says:

    Highlights / Metacognition
    What did you think was the most valuable thing that happened for you tonight?
    Seeing the way that the page was read and loaded sequentially instead of all at once.
    What did you learn from that?
    That you can change the order of how the user experiences the page by changing where you put certain instructions.
    What will you do with that knowledge?
    Be more cognizant of the order of instructions I give, even if I had expected them to be experience synchronously.

    Questions?
    Now that we’ve had our first session, what do you want to know?
    What are we going to be doing with our variables besides writing and filling in the skeletons of sentences?
    What could we have done better?
    I wish I knew a WebMatrix equivalent for mac.

  2. Briian says:

    Highlights / Metacognition
    What did you think was the most valuable thing that happened for you tonight?
    The class was mostly review for me but I finally learned what the difference was between =, ==, and ===
    What did you learn from that?
    === is more strict and tests the type
    What will you do with that knowledge?
    I think I will start to use === from now on

    Questions?
    Now that we’ve had our first session, what do you want to know?
    I would like to make a web page that does something where you can input data and do a calculation. Something like a conversion.
    What could we have done better?
    The first third of the class was a bit slow, I would rather dig in

    • JimUBC says:

      Hi Brian,
      We are going to get into using forms for user interaction tonight. And once we do that you can do calculations. I’ll leave that part of it up to you in the open-ended homework assignment for this week.

  3. Daqi Li says:

    Highlights / Metacognition

    What did you think was the most valuable thing that happened for you tonight?
    I wasn’t sure about when to use “==” and “===”, now I’ve known what’s the difference between them.

    What did you learn from that?
    “===” is a strict equality operator, it returns true if the operands are strictly equal with no type conversion.

    What will you do with that knowledge?
    I can apply the knowledge to my web developer job.

    Questions?
    Now that we’ve had our first session, what do you want to know?
    I’d like to know more about JavaScript functions so we can do more advanced stuff other than print messages on the webpage.

    What could we have done better?
    I’m satisfied with the knowledge I received for our first session.

    • JimUBC says:

      Hi Daqi,
      I’d like to know more about JavaScript functions so we can do more advanced stuff other than print messages on the webpage.

      We are going to be writing our own functions in JavaScript tonight but we’re still going to be in the realm of text. We’re using that (outputting text) as the basis for learning the fundamentals. While we could look at manipulating images or CSS (Cascading Style Sheets), that requires some background in deeper aspects of HTML5 and CSS.

      What kinds of ‘more advanced stuff’ would you like to do?

  4. Elaya says:

    Highlights / Metacognition
    What did you think was the most valuable thing that happened for you tonight?
    That if you write for a pop up to appear in the middle of a script, it will pause the loading of the rest of the script until the pop up is death with.
    What did you learn from that?
    That you can manipulate how data loads on your browser through the ordering of the script.
    What will you do with that knowledge?
    Order my script exactly as how I would want it to appear onto the browser.

    Questions?
    Now that we’ve had our first session, what do you want to know?
    How to further use javascript beyond just text.
    What could we have done better?
    Not much else, but I guess could have pre-forseen some of the problems people were having?

    • JimUBC says:

      Hi Elaya,
      How to further use javascript beyond just text.

      We’re going to be doing text manipulation for the most part because we’re manipulating HTML and that’s largely text. Next week (week 3) we’ll be making changes to the document in different ways and maybe that will be more interesting for you.

      Not much else, but I guess could have pre-forseen some of the problems people were having?
      As you know, every keystroke is a chance to make a mistake. Most of the problems we encountered last week related to copy-typing the credentials to log into the ftp site. If you can suggest a way to make that less error prone – please come talk to me during the class. – Thanks!

  5. Alpha says:

    Highlights / Metacognition
    What did you think was the most valuable thing that happened for you tonight?
    Testing a live, interactive example of how Javascript works in the “scripting and data types” section.

    What did you learn from that?
    My assumptions may not be correct. It is important to be very specific in programming, and this example indicates that seemingly clear instructions can be interpreted otherwise.

    What will you do with that knowledge?
    If I get stuck, ask a friend to review my code for incorrect assumptions.

    Questions?

    Now that we’ve had our first session, what do you want to know?
    Is the an expectation to answer the Peerwise questions correctly before reading the class notes?

    What could we have done better?
    Give a quick, one sentence overview of why we are doing a task or show the final product before having 20 students do hands on work.

    • JimUBC says:

      Thanks Alpha,
      PeerWise
      I’ve restructured this week’s assignment so that it’s clear that you should do reading before trying to create and answer questions in PeerWise.

      Show End Product First
      I’ve made this a higher priority for this week’s work.

  6. Susan says:

    •What did you think was the most valuable thing that happened for you tonight?

    Understanding the difference between PHP and JavaScript.
    Where JavaScript is located and how it is used

    •What did you learn from that?

    Understand how JavaScript is used

    •What will you do with that knowledge?
    Eventually use if Webpages that I design.

    Questions?
    •Now that we’ve had our first session, what do you want to know?

    When would you use PHP instead of JavaScript or vice versa?

    •What could we have done better?

    Had a great class, learned lots

  7. Margaret says:

    Highlights / Metacognition
    •What did you think was the most valuable thing that happened for you tonight?
    I enjoyed the basic code manipulation and how we can change the dynamic of the webpage by inserting JavaScript code. I
    •What did you learn from that?
    I am impressed by how versatile JavaScript is and what you can do with it. I had no idea that it was used on the server side as well.
    •What will you do with that knowledge?
    I will be implementing what we learn in my upcoming web development class projects.

    Questions?
    •Now that we’ve had our first session, what do you want to know?
    On average, how long does it take to learn JavaScript?
    •What could we have done better?
    I don’t think I have anything constructive to add. It was a great session.

  8. Dustin says:

    Highlights / Metacognition
    What did you think was the most valuable thing that happened for you tonight?
    – Discussing the origins of javascript and the meanings behind some of the common language/phrases (eg: syntax, scripting, etc.)
    What did you learn from that?
    – Because I had already used some Javascript, it helped fill in the gaps of “why” and I became more comfortable with the idea of using javascript
    What will you do with that knowledge?
    – Use that information as a foundation and continue to build on it as we go through this course

    Questions?
    Now that we’ve had our first session, what do you want to know?
    – This may be too early, but I would like to understand how Jelly relates to Javascript. I understand it is another scripting language, but are there any parallels?
    What could we have done better?
    – Not much. I really enjoyed all of the content.

    • JimUBC says:

      Hi Dustin,
      At a glance I’m not seeing much in common between Jelly and JavaScript, except that they are both scripting languages. JavaScript as we are studying it operates within the context of a browser window. Jelly does not.

  9. Maggie says:

    Highlights / Metacognition

    What did you think was the most valuable thing that happened for you tonight? When we wrapped up the final exercise and you showed how the javascript is rendered sequentially (and can interrupt a webpage from fully loading ie pop up box). I’m familiar with HTML/CSS so this was quite different.
    What did you learn from that? It was valuable to see how Javascript can enhance a web experience.
    What will you do with that knowledge? Helps me look for opportunities on how to use Javascript for building webpages
    Questions?

    Now that we’ve had our first session, what do you want to know? Let’s get coding!
    What could we have done better? n/a

  10. Vincent says:

    Highlights / Metacognition

    What did you think was the most valuable thing that happened for you tonight?
    I found learning about what javascript is and what it can do important. But since we only have 4 days, I would have rather focused more on programming.
    What did you learn from that?
    How to define variables and where it goes in HTML document
    What will you do with that knowledge?
    Practice HTML with it
    Questions?

    Now that we’ve had our first session, what do you want to know?
    I want to learn more on programming with javascript
    What could we have done better?
    I understand the reasons why time was spent on logging into these interactive websites, but, there are alternatives and it took up valuable time.
    I would have preferred to learn how to program in javascript right from the start

    • JimUBC says:

      Hi Vincent,
      I appreciate your comment and your concern. JavaScript (client-side JavaScript) lives in the context of web pages. It did take some time, but we needed to create an environment that had all the elements of that context. There are tools that allow you to ignore that context but they mask the vagaries of writing in JavaScript in the real world. We will be exploring some of those tools later.

  11. Sherry says:

    Highlights / Metacognition

    – What did you think was the most valuable thing that happened for you tonight? Comparing ‘==’ and ‘===’ operators and what the outcome would be was great.
    – What did you learn from that? I had forgotten about this in JavaScript so it was a nice reminder.
    – What will you do with that knowledge? I will make sure to remember this going forward.

    Questions?

    – Now that we’ve had our first session, what do you want to know? I want to learn more about the JavaScript syntax and libraries.
    – What could we have done better? It was a great introduction to JavaScript. Thanks!

  12. Goran says:

    Highlights / Metacognition

    What did you think was the most valuable thing that happened for you tonight?
    – I did not know that Javascript can work on a server side too.
    What did you learn from that?
    – Javascript can work as a fair replacement or alternative to PHP.
    What will you do with that knowledge?
    – Try to learn more about server side programming with Javascript.

    Questions?

    Now that we’ve had our first session, what do you want to know?
    What could we have done better?
    – It would be great to do more examples, hand coding, starting from very simple functions to more complex ones.

    • JimUBC says:

      Goran,
      You might be interested to investigate Node.js
      From Wikipedia

      Node.js is an open source, cross-platform runtime environment for server-side and networking applications. Node.js applications are written in JavaScript, and can be run within the Node.js runtime on OS X, Microsoft Windows, Linux, FreeBSD, and IBM i.

      Node.js provides an event-driven architecture and a non-blocking I/O API that optimizes an application’s throughput and scalability. These technologies are commonly used for real-time web applications.

      Node.js uses the Google V8 JavaScript engine to execute code, and a large percentage of the basic modules are written in JavaScript. Node.js contains a built-in library to allow applications to act as a Web server without software such as Apache HTTP Server or IIS.

      Node.js is gaining adoption as a server-side platform[4] and is used by Microsoft,[5][6] Yahoo!,[7] Walmart,[8] Groupon,[9] SAP,[10] LinkedIn,[11][12] Rakuten, PayPal,[13][14] Voxer,[15] and GoDaddy.[16]

    • JimUBC says:

      More hand coding coming tonight!

  13. Edmond says:

    What did you think was the most valuable thing that happened for you tonight?
    Overview and background on Java Script

    What did you learn from that?
    What Java Script can do and how to incorporate it within a website

    What will you do with that knowledge?
    Apply to my current development efforts

    Questions?

    Now that we’ve had our first session, what do you want to know?
    How to create objects

    What could we have done better?
    N/A

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