DOM 2022 Создание динамических веб-сайтов на JavaScript, часть 1

Позвольте мне поделиться с вами своими новыми секретами фронтенд-разработки. Понимание DOM поможет вам стать отличным фронтенд-программистом. Узнайте, как реализовать свои творческие, разнообразные и динамичные идеи на своем веб-сайте. Освойте фронтенд-разработку, и вы на полпути к тому, чтобы стать полноценным веб-разработчиком. Возьмите контроль через понимание. Обеспечение интерактивного веб-опыта является сложной задачей.

Как именно браузер моделирует ваш HTML, CSS и JavaScript? Где мы можем получить доступ к этой модели? Что мы можем сделать с этой моделью? Как мы можем изменить эту модель? Поняв эти вопросы, вы сможете получить доступ к DOM и, что еще лучше, управлять им! Другими словами, вы сможете создавать динамические приложения, которые улучшат взаимодействие и опыт использования с пользователем.

Этот курс является курсом 1 из 2

Этот курс является первым курсом программы, состоящей из 2 частей. Причина, по которой я это сделал, заключается в том, что курс 1 предоставляет все необходимое для самостоятельного написания кода динамических сайтов. Он дает вам прочные основы и практические советы относительно DOM. Его можно принимать отдельно (вам не обязательно проходить курс 2) для достижения ваших целей. Вы выйдете из курса 1 с базовым пониманием и практическим опытом. Это приведет вас к тому моменту, когда вы поймете, что такое DOM, зачем он нам нужен, как получить к нему доступ, где его найти и как им манипулировать. Это потрясающее знание. Курс 2 предлагает совершенно другой мир веселья с удивительными практическими примерами, которые увлекут вас и выведут вас на новый уровень, а также помогут вам стать настоящим гроссмейстером в области веб-разработки.

Зачем вам нужно знать о DOM?

Итак, вы немного знакомы с HTML, создали свои первые теги, изучили CSS, создали потрясающие формы, кнопки со звездами, адаптивные страницы и начали создавать динамичные и интересные страницы.

Но теперь вы хотите сделать больше: «Как я могу добавить анимацию (и жизнь) на свою страницу? Хотел бы я дать сообщение об ошибке пользователю, который неправильно отправляет форму!»

И здесь на сцену выходит DOM, курс которого предоставит вам возможность повысить свои навыки.

Короче говоря, мы используем DOM, чтобы пользователи могли взаимодействовать с нашим приложением. Это также не должно быть раздражающим взаимодействием — простые вещи, такие как предоставление пользователю возможности ДОБАВИТЬ/РЕДАКТИРОВАТЬ/УДАЛИТЬ/ОБНОВИТЬ содержимое на вашей странице, например, требуют взаимодействия с DOM.

Первым шагом в понимании DOM является понимание того, что это такое. Чем он отличается от вашей HTML-разметки? Чем он отличается от JavaScript? Оттуда вы начнете исследовать и экспериментировать с инструментами для доступа к DOM. Вы научитесь простым, но очень мощным стратегиям доступа и обхода DOM. На этом мы не останавливаемся, а переходим к более сложным вещам, таким как манипулирование DOM (с помощью методов создания и удаления, предоставляемых нам DOM API).

Знание DOM невероятно полезно для понимания того, как можно улучшить вашу веб-страницу.

К концу этого курса вы сможете «говорить» на языке DOM, поняв, где вы можете его найти, как вы можете получить к нему доступ и, что более важно, как вы можете им манипулировать. Мы углубляемся в каждую лекцию, изучая такие вещи, как node, разницу между HTTPCollections и NodeLists и многое другое! В этом курсе есть много бонусных лекций, которые расширят вашу базу знаний и проверят ваши навыки.

С помощью практических примеров этот курс поможет вам понять DOM по частям. И мы используем новейшие и лучшие функции JavaScript и браузеров (например, новый API удаления), чтобы вы могли оставаться впереди остальных.

Корнем понимания того, как стать профессиональным веб-разработчиком, является понимание объектной модели документа и ее применение в практических ситуациях. Мы собираемся практиковаться, учиться и становиться уверенными в себе, чтобы справиться с любыми проблемами, которые бросают нам современные программы и веб-сайты.

Получив несколько университетских дипломов и аспирантуру, я увлекся веб-дизайном и языками программирования. В течение нескольких лет я погрузился в это. Я провел немало на топовых курсах и продолжил применять полученные знания на практике. Я обнаружил пробелы в некоторых курсах, которые я прошел, и, следовательно, мой курс учит тому, чему я хотел бы, чтобы меня учили. Я намерен поделиться с вами знаниями в простой для понимания форме, чтобы мы могли извлечь пользу вместе. Вы получаете пользу от обучения, а я от того, что разделяю ваш успех.

Этот курс для начинающих и для продолжающих.

Уникальный взгляд

Понимание DOM — обширная тема. Чтобы ввести вас в курс дела, я несколько месяцев размышлял о том, на чем сосредоточить контент и как предоставить его вам наилучшим образом.

Вы узнаете, «почему» все работает, а не только «как». Понимание основ DOM важно, так как это даст вам безграничные возможности. Вооружившись этими знаниями, вы сможете создавать приложения, которые обновляют данные страницы без необходимости обновления. Вы сможете создавать приложения, которые настраиваются пользователем. Вы даже можете разрешить пользователю перетаскивать, перемещать и удалять элементы. Может тогда вы начнете понимать, насколько важен DOM?

Чем этот курс отличается от других?

Есть много отличных курсов, посвященных веб-разработке. Жаль, что они никогда не вдаются в подробности того, как объектная модель документа работает за кулисами — навык, которым должен овладеть каждый разработчик полного стека.