JavaScript заметки

Хочешь стать программистом, но не уверен, что тебе подойдёт эта специальность? Сомневаешься в своих силах и что сможешь освоить материал? У нас есть для тебя решение. В GeekBrains начинается курс для будущих айтишников. Ты сможешь получить базовые знания по программированию, а также написать свою первую программу без какой-либо подготовки всего за несколько часов – https://clc.to/v0Vgog Но и это не всё: только для участников курса мы откроем много полезного контента, например курс и инструкции по запоминанию и изучению сложного материала, задачи на тренировку логики, эксклюзивные интервью, разбор ключевых специальностей в IT и многое другое. Начни учиться бесплатно прямо сейчас вместе с GeekBrains. Переходи по ссылке в описании, регистрируйся, обязательно заполняй анкету и переходи сразу к обучению — https://clc.to/v0Vgog Ждем тебя на занятиях.

DOM-свойства типизированы DOM-свойства не всегда являются строками. Например, свойство input.checked (для чекбоксов) имеет логический тип. Есть и другие примеры. Атрибут style – строка, но свойство style является объектом. Хотя большинство свойств, всё же, строки. При этом некоторые из них, хоть и строки, могут отличаться от атрибутов. Например, DOM-свойство href всегда содержит полный URL, даже если атрибут содержит относительный URL или просто #hash. #браузер #документ #свойства_узлов

Команда разработчиков Netflix создала Telegram-канал, в котором рассказывают о секретах современной frontend-разработки. В этом канале ты найдёшь: уникальные библиотеки, обзоры инструментов, интересные задачи, и многое другое. Осваивай frontend-разработку без напряга👇

Исключения синхронизации Но есть и исключения, например, input.value синхронизируется только в одну сторону – атрибут → значение, но не в обратную. В примере выше: - Изменение атрибута value обновило свойство. - Но изменение свойства не повлияло на атрибут. Иногда эта «особенность» может пригодиться, потому что действия пользователя могут приводить к изменениям value, и если после этого мы захотим восстановить «оригинальное» значение из HTML, оно будет в атрибуте. #браузер #документ #атрибуты_свойств

Большой сборник шпаргалок и документации для системных администраторов: https://t.me/sysadmin_library Информация постоянно дополняется.

Синхронизация между атрибутами и свойствами Когда стандартный атрибут изменяется, соответствующее свойство автоматически обновляется. Это работает и в обратную сторону (за некоторыми исключениями). В примере выше id модифицируется как атрибут, и можно увидеть, что свойство также изменено. То же самое работает и в обратную сторону. #браузер #документ #атрибуты_свойств

​​Берись за голову - начинай писать код Python Teacher - твой карманный справочник по самому востребованному языку программирования в России.

Расширенная демонстрация работы с атрибутами Пожалуйста, обратите внимание: 1. getAttribute('About') – здесь первая буква заглавная, а в HTML – строчная. Но это не важно: имена атрибутов регистронезависимы. 2. Мы можем присвоить что угодно атрибуту, но это станет строкой. Поэтому в этой строчке мы получаем значение "123". 3. Все атрибуты, в том числе те, которые мы установили, видны в outerHTML. 4. Коллекция attributes является перебираемой. В ней есть все атрибуты элемента (стандартные и нестандартные) в виде объектов со свойствами name и value. #браузер #документ #атрибуты_свойств

Тимлид по секрету показал мне свои закладки Там столько полезного, что я не удержался и выкладываю все это добро на своем канале. Подпишись на канал и посмотри 👇

Привет, дорогой подписчик! Мы молодая команда JS разработчиков, которая решила открыть несколько каналов в Telegram, посвященных JavaScript и frontend-разработке в целом. Подписывайся на другие наши проекты: JavaScript тесты - канал с тестами и задачами по JS. Здесь ты сможешь практиковаться и обсуждать свои решения с другими подписчиками и админами. Каждый день тебя будет ждать новый интересный вызов в виде очередной викторины. JavaScript инструменты - канал с инструментами по JS. Здесь каждый день публикуются современные технологии призванные упростить разработку на JavaScript. Полезная вËрстка - канал с готовым кодом интересных решений различных повседневных задач: слайдеры, навигации, различная анимация и многое другое. Развивайся с нами, ведь так проще!

HTML-атрибуты В HTML у тегов могут быть атрибуты. Когда браузер парсит HTML, чтобы создать DOM-объекты для тегов, он распознаёт стандартные атрибуты и создаёт DOM-свойства для них. Таким образом, когда у элемента есть id или другой стандартный атрибут, создаётся соответствующее свойство. Но этого не происходит, если атрибут нестандартный. #браузер #документ #атрибуты_свойств

Программировать сразу на 3 языках – возможно? Да, если подписан на Minor Code и пользуешься фишками с канала. Внутри: – подборки книг по Python, C++ и Java – готовые скрипты и программы на разных ЯП – выжимки статей и уроки кодинга Это как курсы по программированию, только бесплатно: @minorcode

DOM-свойства Ранее мы уже видели встроенные DOM-свойства. Их много. Но технически нас никто не ограничивает, и если этого мало – мы можем добавить своё собственное свойство. DOM-узлы – это обычные объекты JavaScript. Мы можем их изменять. Итак, DOM-свойства и методы ведут себя так же, как и обычные объекты JavaScript: - Им можно присвоить любое значение. - Они регистрозависимы (нужно писать elem.nodeType, не elem.NoDeTyPe). #браузер #документ #атрибуты_свойств

📌 Топ ресурсов с бесплатными курсами: 1.Бесплатные курсы по JS 2.Бесплатные курсы по HTML/CSS 3.Бесплатные курсы для full stack dev 5.Бесплатные курсы по версте 6.Бесплатные курсы по python 7.Бесплатные курсы по Java 8.Бесплатные курсы по C++ 9.Бесплатные курсы по Unity 10.Бесплатные курсы по SQL 11.Бесплатные курсы по Android 12.Бесплатные курсы по С# 13.Бесплатные курсы по UnrealEngine 14.Бесплатные курсы по Linux 15.Бесплатные курсы по tilda 16.Бесплатные курсы по Kotlin

Атрибуты и свойства Когда браузер загружает страницу, он «парсит» HTML и генерирует из него DOM-объекты. Для узлов-элементов большинство стандартных HTML-атрибутов автоматически становятся свойствами DOM-объектов. Например, для такого тега <body id="page"> у DOM-объекта будет такое свойство body.id="page". #браузер #документ #атрибуты_свойств

Снова советуем Senior Frontend Developer — канал, где фронтендер учит писать код, решает вопросы с собеседований по React/Vue.js, делает викторины по JavaScript и делится полезными инструментами и репозиториями. Подписывайтесь! @senior_front

Привет, дорогой подписчик! Мы молодая команда JS разработчиков, которая решила открыть несколько каналов в Telegram, посвященных JavaScript и frontend-разработке в целом. Подписывайся на другие наши проекты: JavaScript тесты - канал с тестами и задачами по JS. Здесь ты сможешь практиковаться и обсуждать свои решения с другими подписчиками и админами. Каждый день тебя будет ждать новый интересный вызов в виде очередной викторины. JavaScript инструменты - канал с инструментами по JS. Здесь каждый день публикуются современные технологии призванные упростить разработку на JavaScript. Полезная вËрстка - канал с готовым кодом интересных решений различных повседневных задач: слайдеры, навигации, различная анимация и многое другое. Развивайся с нами, ведь так проще!

Итого по свойствам узлов Каждый DOM-узел принадлежит определённому классу. Классы формируют иерархию. Весь набор свойств и методов является результатом наследования. Главные свойства DOM-узла: nodeType - позволяет узнать тип DOM-узла. nodeName/tagName - это свойство возвращает название тега. Только для чтения. innerHTML - внутреннее HTML-содержимое узла-элемента. Можно изменять. outerHTML - полный HTML узла-элемента. Запись в elem.outerHTML не меняет elem. Вместо этого она заменяет его во внешнем контексте. nodeValue/data - содержимое узла-неэлемента (текст, комментарий). Можно изменять. textContent - текст внутри элемента: HTML за вычетом всех <тегов>. hidden - когда значение установлено в true, делает то же самое, что и CSS display:none. В зависимости от своего класса DOM-узлы имеют и специфичные свойства. #браузер #документ #свойства_узлов

Теперь популярные языки программирования можно легко выучить по гайдам в картинках: 🐍 Python: guides_python 🎗 JavaScript: guides_js 🗃 SQL и БД: db_guides 🔐 Хакинг и ИБ: hack_guides Выбирай нужный язык программирования и учись по гайдам не напрягаясь.

Другие свойства У DOM-элементов есть дополнительные свойства, в частности, зависящие от класса: - value – значение для <input>, <select> и <textarea> (HTMLInputElement, HTMLSelectElement…). - href – адрес ссылки «href» для <a href="..."> (HTMLAnchorElement). - id – значение атрибута «id» для всех элементов (HTMLElement). - …и многие другие… Большинство стандартных HTML-атрибутов имеют соответствующее DOM-свойство, и мы можем получить к нему доступ. Если мы хотим узнать полный список поддерживаемых свойств для данного класса, можно найти их в спецификации. Например, класс HTMLInputElement описывается здесь: https://html.spec.whatwg.org/#htmlinputelement. Если же нам нужно быстро что-либо узнать или нас интересует специфика определённого браузера – мы всегда можем вывести элемент в консоль, используя console.dir(elem), и прочитать все свойства. Или исследовать «свойства DOM» во вкладке Elements браузерных инструментов разработчика. #браузер #документ #свойства_узлов