Java Script для начинающих

Подборка репозитории GitHub, необходимые каждому разработчику на React 1. 30 Days of React 30 Days of React challenge - это пошаговое руководство по изучению React за 30 дней. 2. Awesome React Коллекция удивительных вещей, связанных с экосистемой React 3. React Bits ✨ React паттерны, техники, советы и рекомендации ✨ 4. React Typescript Cheatsheett-cheatsheets/react Шпаргалки для опытных разработчиков React, начинающих работать с TypeScript 5. ReactJS Interview Question Список из 500 вопросов и о...

Cовет💡 Быстрый и простой совет для вложенных радиусов: ваши углы будут выглядеть намного лучше, если вы установите внешний радиус на сумму внутреннего радиуса + отступы.

💡Простой способ обработки темной/светлой цветовой схемы с помощью light-dark(): на заметку фронтенд-разработчику

💡 Советы по CSS при работе с текстовыми полями: на заметку фронтенд-разработчику 🔹 Используйте field-sizing: content, чтобы текстовая область автоматически изменяла размер в соответствии с ее содержимым. 🔹 Используйте единицы измерения lh, чтобы установить высоту в вычисленных единицах высоты строки шрифта.

Как отцентрировать div? Интересный вопрос, есть 5 вариантов, рабочих. Напишите в комментариях свои способы, а я сделаю пост из своих способов и ваших способов.

JavaScript - это однопоточный язык, что означает, что он выполняет код последовательно в едином потоке. Однако, JavaScript имеет механизм, называемый Event Loop, который позволяет ему обрабатывать асинхронные операции и создавать впечатление параллельности. Сейчас let's погружаться в подробности Event Loop. Event Loop - это процесс, с помощью которого JavaScript управляет асинхронными операциями и обрабатывает их в однопоточной среде. Он обеспечивает smooth и реагирующее на события приложение, п...

Перебор в JavaScript — это процесс итерации (прохождения) по элементам коллекций данных, таких как массивы, объекты, строки, множества (Set) и карты (Map). JavaScript предоставляет несколько способов для выполнения перебора, включая циклы и встроенные методы. Рассмотрим их подробнее. const array = [1, 2, 3, 4, 5]; for (let i = 0; i < array.length; i++) { console.log(array[i]); } Этот цикл позволяет контролировать начальное значение, условие завершения и шаг итерации. const array = [1, 2, 3, 4, 5...

В поисках идеального элемента: узнайте, как использовать метод массива find() в JavaScript для эффективного поиска нужных данных в массиве. 🔍🚀 #JavaScript #find #массивы Привет, разработчики! Сегодня мы погрузимся в мир массивов в JavaScript и изучим один из мощных и удобных методов - .find(). Этот метод помогает найти первый элемент в массиве, который удовлетворяет заданному условию. 🔤Что такое .find()? Метод .find() возвращает первый элемент в массиве, который удовлетворяет тестовой функции...

<div class="container"> <div class="centered-div">Centered Content</div> </div> 1. Центрирование с помощью Flexbox .container { display: flex; justify-content: center; align-items: center; height: 100vh; } 2. Центрирование с помощью сетки .container { display: grid; place-items: center; height: 100vh; } 3. Центрирование с абсолютным позиционированием .container { position: relative; height: 100vh; } .centered-div { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } 4. Ц...

CSS - это язык, который позволяет нам оформить наш веб-сайт, добавить в него цвет, стиль и структуру. Он похож на магию, позволяя нам преобразовать обычный HTML в красочный и интерактивный опыт! 🌟🌐 Сегодня я хочу поделиться с вами несколькими cool-хаками CSS, которые, надеюсь, вдохновят вас на создание собственного стильного веб-сайта! 👾💅 1️⃣ Скрытые treasuries: никогда не переставайте удивляться магии :hover! Этот псевдокласс позволяет добавить интерактивность элементам, например, изменять ...