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

Создание нового элемента и добавление его на страницу
Изменение стилей элемента

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

#JavaScript #DOM #code

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

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

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

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

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

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

📌Выбор Элементов в DOM

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

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

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

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

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

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

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

#JavaScript #DOM #ОбучающийПост

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

#code #JavaScript #DOM

https://youtu.be/bD0UXb7kD_k
Первое видео из серии. Создаем приложение новостей используя React. На выходных будут следующие 2 и 3 серии.🎯

На данный момент сняты серии:

1. Скелетон при загрузке контента
2. Пагинация, переключение новостей

В пятницу устрою голосование, какую функциональность добавить в приложение💪🏻

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

1️⃣append()
Этот метод используется для вставки элемента в конец родительского элемента.

2️⃣before()
Этот метод позволяет вставлять элемент перед указанным элементом.

3️⃣replaceWith()
Этот метод заменяет существующий дочерний элемент на новый.

4️⃣insertAdjacentHTML()
Этот метод позволяет вставлять строку HTML в указанное место относительно элемента.

5️⃣prepend()
Этот метод вставляет узлы или строки в начало родительского элемента.

6️⃣after()
Этот метод вставляет содержимое после указанного элемента.

7️⃣innerHTML
Этот свойство позволяет манипулировать HTML содержимым элемента напрямую.

Выбор подходящего метода зависит от конкретной задачи и потребностей. Некоторые методы предоставляют больше контроля и гибкости, в то время как другие предназначены для быстрой и простой манипуляции элементами.

#JavaScript #ОбучающийПост #DOM

В России в четыре раза вырос спрос на IT-специалистов

"Авито Работа": за год в России почти вчетверо вырос спрос на IT-специалистов

Спрос на квалифицированных IT-специалистов в августе 2023 года вырос в 3,7 раза по сравнению с аналогичным периодом прошлого года, вместе с этим увеличились также зарплатные предложения, рассказал РИА Новости управляющий директор платформы "Авито Работа" Артем Кумпель.

Как я понял это именно на всех специалистов, в том числе и smm, дизайнеры и тд. ChatGPT пока что не заменяет никого. Только лентяев☝🏻😄

#news

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

#code #DOM #JavaScript

Компонент высшего порядка (Higher-Order Component, HOC) — это один из продвинутых способов для повторного использования логики. HOC не являются частью API React, но часто применяются из-за композиционной природы компонентов.

Говоря просто, компонент высшего порядка — это функция, которая принимает компонент и возвращает новый компонент.

#react #hoc #ОбучающийПост #live