По всем вопросам - @workakkk @itchannels_telegram -🔥лучшие ИТ-каналы @ai_machinelearning_big_data - машинное обучение @JavaScript_testit- js тесты @pythonl - 🐍 @ArtificialIntelligencedl - AI @datascienceiot - ml 📚 РКН: № 5153160945
👩💻 Руководство: Как обрабатывать формы в Next.js с помощью действий сервера и Zod для проверки!
🌟 Формы необходимы на современных веб-сайтах, поскольку они помогают вам собирать информацию о пользователях. Поэтому знание того, как правильно обращаться с формами, имеет решающее значение при создании веб-приложений.
🌟 В этой статье вы узнаете, как обрабатывать формы в Next.js с помощью действий сервера и zod!
🔗 Ссылка: *клик*
@javascriptv
🖥 Automa — это инструмент для автоматизации задач в веб-браузерах, предназначенный для создания пользовательских рабочих процессов без необходимости писать код!
🌟 Он предоставляет интерфейс, позволяющий визуально создавать последовательности действий, таких как заполнение форм, переходы между страницами, извлечение данных и взаимодействие с веб-элементами.
💡 Automa используется для задач веб-скрейпинга, тестирования, автоматизации работы с API, и даже для упрощения рутинных действий в браузере. Все рабочие процессы можно настраивать и запускать как вручную, так и по расписанию.
🌟 Инструмент работает в браузерах на базе Chromium (например, Google Chrome и Microsoft Edge).
🔐 Лицензия: AGPL
🖥 Github
@javascriptv
Начать изучать frontend-разработку: подборка ресурсов от НИУ ВШЭ
Центр непрерывного образования факультета компьютерных наук Высшей школы экономики собрал бесплатные материалы, которые помогут познакомиться с индустрией фронтенда.
- Литература и ресурсы для тех, кто хочет научиться проектировать и разрабатывать сайты
- Вебинар и статья: «Как работает фронтенд: от загрузки сайта до современных инструментов»
- Вебинар «С нуля до frontend-разработчика: введение в frontend и базовые инструменты»
- Вебинар «Как современные библиотеки упрощают жизнь фронтендера»
- Онлайн-курс «Введение в Git»
- Онлайн-интенсив «Frontend с нуля: первый шаг в веб-разработку»
Больше полезных публикаций, вебинаров и мероприятий — в канале Центра непрерывного образования.
Реклама: Федеральное государственное автономное образовательное учреждение высшего образования «Национальный исследовательский университет «Высшая школа экономики».
Erid:2SDnjevgaXD
🔥 HyperTAG — это бот Telegram на Node.js, который использует передовые модели ИИ для генерации контекстно-зависимых тегов и резюме для ваших сообщений!
🌟 Бот анализирует текстовое содержимое ваших сообщений вместе с любыми включенными ссылками , создавая соответствующие теги и резюме на основе как текста сообщения, так и текста ссылок. Кроме того, он генерирует резюме для веб-страниц или видео YouTube, используя их ссылки.
🔐 Лицензия: MIT
🖥 Github
@javascriptv
🖥 Интерактивная игра для изучения CSS Anchor Positioning.
Работает в Chrome Canary.
https://anchoreum.com/#ru
@javascriptv
🔍 Кто-то выставил настройки теней в реальной жизни на минимум...
@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
🖥 Stagehand — это фреймворк для упрощенной автоматизации веб-браузинга, разработанный с акцентом на модульность и гибкость.
🌟 Фреймворк позволяет пользователям программировать последовательности действий, таких как навигация и взаимодействие с веб-страницами, интегрируя AI для управления сценариями и анализа контента. Благодаря своей структуре, Stagehand дает возможность легко добавлять кастомные модули, расширять функциональность и использовать AI для адаптивного веб-скрейпинга, тестирования и других задач.
🔐 Лицензия: MIT
🖥 Github
@javascriptv
🖥 Большая книга по JavaScript! (100+ глав!)
🔗 Ссылка: *клик*
@javascriptv
🖥 В этом видеоуроке вы научитесь создавать адаптивное боковое меню с использованием HTML CSS и JavaScript с темным и светлым режимом!
🕞 Продолжительность: 37:17
🔗 Ссылка: *клик*
@javascriptv
🖥 Эта статья объясняет концепцию "мёртвой зоны" в JavaScript!
🌟 Мертвая зона — фаза исполнения кода, когда переменная существует, но недоступна до инициализации, что вызывает ошибку ReferenceError. В статье рассматриваются причины мёртвой зоны, особенности let и const в отличие от var, и методы, позволяющие избежать связанных с этим проблем
🔗 Ссылка: *клик*
@javascriptv
🖥 Awesome-javascript — коллекция популярных библиотек, фреймворков, инструментов и ресурсов, связанных с JavaScript!
🌟 Проект содержит тщательно отобранные ссылки на полезные инструменты для фронтенд и бэкенд-разработки, охватывая темы, такие как работа с DOM, обработка данных, тестирование, сборка и другие аспекты экосистемы JavaScript. Это полезный справочник для разработчиков, ищущих надежные и проверенные решения для улучшения своих проектов
🖥 Github
@javascriptv
🖥 Что выведет этот код?
🌟 Пишите ответ в комментариях!
@javascriptv
🖥 Любопытный факт "JavaScript" является зарегистрированным товарным знаком, который принадлежит компании Oracle. То есть нельзя просто так назвать свою библиотеку My Super Duper JavascriptLibrary – теоретически требуется разрешение от компании.
Именно поэтому все предпочитают использовать сокращение "js".
Райан Даль, создатель Node.js
, и Брендан Эйх, автор самого JavaScript
, теперь борются против Oracle за эту торговую марку, поскольку термин "JavaScript" стал настолько популярным, что воспринимается как нечто обыденное
, вроде "эскалатора" или "термоса". Они даже подали официальную петицию об отмене этого торгового знака.
По мнению автора данной статьи, у них есть шанс на успех. У Oracle нет четких планов по монетизации JavaScript, да и сам язык давно перестал быть продуктом, превратившись в повсеместно используемую технологию. Подобный случай уже был, когда AT&T освободила Unix для свободного использования.
📌 Читать статью
@javascriptv
Вы опытный web-разработчик?
Приходите на открытый вебинар "От React к Vue за один шаг: как легко освоить новый фреймворк"!
Что будет на вебинаре?
- Сравнение основных компонентов и концепций React и Vue, чтобы увидеть, как они перекликаются.
- Разбор синтаксиса, управления состоянием и рендеринга — выясним, насколько привычные подходы из React можно легко применить в Vue.
- Практическое руководство по быстрому освоению Vue через знакомые идеи и шаблоны из React.
Что узнают участники?
- Как легко перейти с React на Vue, используя знакомые концепции.
- Принципы организации компонентов и управления состоянием, которые делают переход плавным и понятным.
- Уверенность в том, что навыки, освоенные в React, могут быть полезны и ускорить работу с Vue в реальных проектах.
🔥Регистрируйтесь на урок 27 ноября, в 20:00 мск и получите скидку на большое обучение «JavaScript Developer. Professional» : https://otus.pw/D2JE/?erid=LjN8K3QrJ
Реклама. ООО "ОТУС ОНЛАЙН-ОБРАЗОВАНИЕ". ИНН 9705100963.
💥 Карточки принимают 3D-форму при наведении на соцсети.
#css #карточки #соцсети #hover
https://codepen.io/CryBaby2003/pen/dyMLJQZ
@javascriptv
👩💻 Scraperr — это веб-приложение для самостоятельного веб-скрейпинга, позволяющее пользователям указывать элементы для извлечения данных с веб-страниц с помощью XPath!
🌟 Приложение реализовано на Next.js и FastAPI. Оно поддерживает управление заданиями, загрузку результатов в CSV и интеграцию с OpenAI и Ollama для анализа данных. Проект можно настроить через Docker и использовать в API-режиме для интеграции с другими сервисами.
🔐 Лицензия: MIT
🖥 Github
@javascriptv
🔍 Наглядное сравнение производительности нескольких языков программирования при выполнении 1 млрд итераций в цикле!
@javascriptv
🔥 LogoCreator — приложение с открытым исходным кодом, которое использует Flux 1.1 для генерации разнообразных логотипов по вашему запросу!
🖥 Github
@javascriptv
Ищем новичков во фронтенд-разработке и вёрстке сайтов.
Хотим показать, как получить реальный опыт в разработке сайтов и веб-приложений.
А именно:
- Сверстать веб-сайт на HTML + CSS;
- Реализовать функционал на JavaScript;
- Пощупать фронтенд-фреймворк Angular;
- Подключить Backend и загрузить сайт на хостинг.
Чтобы в итоге ты своими руками разработал качественный сайт, который не стыдно добавить в портфолио или продать.
Такой опыт можно получить на бесплатном практикуме уже завтра с поддержкой от опытных кураторов на каждом этапе.
👉 Приходи на бесплатное обучение и зови с собой друзей
Бонусом получишь гайд для поиска работы и заказов на фронтенд-разработку.
⚡️Легкий способ получать свежие обновления и следить за трендами в разработке на вашем языке. Находите свой стек и подписывайтесь:
МАШИННОЕ ОБУЧЕНИЕ: t.me/ai_machinelearning_big_data
C++ t.me/cpluspluc
Python: t.me/pythonl
Linux: t.me/linuxacademiya
Хакинг: t.me/linuxkalii
Devops: t.me/DevOPSitsec
АНАЛИЗ Данных: t.me/data_analysis_ml
Javascript: t.me/javascriptv
C#: t.me/csharp_ci
Java: t.me/javatg
Базы данных: t.me/sqlhub
Python собеседования: t.me/python_job_interview
Мобильная разработка: t.me/mobdevelop
Docker: t.me/DevopsDocker
Golang: t.me/Golang_google
React: t.me/react_tg
Rust: t.me/rust_code
ИИ: t.me/vistehno
PHP: t.me/phpshka
Android: t.me/android_its
Frontend: t.me/front
Big Data: t.me/bigdatai
Собеседования МЛ: t.me/machinelearning_interview
МАТЕМАТИКА: t.me/data_math
Kubernets: t.me/kubernetc
Разработка игр: /channel/gamedev
💼 Папка с вакансиями: t.me/addlist/_zyy_jQ_QUsyM2Vi
Папка Go разработчика: t.me/addlist/MUtJEeJSxeY2YTFi
Папка Python разработчика: t.me/addlist/eEPya-HF6mkxMGIy
Папка ML: /channel/addlist/2Ls-snqEeytkMDgy
Папка FRONTEND: /channel/addlist/mzMMG3RPZhY2M2Iy
😆ИТ-Мемы: t.me/memes_prog
🇬🇧Английский: t.me/english_forprogrammers
🧠ИИ: t.me/vistehno
🎓954ГБ ОПЕНСОРС КУРСОВ: @courses
📕Ит-книги бесплатно: /channel/addlist/BkskQciUW_FhNjEy
❓ Что выведет этот код и почему?
❗️ Ответ:
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
Бесплатный практический вебинар: Профессия «Frontend-разработчик».
⏰ Когда: 19 ноября в 19:00 по мск.
Погрузитесь в решение реальной задачи и напишите мини-игру, которая работает прямо в браузере 🎮
Расскажем, что ждут работодатели от джунов, какие есть грейды во фронтенд-разработке и на какую зарплату рассчитывать в перспективе.
Какие JS фреймворки учить: Vue, React, а может, Angular?
Задайте вопросы опытному спикеру, сделайте первый шаг в направлении новой профессии.
🎁 Всем, кто зарегистрировался - Гайд «Как заговорить на сленге IT-специалистов», а каждому участнику - Карта компетенций начинающего Frontend-разработчика.
🖥 Uptime Kuma — это платформа для мониторинга состояния серверов и сервисов, предлагающая визуальные отчеты и уведомления о простоях и ошибках. Она поддерживает различные виды мониторинга, включая HTTP, TCP, и DNS, а также уведомления через Telegram, Discord и другие каналы. Интерфейс интуитивен и ориентирован на удобство использования, позволяя легко отслеживать статус работы сервисов.
🔐 Лицензия: MIT
🖥 Github
@javascriptv
🖥 Совет по JavaScript:
🌟 Используйте URLSearchParams для простого управления параметрами запроса!
@javascriptv
🖥 Как защитить приложения JavaScript: распространенные уязвимости и лучшие практики!
💡 JavaScript — широко используемый язык программирования для создания клиентских и серверных приложений. Его варианты использования выходят за рамки веб-разработки, поскольку JavaScript также используется в разработке мобильных приложений и искусственном интеллекте. Это делает JavaScript универсальным языком.
🌟 Но такая универсальность влечет за собой риски. Широкое использование JavaScript также делает его основной целью для атак
❗️ Эта статья познакомит вас с важностью безопасности вашего приложения. Вы также узнаете распространенные уязвимости безопасности JavaScript и способы предотвращения атак и защиты вашего кода JavaScript!
🔗 Ссылка: *клик*
@linuxkalii
Как удалить первый элемент массива в javascript😂
@javascriptv