You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
{{ message }}
This repository has been archived by the owner on Feb 27, 2023. It is now read-only.
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.
The text was updated successfully, but these errors were encountered:
Sign up for freeto subscribe to this conversation on GitHub.
Already have an account?
Sign in.
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
GET
andPOST
, 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.The text was updated successfully, but these errors were encountered: