I was looking over module 2 to begin building group projects for that module. I had a couple of quick ideas for connecting parts of the material to lessons learned in the HTML/CSS module.
In The Dom section, you show how HTML is converted into a JS object representation. In the HTML/CSS module we spend a lot of time trying to reinforce the distinction between the "tag" (h1, p, etc) and the "element" (<h1 class="...">). Maybe it would be good to reinforce that terminology here, showing how the "tag" becomes an object property?
Now that we spend a lot of time on forms in the HTML/CSS module, it might be worth looking again at the introduction to the Ajax section. Students should be familiar with GET and POST, and you can use their past experience of form submission (which involved a full page load) to highlight the differences with using ajax.
When reading over the example for updating a title (at the end of The Dom section), I thought it might help to show the HTML code for the example too. This might help them relate what querySelector is doing to HTML that they're already familiar with.
Hi @zero-point, @djgrant, @rarmatei,
I was looking over module 2 to begin building group projects for that module. I had a couple of quick ideas for connecting parts of the material to lessons learned in the HTML/CSS module.
In The Dom section, you show how HTML is converted into a JS object representation. In the HTML/CSS module we spend a lot of time trying to reinforce the distinction between the "tag" (
h1,p, etc) and the "element" (<h1 class="...">). Maybe it would be good to reinforce that terminology here, showing how the "tag" becomes an object property?Now that we spend a lot of time on forms in the HTML/CSS module, it might be worth looking again at the introduction to the Ajax section. Students should be familiar with
GETandPOST, and you can use their past experience of form submission (which involved a full page load) to highlight the differences with using ajax.When reading over the example for updating a title (at the end of The Dom section), I thought it might help to show the HTML code for the example too. This might help them relate what
querySelectoris doing to HTML that they're already familiar with.