WELCOME TO THIS SKILLSHARE SERIES ON THE DOCUMENT OBJECT MODEL. THIS IS THE FIRST CLASS ON THE DOM --> WHAT IS THE DOM?

What we cover in this particular Class?

We will cover of ton of information in this entire series, but for Part 1 you're going to learn what the DOM is.

The name "Document Object Model" was chosen because it is ... surprise surprise ... an "object model". This means that our document is modeled using objects, and the model encompasses not only the structure of a document, but also the behavior of a document and the objects of which it is composed.

In other words, the DOM does not represent an abstract data structure, but rather, real live objects each of which have functions and their own unique identity.

Most people, when they're starting out, think that the DOM was designed for JavaScript.

As we will see, this is not the case.

The DOM was made to be independent of any programming language. Sometimes this can cause weird effects (which we'll see later on in this course).

In fact, we don't have to use JavaScript to access the DOM. We can use, for example, Python.

In this class, instead of showing you what the DOM is, I want us to look at what is NOT the DOM. I know, its a rather round-about way of looking at it, but I believe it is the best way.

Lets get down to business.

LET'S BEGIN

--- in case you're wondering, this entire series is about the DOM

As you start coding more and more, you will come across the term “Document Object Model” or DOM for short.

As it turns out, the DOM is a pretty important concept in web development. Without it, we wouldn’t be able to dynamically modify HTML pages in the browser.

WHAAAT?

Understanding the DOM will equip you to become an awesome front-end programmer. In fact, it will give you ways to access, change and monitor different elements of an HTML page. The Document Object Model goes further, because it can help you reduce unnecessary increases in script execution time.

In this series on Skillshare, you’ll learn how to implement creative, different and dynamic ideas into your website. Master front-end development and you’re half way to becoming a full stack web developer. Take control through understanding. Delivering an interactive web experience is challenging.

In this series, you’ll be able to answer questions like: How exactly does the browser model your HTML, CSS, and JavaScript? Where can we access this model? What can we do with this model? How can we change this model? By understanding these questions, you will be able to access the DOM and better yet, manipulate it! In other words, you will be able to create dynamic apps that improve user engagement and experience.

What does this entire Skillshare DOM series cover?

This series provides everything you need to start coding dynamic sites by yourself. It gives you the sound fundamentals and practicals regarding the DOM. It can be taken alone to achieve your goals. Rest assured, you’ll emerge from this series with a basic understanding of the DOM and practical experience. We code together, laugh together and sometimes cry together.

This series will take you to the point where you will understand what the DOM is, why we need it, how to access it, where to find it and how to manipulate it. This is awesome knowledge.

In this DOM series, you’ll learn about front-end Web Development, by mastering the Document Object Model.

Why do you need to know about the DOM?

The Document Object Model (DOM) is an essential part of making websites interactive. It is an interface that allows a programming language to manipulate the content, structure, and style of a website. JavaScript is the client-side scripting language that connects to the DOM in an internet browser.

The first step in understanding the DOM is understanding what it is. How does it differ from your HTML markup? How does it differ from JavaScript? From there, you’ll start exploring and experimenting with tools to access the DOM. You’ll learn simple, yet very powerful strategies to access and traverse the DOM. We don’t stop here, but then get into more advanced things like manipulating the DOM (via the create and remove methods given to us by the DOM API).

Knowledge of the DOM is incredibly useful for understanding how your webpage can be improved.

By the end of this DOM series, you'll be able to “speak” DOM by gaining an understanding of where you can find it, how you can access it, and more importantly, how you can manipulate it. We dig deeper in every lecture, learning about things like Nodes, the difference between HTTPCollections vs NodeLists, and a whole bunch more!

Through practical examples, this series helps you understand the DOM piece by piece. And we use the latest and best features of JavaScript and browsers (like the new remove API) along the way so you can stay ahead of your competitors.

*** The most important Web Development course on Skillshare ***

Successful programmers know more than rote learning a few lines of code. They also know the fundamentals of how your browser represents your HTML code and works behind the scenes. If you’re wanting to become a full stack developer, you need to know how to deal with the DOM. You need to know how to access it, how to manipulate it, and how to dynamically interact with it.

I want you to become a successful front-end programming grandmaster.

I want you to be able to apply what your learn in these classes to your webpage.

This entire DOM series is perfect for you.

This series gives you a unique view

Understanding the DOM is a massive topic. To get you up to speed, I’ve spent months thinking about where to focus content and how to deliver it to you in the best possible way.

After taking my DOM classes, you’ll learn "why" things work and not just "how". Understanding the fundamentals of the DOM is important as it will give you infinite possibilities. Armed with this knowledge, you’ll be able to create applications that update the data of the page without needing a refresh. You will be able to create apps that are customizable by the user. You can even allow the user to drag, move, and delete elements.

Can you begin to see how important the DOM is?

How is this Skillshare series different?

There are lots of great Skillshare classes that focus on web development. Pity they never get into the detail about how the Document Object Model works behind the scenes – a skill that every full-stack developer needs to master.

In this DOM series, I focus on true web development in the front end. This includes understanding what nodes are, looking at the Document node (this is different from the document object by the way), understanding the DOM tree structure, what the different types of nodes there are, and how you can use the DOM to access elements on your page and manipulate them.

Practice makes perfect

Theory is abstract and difficult. This is why I love practical examples. We will code together from the very first lecture, right through to the very last class.

Is this class for you?

Yes.

It doesn't matter where you are in your web development journey. It's suitable for all levels.

Still unsure? If you fit in any of these categories then this course is perfect for you:

Student #1: You want to dabble in the world of programming. Learning the fundamentals of HTTP, CSS and how you can use JavaScript to change a webpage is the starting point to becoming a full-stack developer.
Student #2: You want to know how successful developers build dynamic websites that engage with the user and put them ahead of the competition.
Student #3: You want to gain a solid understanding of front-end web development.
Student #4: You want to start using backend frameworks like Node.js, but want to first understand how JavaScript is used on the front-end of your webpage.
Student #5: You kinda know what the Document Object Model is, but have little knowledge about how it works behind the scenes, and how to practically implement it in applications.
Student #6: You have taken other classes in web development but just don’t feel like you’ve grasped front-end development.

WHY START NOW?

Right this second, your competitors are learning how to become better web developers.

Web development is a blazing hot topic at the moment. But you have a distinct advantage. This course offers memorable learning topics, actionable tactics and real-world examples.

See you in the class.

John Asto

--

6

Company

Community

Teaching

Mobile

Company

Community

Teaching