Руслан Куянец | Reactify

Примеры использования методов поиска DOM элементов #code #JavaScript #DOM

📌Выбор Элементов в DOM Для взаимодействия с элементами на веб-странице вам нужно сначала их выбрать. В JavaScript есть несколько способов сделать это: 1️⃣getElementById: Выбирает элемент по его уникальному ID. Очень быстрый и прямолинейный способ доступа к конкретному элементу. 2️⃣getElementsByClassName: Выбирает все элементы с определенным классом. Отлично подходит для работы с группами элементов, имеющих общий класс. 3️⃣getElementsByTagName: Выбирает все элементы с определенным тегом, например 'div' или 'a'. Полезно, если вы хотите выбрать все ссылки или определенные блоки на странице. 4️⃣querySelector: Выбирает первый элемент, соответствующий указанному CSS-селектору. Это универсальный метод, который может использовать любой допустимый CSS-селектор. 5️⃣querySelectorAll: Выбирает все элементы, соответствующие указанному CSS-селектору. Вы можете использовать любой селектор, который бы вы использовали в CSS, включая комбинации и псевдоклассы. 🎯Выбор правильного метода зависит от вашей конкретной задачи, и понимание различий между ними поможет вам эффективно манипулировать элементами на веб-странице. #JavaScript #DOM #ОбучающийПост

Встреча закончилась. Много записей сделал. Думаю написать статью и видео снять. Возможно через неделю это сделаю📖 Не обещаю. Узнал очень жёсткую инфу. Поделюсь с вами на неделе. ✅

На встрече с HR, рекрутерами. Потом расскажу, на что обращают внимание в резюме🧑🏻‍💻

В видеокурсе будем имитировать настоящую работу: 1. Работать в таск менеджере 2. Работать с ветками, с гитом 3. Проверять код 4. После каждого обновления деплоить проект 🧑🏻‍💻

https://youtu.be/OIQImI6DHEQ Анонс приложения. А завтра уже будет первое видео из серии!

Приложение новостей на React. В планах выпустить много видео к нему, дополнять и расширять функциональность. Добавить пагинацию, фильтрацию, сортировку, поиск и тд

Перезаписал видео в youtube! Получилось даже лучше и короче чем то, которое не было изначально😎 Получилось без воды, без тупняков и я доволен результатом😃 Сегодня его буду монтировать и завтра уже опубликую в youtube💪

Создание нового элемента и добавление его на страницу Изменение стилей элемента Div добавится в конец элемента body #JavaScript #DOM #code

Счастливый и успешный человек не будет тратить время на оскорбления и писать на незнакомого человека гадости😉

Сегодня атака бота на канал, с разных аккаунтов пишет оскорбления. Человеку нечем заняться😃 Отдохни немного, книжки почитай) не занимайся глупостью. Мне на тебя все равно. Ты просто плохой человек.

Всем хороших выходных✌️

Браузеры имеют ограничения CORS, чтобы защитить пользователя. Представьте, что вы вошли в свою учетную запись на bank.com, и в это же время посещаете злонамеренный сайт evil.com. Если бы не было ограничений CORS, evil.com мог бы сделать запрос к bank.com от вашего имени и, возможно, получить доступ к вашей учетной записи. Это потому, что ваши авторизационные данные (например, куки) автоматически отправляются с каждым запросом к bank.com.

CORS (Cross-Origin Resource Sharing) — это система правил в интернете, которая определяет, может ли один сайт взаимодействовать с другим сайтом. Если сайты находятся в разных "местах" (доменах), обычно они не могут обмениваться данными. CORS позволяет владельцам сайтов установить специальные разрешения, чтобы их сайты могли безопасно обмениваться информацией между собой. Это важно для безопасности и работает автоматически в вашем браузере. 🥲 #ОбучающийПост #live #CORS

Сейчас записываю серию видео по React. На выходных выйдет первое видео. Так же в скором времени я буду разбавлять контент, записывать видео на тему js, css, html. 🧑🏻‍💻

Обновление в production🎉 Исправил все баги, все протестировали. Теперь доделываю другое приложение и оно тоже летит в production🚀 Далее меня ждет очень интересная задача. Потом расскажу какая😎

Продолжение об ошибках🪲 #bugs #error #live #обучающийПост

Вечерняя вылазка🧑🏻‍💻