Build Layout with JavaScript DOM Methods. Refactoring code from HTML to JS
#javascript #html Learn how to rewrite HTML code using JavaScript DOM manipulation methods document.createElement() and appendChild(). In addition, you can learn how to add classes to DOM elements and set attributes. Also, you can watch how to use JavaScript array, forEach loop, and functions to reduce code duplication.
Link to the source code: https://github.com/DzmitryUr/js-html-...
Link to Portfolio Website: https://dzmitryur.github.io/js-html-c...
⌚️Timestamps:
1:46 Defining data structure: Array and Object
2:47 Using forEach loop of array
4:25 Object destruction in function
6:03 document.createElement() to create DOM element
8:34 appendChild() method to add element to card
10:43 Set attributes for link
11:40 Set attributes for image
14:25 Building links-container div of the card
19:03 Testing and adjusting App after applying DOM manipulations
#js #javascriptdom #webdevelopment #frontend #frontenddevelopment