Перезаписал видео в 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

Обработка событий в веб-разработке — это фундаментальный принцип, позволяющий создавать динамичные и интерактивные сайты. Вот основные аспекты, которые включает в себя обработка событий:

1️⃣ Типы Событий
События могут быть разных типов, в зависимости от взаимодействия пользователя с веб-страницей. Это могут быть клики мыши, нажатия клавиш, движения курсора и многие другие.

2️⃣ Обработчики Событий
Обработчики событий — это функции, которые вызываются, когда происходит определенное событие. Они могут быть назначены конкретным элементам или всей странице.

3️⃣ Делегирование Событий
Делегирование событий позволяет назначить один обработчик событий родительскому элементу, а затем управлять дочерними элементами. Это упрощает управление событиями, особенно когда элементов много.

4️⃣ Поведение По Умолчанию
Некоторые события включают в себя стандартное поведение браузера, например, переход по ссылке при клике на нее. Это поведение может быть переопределено или отменено.

5️⃣ Порядок Событий
События могут всплывать или перехватываться, и это может влиять на то, как обработчики событий вызываются. Понимание этого порядка может быть важным для правильного выполнения кода.

6️⃣ Объект События
Когда срабатывает обработчик события, ему передается объект события, содержащий информацию о событии, такую как тип события, целевой элемент и другие детали.

7️⃣ Совместимость Браузеров
Разные браузеры могут по-разному обрабатывать события. Учитывание этой совместимости может быть важным для обеспечения корректной работы на всех платформах.

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

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

Обработка Событий в JavaScript

#code #JavaScript #DOM

Обработка событий в JavaScript (1)

#code #JavaScript #DOM