Руслан Куянец | Reactify – Telegram
Руслан Куянец | Reactify
5.86K subscribers
707 photos
52 videos
39 files
290 links
Я IT-специалист, ментор и основатель проекта YeaHub и сообщества Reactify. Здесь рассказываю про Frontend и IT.

Менторство:
https://reactify.ru

YouTube канал:
https://youtube.com/@reactify-it

YeaHub:
https://yeahub.ru/

Связь:
@ruslan_kuyanets
Download Telegram
Обновление в production🎉
Исправил все баги, все протестировали. Теперь доделываю другое приложение и оно тоже летит в production🚀
Далее меня ждет очень интересная задача. Потом расскажу какая😎
🔥4🤡4
Сейчас записываю серию видео по React. На выходных выйдет первое видео.
Так же в скором времени я буду разбавлять контент, записывать видео на тему js, css, html. 🧑🏻‍💻
🔥7🤡4
Media is too big
VIEW IN TELEGRAM
CORS (Cross-Origin Resource Sharing) — это система правил в интернете, которая определяет, может ли один сайт взаимодействовать с другим сайтом. Если сайты находятся в разных "местах" (доменах), обычно они не могут обмениваться данными.

CORS позволяет владельцам сайтов установить специальные разрешения, чтобы их сайты могли безопасно обмениваться информацией между собой. Это важно для безопасности и работает автоматически в вашем браузере.

🥲

#ОбучающийПост #live #CORS
🤡42👍2
Браузеры имеют ограничения CORS, чтобы защитить пользователя. Представьте, что вы вошли в свою учетную запись на bank.com, и в это же время посещаете злонамеренный сайт evil.com.

Если бы не было ограничений CORS, evil.com мог бы сделать запрос к bank.com от вашего имени и, возможно, получить доступ к вашей учетной записи. Это потому, что ваши авторизационные данные (например, куки) автоматически отправляются с каждым запросом к bank.com.
🤡42🔥2
This media is not supported in your browser
VIEW IN TELEGRAM
Всем хороших выходных✌️
6🔥3🤡1
Сегодня атака бота на канал, с разных аккаунтов пишет оскорбления. Человеку нечем заняться😃
Отдохни немного, книжки почитай) не занимайся глупостью. Мне на тебя все равно. Ты просто плохой человек.
7👍1
Счастливый и успешный человек не будет тратить время на оскорбления и писать на незнакомого человека гадости😉
👍131👏1
Создание нового элемента и добавление его на страницу
Изменение стилей элемента

Div добавится в конец элемента body

#JavaScript #DOM #code
😁4
Перезаписал видео в youtube! Получилось даже лучше и короче чем то, которое не было изначально😎
Получилось без воды, без тупняков и я доволен результатом😃
Сегодня его буду монтировать и завтра уже опубликую в youtube💪
🔥5
This media is not supported in your browser
VIEW IN TELEGRAM
Приложение новостей на React.
В планах выпустить много видео к нему, дополнять и расширять функциональность. Добавить пагинацию, фильтрацию, сортировку, поиск и тд
👍4
В видеокурсе будем имитировать настоящую работу:
1. Работать в таск менеджере
2. Работать с ветками, с гитом
3. Проверять код
4. После каждого обновления деплоить проект
🧑🏻‍💻
🔥15👍1🤩1🤡1
На встрече с HR, рекрутерами. Потом расскажу, на что обращают внимание в резюме🧑🏻‍💻
🔥5
This media is not supported in your browser
VIEW IN TELEGRAM
Встреча закончилась. Много записей сделал. Думаю написать статью и видео снять. Возможно через неделю это сделаю📖 Не обещаю. Узнал очень жёсткую инфу. Поделюсь с вами на неделе.
🔥7👍1
📌Выбор Элементов в DOM

Для взаимодействия с элементами на веб-странице вам нужно сначала их выбрать. В JavaScript есть несколько способов сделать это:

1️⃣getElementById:
Выбирает элемент по его уникальному ID. Очень быстрый и прямолинейный способ доступа к конкретному элементу.

2️⃣getElementsByClassName:
Выбирает все элементы с определенным классом. Отлично подходит для работы с группами элементов, имеющих общий класс.

3️⃣getElementsByTagName:
Выбирает все элементы с определенным тегом, например 'div' или 'a'. Полезно, если вы хотите выбрать все ссылки или определенные блоки на странице.

4️⃣querySelector:
Выбирает первый элемент, соответствующий указанному CSS-селектору. Это универсальный метод, который может использовать любой допустимый CSS-селектор.

5️⃣querySelectorAll:
Выбирает все элементы, соответствующие указанному CSS-селектору. Вы можете использовать любой селектор, который бы вы использовали в CSS, включая комбинации и псевдоклассы.

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

#JavaScript #DOM #ОбучающийПост
👍7🤡3🔥2
Примеры использования методов поиска DOM элементов

#code #JavaScript #DOM
1
const element = document.querySelector('button');

Какой элемент мы получим? #quiz #JavaScript #DOM
Anonymous Quiz
17%
с классом button
4%
с id button
74%
с тэгом button
6%
никакой из-за ошибки