Javascript

👩‍💻 Руководство: Как обрабатывать формы в Next.js с помощью действий сервера и Zod для проверки!

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

🌟 В этой статье вы узнаете, как обрабатывать формы в Next.js с помощью действий сервера и zod!

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

@javascriptv

🖥 Любопытный факт "JavaScript" является зарегистрированным товарным знаком, который принадлежит компании Oracle. То есть нельзя просто так назвать свою библиотеку My Super Duper JavascriptLibrary – теоретически требуется разрешение от компании.

Именно поэтому все предпочитают использовать сокращение "js".

Райан Даль, создатель Node.js, и Брендан Эйх, автор самого JavaScript, теперь борются против Oracle за эту торговую марку, поскольку термин "JavaScript" стал настолько популярным, что воспринимается как нечто обыденное, вроде "эскалатора" или "термоса". Они даже подали официальную петицию об отмене этого торгового знака.

По мнению автора данной статьи, у них есть шанс на успех. У Oracle нет четких планов по монетизации JavaScript, да и сам язык давно перестал быть продуктом, превратившись в повсеместно используемую технологию. Подобный случай уже был, когда AT&T освободила Unix для свободного использования.

📌 Читать статью

@javascriptv

🖥 Automa — это инструмент для автоматизации задач в веб-браузерах, предназначенный для создания пользовательских рабочих процессов без необходимости писать код!

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

💡 Automa используется для задач веб-скрейпинга, тестирования, автоматизации работы с API, и даже для упрощения рутинных действий в браузере. Все рабочие процессы можно настраивать и запускать как вручную, так и по расписанию.

🌟 Инструмент работает в браузерах на базе Chromium (например, Google Chrome и Microsoft Edge).

🔐 Лицензия: AGPL

🖥 Github

@javascriptv

💥 Карточки принимают 3D-форму при наведении на соцсети.

#css #карточки #соцсети #hover

https://codepen.io/CryBaby2003/pen/dyMLJQZ

@javascriptv

🔥 HyperTAG — это бот Telegram на Node.js, который использует передовые модели ИИ для генерации контекстно-зависимых тегов и резюме для ваших сообщений!

🌟 Бот анализирует текстовое содержимое ваших сообщений вместе с любыми включенными ссылками , создавая соответствующие теги и резюме на основе как текста сообщения, так и текста ссылок. Кроме того, он генерирует резюме для веб-страниц или видео YouTube, используя их ссылки.

🔐 Лицензия: MIT

🖥 Github

@javascriptv

👩‍💻 Scraperr — это веб-приложение для самостоятельного веб-скрейпинга, позволяющее пользователям указывать элементы для извлечения данных с веб-страниц с помощью XPath!

🌟 Приложение реализовано на Next.js и FastAPI. Оно поддерживает управление заданиями, загрузку результатов в CSV и интеграцию с OpenAI и Ollama для анализа данных. Проект можно настроить через Docker и использовать в API-режиме для интеграции с другими сервисами.

🔐 Лицензия: MIT

🖥 Github

@javascriptv

🖥 Интерактивная игра для изучения CSS Anchor Positioning.

Работает в Chrome Canary.

https://anchoreum.com/#ru

@javascriptv

🔍 Наглядное сравнение производительности нескольких языков программирования при выполнении 1 млрд итераций в цикле!


@javascriptv

🔍 Кто-то выставил настройки теней в реальной жизни на минимум...

@javascriptv

🔥 LogoCreator — приложение с открытым исходным кодом, которое использует Flux 1.1 для генерации разнообразных логотипов по вашему запросу!

🖥 Github

@javascriptv

🎮 GDevelop — это бесплатный, кросс-платформенный, open-source движок на JavaScript и C++, предназначенный для создания 2D, 3D и многопользовательских игр.

🌟 Инструмент ориентирован на пользователей без опыта программирования, предлагая интуитивную систему на базе событий для реализации игровой логики. Доступен для разработки игр на iOS, Android, Windows, macOS, Linux и вебе. Программа поддерживает расширения, шаблоны, а также имеет активное сообщество и магазин ассетов.

🖥 Github

@javascriptv

🖥 Zebar — это инструмент на Typescript и Rust для создания настраиваемых и кроссплатформенных панелей задач, виджетов для рабочего стола и всплывающих окон.

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

🔐 Лицензия: GPL-3.0

🖥 Github

@javascriptv

После того, как закончил курс по программированию.

@javascriptv

❓ Что выведет этот код и почему?

❗️ Ответ:

31
31

🔍 **Объяснение:**

1. **Создание объекта `person1`:** Объект `person1` создаётся со свойствами `name` и `age`.
2. **Присвоение `person2 = person1`:** Здесь не создаётся копия объекта `person1`, а создаётся ссылка на тот же объект в памяти. Таким образом, `person1` и `person2` указывают на один и тот же объект.
3. **Изменение свойства `age` у `person2`:** При изменении `person2.age` это изменение влияет и на `person1.age`, так как оба идентификатора указывают на один и тот же объект.
4. **Вывод `person1.age` и `person2.age`:** Оба значения будут равны `31`, поскольку изменение `person2.age` также изменило `person1.age`.

@javascriptv

🖥 Stagehand — это фреймворк для упрощенной автоматизации веб-браузинга, разработанный с акцентом на модульность и гибкость.

🌟 Фреймворк позволяет пользователям программировать последовательности действий, таких как навигация и взаимодействие с веб-страницами, интегрируя AI для управления сценариями и анализа контента. Благодаря своей структуре, Stagehand дает возможность легко добавлять кастомные модули, расширять функциональность и использовать AI для адаптивного веб-скрейпинга, тестирования и других задач.

🔐 Лицензия: MIT

🖥 Github

@javascriptv

🖥 Большая книга по JavaScript! (100+ глав!)

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

@javascriptv

🖥 Uptime Kuma — это платформа для мониторинга состояния серверов и сервисов, предлагающая визуальные отчеты и уведомления о простоях и ошибках. Она поддерживает различные виды мониторинга, включая HTTP, TCP, и DNS, а также уведомления через Telegram, Discord и другие каналы. Интерфейс интуитивен и ориентирован на удобство использования, позволяя легко отслеживать статус работы сервисов.

🔐 Лицензия: MIT

🖥 Github

@javascriptv

🖥 В этом видеоуроке вы научитесь создавать адаптивное боковое меню с использованием HTML CSS и JavaScript с темным и светлым режимом!

🕞 Продолжительность: 37:17

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

@javascriptv

🖥 Совет по JavaScript:

🌟 Используйте URLSearchParams для простого управления параметрами запроса!

@javascriptv