Creating HTML Page using JavaScript dynamically rendered content

Опубликовано: 27 Февраль 2023
на канале: Florin Mateescu

2,594

Let’s transform hardcoded HTML into dynamic content using plain javascript, no frameworks or libraries.

In this video, you will learn how to create HTML elements in Javascript from scratch and how to use existing div as a template for building other divs with their unique content.

To understand libraries like ReactJs or frameworks like Angular and NextJs, it’s critical to understand how javascript works with HTML and browsers.

⭐️ Covered in this video
how to think about converting hardcoded HTML into dynamic content using JavaScript
DOM manipulation in JavaScript
using an HTML div as a template;
cloneNode
getElementsByClassName
addEventListeners
classList.add / classList.remove

📕 Resources
addEventListeners https://developer.mozilla.org/en-US/d...
getElementsByClassName: https://developer.mozilla.org/en-US/d...
classList: https://developer.mozilla.org/en-US/d...
cloneNode: https://developer.mozilla.org/en-US/d...

👋🏼 About me
I am Florin Mateescu, Full-Stack JavaScript Developer.
My mission is to create an online hub for existing and aspiring web developers.
I help you learn programming, unlock your full web development potential, and land your dream job.

📍 Please find me on
Twitter:
  / binaryhubio
LinkedIn:
  / florin-mateescu-binaryhub
Instagram:
  / binaryhubio

https://binaryhub.io

If you enjoyed this video, consider subscribing and following it on other social media platforms.

Смотрите видео Creating HTML Page using JavaScript dynamically rendered content онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Florin Mateescu 27 Февраль 2023, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 2,594 раз и оно понравилось 61 людям.

14,283

390