{"id":2671,"date":"2019-05-30T09:00:43","date_gmt":"2019-05-30T15:00:43","guid":{"rendered":"https:\/\/alliwalk.com\/blog\/?p=2671"},"modified":"2019-05-30T09:00:43","modified_gmt":"2019-05-30T15:00:43","slug":"learning-about-the-dom-in-javascript-jquery-and-more","status":"publish","type":"post","link":"https:\/\/alliwalk.com\/blog\/2019\/05\/learning-about-the-dom-in-javascript-jquery-and-more\/","title":{"rendered":"Learning about the DOM in JavaScript, jQuery, and More"},"content":{"rendered":"<figure id=\"attachment_2691\" aria-describedby=\"caption-attachment-2691\" style=\"width: 840px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/www.lynda.com\/Web-Development-tutorials\/DOM-JavaScript-jQuery-AngularJS-React\/574715-2.html\" target=\"_blank\" rel=\"attachment wp-att-2691 noopener noreferrer\"><img loading=\"lazy\" class=\"wp-image-2691 size-large\" src=\"https:\/\/alliwalk.com\/blog\/wp-content\/uploads\/2019\/05\/Screen-Shot-2019-05-15-at-7.37.13-PM-1024x669.png\" alt=\"Screenshot of Lynda course\" width=\"840\" height=\"549\" srcset=\"https:\/\/alliwalk.com\/blog\/wp-content\/uploads\/2019\/05\/Screen-Shot-2019-05-15-at-7.37.13-PM-1024x669.png 1024w, https:\/\/alliwalk.com\/blog\/wp-content\/uploads\/2019\/05\/Screen-Shot-2019-05-15-at-7.37.13-PM-300x196.png 300w, https:\/\/alliwalk.com\/blog\/wp-content\/uploads\/2019\/05\/Screen-Shot-2019-05-15-at-7.37.13-PM-768x502.png 768w, https:\/\/alliwalk.com\/blog\/wp-content\/uploads\/2019\/05\/Screen-Shot-2019-05-15-at-7.37.13-PM.png 1145w\" sizes=\"(max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px\" \/><\/a><figcaption id=\"caption-attachment-2691\" class=\"wp-caption-text\">Click the image to watch the preview for &#8216;The DOM in JavaScript, jQuery, AngularJS, and React&#8217; on Lynda.com.<\/figcaption><\/figure>\n<p>I recently finished\u00a0an interesting course on the DOM and different versions of JavaScript. I liked that it was just a taste of JavaScript, jQuery, Angular, and React. It&#8217;s called <em>The DOM in JavaScript, jQuery, AngularJS, and React<\/em>. It was released in 2017.<\/p>\n<p>Much of the course was focused on regular JavaScript. I&#8217;m glad I&#8217;ve spent so much time studying JavaScript, because a lot of basic things didn&#8217;t need to be explained for me in this course.<\/p>\n<p>Although I know about the DOM, using HTML, this focus on the DOM using JavaScript was an interesting approach. For instance,\u00a0traversing the DOM (with classes and IDs) was fun:<\/p>\n<pre>document.body.children[4].children[1]<\/pre>\n<p>This selects the 5th child of the body, then the 2nd child from that. This is almost like using CSS selectors to select parent and child elements.<\/p>\n<p>One of the things I love about Lynda is that they recommend additional courses to learn more about related topics. A few courses the instructor recommended included:<\/p>\n<ul>\n<li>JavaScript Essential Training<\/li>\n<li>jQuery for Web Designers<\/li>\n<li>Angular 2 Essential Training<\/li>\n<li>ReactJS Essential Training<\/li>\n<\/ul>\n<p>They may have updated it, but I&#8217;ve already taken the JavaScript Essentials course before, so I&#8217;ll check if the others are already on my list. Angular is past version 2 by now, but maybe it&#8217;s easier to get started with that version.<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>A recap of my recent experience with an intermediate JavaScript course on Lynda.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[4,1,343,330],"tags":[516,325,438],"_links":{"self":[{"href":"https:\/\/alliwalk.com\/blog\/wp-json\/wp\/v2\/posts\/2671"}],"collection":[{"href":"https:\/\/alliwalk.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/alliwalk.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/alliwalk.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/alliwalk.com\/blog\/wp-json\/wp\/v2\/comments?post=2671"}],"version-history":[{"count":11,"href":"https:\/\/alliwalk.com\/blog\/wp-json\/wp\/v2\/posts\/2671\/revisions"}],"predecessor-version":[{"id":2754,"href":"https:\/\/alliwalk.com\/blog\/wp-json\/wp\/v2\/posts\/2671\/revisions\/2754"}],"wp:attachment":[{"href":"https:\/\/alliwalk.com\/blog\/wp-json\/wp\/v2\/media?parent=2671"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/alliwalk.com\/blog\/wp-json\/wp\/v2\/categories?post=2671"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/alliwalk.com\/blog\/wp-json\/wp\/v2\/tags?post=2671"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}