JavaScript
1.49K subscribers
429 photos
43 videos
4 files
715 links
➡️ Сотрудничество: @haarrp

https://yangx.top/itchannels_telegram - 🔥лучшие ит-каналы

@javascriptv - продвинутый javascript

@JavaScript_testit- js тесты

@programming_books_it - бесплатные it книги

@ai_machinelearning_big_data - ml
加入频道
​​24 CSS-проекта: Анимация загрузки, индикаторы выполнения, карточки и многое другое

На freeCodeCamp вышло новое видео, в котором вы сможете узнать, насколько хорошо вы на самом деле знаете CSS.

На протяжении 24 заданий вы будете воссоздавать компоненты и макеты из популярных приложений, таких как GitHub, CodePen и Instagram. Вы также создадите анимацию загрузки, индикаторы выполнения, карточки и многое другое, используя чистый CSS: https://youtu.be/TzuWIHGFKCQ

#css
👍2🔥1
This media is not supported in your browser
VIEW IN TELEGRAM
Создаем меню профиля с использованием HTML, CSS и JavaScript 🚀

https://github.com/atherosai/ui/tree/main/dropdown-menu-09
👍3
This media is not supported in your browser
VIEW IN TELEGRAM
Встроенный ИИ (AI) в Chrome (dev channel)
👍3
Узнайте о позиционировании CSS с помощью следующей шпаргалки 🚀
👍52🥰2
Forwarded from Javascript
🖥 Огромная шпаргалка по взаимодействиям с массивами в JavaScript!

📖 Читать: *клик*

@javascriptv
Please open Telegram to view this post
VIEW IN TELEGRAM
👍42🔥2
Forwarded from React JS
👩‍💻 Огромный курс React.js! (2024)

🌟 Откройте для себя мощь современной веб-разработки с самым большим курсом React.js в Интернете! Этот комплексный курс предназначен как для новичков, так и для опытных разработчиков, желающих освоить React.js и его экосистему!

🕞 Продолжительность: 12:42:56

🔗 Ссылка: *клик*

@react_tg
Please open Telegram to view this post
VIEW IN TELEGRAM
👍6🔥3
🖥 Лайфхак: вы можете создать футер с "копирайтом" таким образом, чтобы год на нем обновлялся автоматически!

@javascriptv
Please open Telegram to view this post
VIEW IN TELEGRAM
👍6🔥3👎1
🔥 design-resources-for-developers — обширный список ресурсов для веб-дизайна и разработки интерфейсов!

⭐️ Ресурс включает бесплатные и платные инструменты, шаблоны, иконки, иллюстрации, палитры цветов, шрифты, UI-киты и многое другое, что помогает разработчикам улучшить визуальную составляющую проектов.

🔐 Лицензия: MIT

🖥 GitHub

@about_javascript
Please open Telegram to view this post
VIEW IN TELEGRAM
👍1
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
👩‍💻 Remotion — инструмент для создания видео с использованием React!

🌟 Он позволяет разработчикам использовать привычный стек технологий фронтенда, таких как JavaScript/TypeScript и JSX, для анимации и создания медиа-контента. Вместо традиционных видеоредакторов вы пишете код, который описывает ваши сцены, а затем генерируете видео с помощью рендеринга.

🌟 Основные возможности Remotion включают управление таймлайном через компоненты React, поддержку анимаций, интеграцию с библиотеками, такими как Three.js, и возможность рендерить видео с использованием FFMPEG.

🖥 Github
Please open Telegram to view this post
VIEW IN TELEGRAM
👍21
🖥 Список из 100 вопросов с собеседований Middle JavaScript разработчика в 2025 году

Представляем вам список из 100 вопросов, которые могут встретиться на собеседовании для позиции Middle JavaScript Developer. Я также добавлю подробное объяснение к каждому вопросу, чтобы вы могли лучше подготовиться к собеседованию.

📌 Читать

@about_javascript
Please open Telegram to view this post
VIEW IN TELEGRAM
👍2
🖥 Изучите Three.js, создав пять проектов!

🌟 Three.js абстрагирует сложности WebGL (библиотека веб-графики), упрощая разработчикам создание и отображение анимированной 3D-компьютерной графики на веб-странице. С Three.js вы можете создавать все: от простых 3D-моделей до сложных интерактивных впечатлений.

🔗 Ссылка: *клик*

@javascriptv
Please open Telegram to view this post
VIEW IN TELEGRAM
👍4
🖥 Wapy.dev — это инструмент для управления подписками и регулярными расходами, предоставляющий удобную панель для отслеживания, оптимизации и уведомлений о платежах!

🌟 Пользователи могут регистрировать свои подписки, получать напоминания о предстоящих платежах через email или push-уведомления, а также анализировать расходы по категориям с поддержкой различных валют и часовых поясов.

🔐 Лицензия: MIT

🖥 Github

@about_javascript
Please open Telegram to view this post
VIEW IN TELEGRAM
👍1
🔥 Univer — это библиотека, предназначенная для создания обработчиков команд и автоматизации процессов в приложениях!

🌟 Она используется для обработки команд, позволяя удобно управлять параметрами и аргументами команд. Библиотека может быть полезна для разработчиков, создающих интерфейсы командной строки (CLI) или нуждающихся в инструменте для автоматизации задач.

🔐 Лицензия: Apache-2.0

🖥 Github

@react_tg
Please open Telegram to view this post
VIEW IN TELEGRAM
👍1
🖥 Курс по изучению TypeScript для начинающих!

🔗 Ссылка: *клик*

#курс #typescript

freecourses
Please open Telegram to view this post
VIEW IN TELEGRAM
👍4
🖥 JavaScript c Нуля - Курс для начинающих!

🕖 Ссылка: 6:55:30

🔗 Ссылка: *клик*

#курс #javascript

@about_javascript
Please open Telegram to view this post
VIEW IN TELEGRAM
👎4👍1
JavaScript. Метод includes()

Метод includes() в JavaScript используется для проверки наличия определенного элемента в массиве или строке. Он возвращает булевое значение, указывающее, найден ли элемент.

Для использования метода includes(), вызовите его на массиве или строке, над которыми хотите выполнить поиск. Передайте в качестве аргумента элемент, который вы ищете. Метод вернет true, если элемент найден, и false, если элемент отсутствует.

В приведенном примере у нас есть массив ['яблоко', 'груша', 'апельсин', 'банан']. Мы вызываем метод includes('груша'), чтобы проверить, содержит ли массив элемент 'груша'. Метод возвращает true, так как 'груша' присутствует в массиве. Затем мы вызываем метод includes('слива'), чтобы проверить, содержит ли массив элемент 'слива'. Метод возвращает false, так как 'слива' отсутствует в массиве. Результаты выводятся в консоль.
👍2
🌸 Typed Japanese

Для гиков: энтузиасты придумали учить языки через TypeScript.

Проект Typed Grammar учит грамматике (например, английского или японского) с помощью типов и структур программирования. И никаких зелёных сов!

🔗 GitHub
🖌️ LUME — создание 2D/3D-интерфейсов на HTML. Этот набор веб-компонентов превращает обычные HTML-элементы в полноценные носители графики — от CSS3D-преобразований до WebGL-рендеринга.

Под капотом используется AssemblyScript для компиляции в WebAssembly, что обещает стабильную производительность. А в примерах есть даже заготовка для FPS-игры на движке.

🤖 GitHub

@javascriptv
🎯 HTML attributes vs DOM properties

Разница между атрибутами и свойствами в HTML/DOM может быть запутанной, особенно когда названия совпадают. Кратко:

* Атрибут — часть HTML.
* Свойство — часть DOM-объекта.

Пример:


<input value="Hello">



const input = document.querySelector('input');
console.log(input.getAttribute('value')); // "Hello"
console.log(input.value); // "Hello"
input.value = 'World';
console.log(input.getAttribute('value')); // "Hello"


Значение атрибута остаётся неизменным, даже если свойство обновляется в JS. DOM-свойства могут не синхронизироваться с атрибутами после инициализации.

🔹Свойства могут отличаться от атрибутов


<input disabled>



input.hasAttribute('disabled'); // true
input.disabled; // true
input.removeAttribute('disabled');
input.disabled; // false


Свойство disabled — булево. Атрибут disabled работает как флаг: его наличие имеет значение, не важно, какое значение вы ему присвоили.


<input disabled="false">


Это всё равно disabled. Так работает HTML.

🔹Когда использовать атрибуты, а когда свойства?

* Используйте атрибуты, когда:

* Вам нужно установить начальное значение в HTML.
* Вы работаете с HTML-строкой.
* Вы хотите сохранить значение при сериализации (например, outerHTML).

* Используйте свойства, когда:

* Вы работаете с DOM в JS.
* Нужно прочитать или изменить текущее состояние элемента.

🔹Иногда стоит быть осторожнее


input.setAttribute('value', 'New');
console.log(input.value); // "New"


Иногда установка атрибута также влияет на свойство, но не всегда — зависит от элемента и конкретного атрибута/свойства.

https://jakearchibald.com/2024/attributes-vs-properties/