Javascript
18.6K subscribers
804 photos
117 videos
2 files
1.24K links
По всем вопросам - @workakkk

@itchannels_telegram -🔥лучшие ИТ-каналы

@ai_machinelearning_big_data - машинное обучение

@JavaScript_testit- js тесты

@pythonl - 🐍

@ArtificialIntelligencedl - AI

@datascienceiot - ml 📚

РКН: № 5153160945
Download Telegram
🚗Программирование будущего: беспилотный автомобиль, управляемый JavaScript и ИИ

Вы когда-нибудь мечтали о беспилотном автомобиле?

Теперь это уже не причудливая фантазия. Представьте, что едете по дороге, не держа руки на руле, а строчки кода ведут вас по дороге. Звучит безумно, но еще безумнее то, что этот код заставляет автомобиль не только двигаться, но и уклоняться от препятствий. А если ситуация становится сложной, машина сама нажимает на тормоза.

Присоединяйтесь ко мне, чтобы разгадать магию, с помощью которой простые строки кода превращают автомобиль в умное, самоуправляемое чудо.

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

Как проводник, JavaScript взаимодействует с электронным блоком управления (ЭБУ) автомобиля, отвечающим за приводную систему, рулевые механизмы и педали ускорения. С помощью тщательно продуманных алгоритмов он преобразует абстрактные инструкции в реальное движение, позволяя автомобилю автономно перемещаться по дороге. По сути, JavaScript наделяет автомобиль интеллектом для принятия решений в доли секунды, превращая строки кода в динамичное управление автомобилем.

📌Читать дальше

@javascriptv
👍125👎3🔥1
🖥 Шпаргалка по методам массивов JavaScript 👨‍💻🚀.

@javascriptv
Please open Telegram to view this post
VIEW IN TELEGRAM
👍59🔥184
🖥 Скрипт для получения индексации вашего сайта в Google менее чем за 48 часов

https://github.com/goenning/google-indexing-script

@javascriptv
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥20👍31👏1
🥷Хуки Mongoose: все, что нужно знать

Хуки Mongoose — своего рода ниндзя-шпионы, работающие вне поля зрения, перехватывая и изменяя операции с данными в ключевых точках. Это невероятно мощные инструменты для добавления пользовательской логики в Mongoose-приложения, но их освоение может быть похоже на взлом секретного кода. Но вам, бесстрашные разработчики, незачем волноваться, ведь эта статья упростит задачу.

Что такое хуки Mongoose?

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

🔵 Pre-hooks (предварительные хуки): запускаются перед основной операцией, позволяя манипулировать данными или выполнять валидацию до попадания в базу данных.
🔵Post-hooks (послеоперационные хуки): запускаются после выполнения основной операции, позволяя реагировать на результат (успех или неудачу) и выполнять такие задачи, как отправка уведомлений или регистрация изменений.

Типы хуков Mongoose
Mongoose предлагает четыре типа хуков, каждый из которых отвечает различным потребностям.

📌 Продолжение

@javascriptv
Please open Telegram to view this post
VIEW IN TELEGRAM
👍103🔥1
🏃‍♂️Состояние гонки в Node.js: практическое руководство

Состояние гонки — распространенная и сложная проблема в параллельном программировании. Они могут приводить к неожиданным и противоречивым результатам, их сложно отлаживать и исправлять.

В этой статье мы затронем следующие темы: что такое состояние гонки; что происходит с программой, когда оно возникает; почему Node.js не защищен от гонок; когда мы можем сталкиваться с состоянием гонок в Node.js и как их предотвратить.

Что такое состояние гонки?
Состояние гонки — это тип ошибки в программировании, которая может возникнуть, когда несколько процессов или потоков одновременно получают доступ к общим данным или ресурсам и пытаются их изменить (например, файл или базу данных). При этом результат зависит от времени или порядка выполнения. Такое явление может привести к несогласованным или неверным результатам.

Предположим, два потока пытаются получить доступ к одному и тому же файлу на диске. Один поток хочет удалить файл, а другой — прочитать и переименовать его. Если потоки будут чередовать свои операции таким образом, может возникнуть состояние гонки:

▪️Поток 1 проверяет, существует ли файл (true), и удаляет его.
▪️Поток 2 проверяет, существует ли файл (false), и пытается его открыть.
▪️Поток 2 не может открыть файл и выбрасывает ошибку.
▪️Поток 2 пытается переименовать файл, что заканчивается сбоем.

В конечном итоге файл удаляется, а поток 2 не может выполнить свою задачу. Это происходит потому, что потоки не скоординировали доступ к файлу и мешали друг другу выполнять операции.

Что происходит с программой при возникновении состояния гонки?

📌Продолжение

@javascriptv
Please open Telegram to view this post
VIEW IN TELEGRAM
👍113👏2🔥1
This media is not supported in your browser
VIEW IN TELEGRAM
Создание навигационной панели с анимированным индикатором с помощью HTML, CSS и JavaScript 🚀

👨‍💻 Код

@javascriptv
👍221🔥1
Репозиторий: Design Resources For Developers

В репозитории собран обширный набор ресурсов для дизайна UI, стоковых фотографий, веб-шаблонов, CSS-фреймворков, UI-библиотек, а также разнообразных инструментов, доступных бесплатно для использования в ваших проектах.

📌репозиторий

@javascriptv
👍13🔥42🤩1
This media is not supported in your browser
VIEW IN TELEGRAM
📲 Weather App Concept – красивая анимация для мобильного приложения, написанная на чистом CSS. Лучше всего работает в Chrome.

https://codepen.io/davidkpiano/pen/ByNPQw

@javascriptv
🔥144👍4
Размеченные объединения в TypeScript

Вместо того чтобы сразу погружаться в теорию, рассмотрим практический пример.

Требования

1. Необходимо создать функцию, которая возвращает одну из 3 фигур (квадрат, прямоугольник или круг).

2. Функция должна принимать только соответствующие параметры.

3. Параметры для каждой фигуры разные, и они следующие:

▪️круг: радиус (“radius”);
▪️квадрат: размер (“size”);
▪️прямоугольник: высота и ширина (“height & width”).

Один из самых простых способов сделать это в TypeScript — создать тип следующим образом:

type CustomShapeProps = {
kind: "square" | "rectangle" | "circle";
size?: number;
width?: number;
height?: number;
radius?: number;
};


Это рабочий вариант, но замечаете ли вы какие-нибудь изъяны в приведенном коде? Посмотрите на следующий GIF-файл, чтобы увидеть, как будет функционировать код, использующий этот тип:

📌 Читать

@javascriptv
Please open Telegram to view this post
VIEW IN TELEGRAM
👍93🔥3
This media is not supported in your browser
VIEW IN TELEGRAM
🐠Koi Fish

Создано и анимировано на чистом CSS.

#css

https://codepen.io/Adir-SL/pen/LYEPzxW

@javascriptv
🔥34👍54🎉4
This media is not supported in your browser
VIEW IN TELEGRAM
🌃 Detailed Theme Switch - изящный переключатель темы (день / ночь)

https://codepen.io/jkantner/pen/OJazKey

@javascriptv
👍24🔥83
This media is not supported in your browser
VIEW IN TELEGRAM
🖥 Simple Fireworks - Простые, но красочные фейерверки для сайта

https://codepen.io/donth77/pen/mdQwqwN

@javascriptv
Please open Telegram to view this post
VIEW IN TELEGRAM
👍112🔥2😁1
This media is not supported in your browser
VIEW IN TELEGRAM
⚡️ Noisy Risograph Gradient Celestial Body - Генератор градиентов, выполненный с помощью SCSS и JavaScript

https://codepen.io/chriskirknielsen/pen/WNZamZR

@javascriptv
👏83🔥2👍1
This media is not supported in your browser
VIEW IN TELEGRAM
🌟 Animated Star Rating

Каждая звезда - это радио кнопка, при нажатии на которую задействуются свои CSS-стили.

https://codepen.io/jkantner/pen/BarvVNa

#css

@javascriptv
👍24🔥42
This media is not supported in your browser
VIEW IN TELEGRAM
ZUMA

Легендарная игра, реализованная на HTML, SCSS и TypeScript.

https://codepen.io/lintingyou/pen/RwMLqRZ

@javascriptv
👍30🔥73
🎮 Pac-Man

Историческая дань уважения и точный ремейк оригинальной аркадной игры Pac-Man , написанный на JS.

Github

@javascriptv
Please open Telegram to view this post
VIEW IN TELEGRAM
👍24🔥65
Совет по CSS 💡

Одно правило CSS для отображения звездочки (*) для всех обязательных полей

@javascriptv
👍359🔥3
This media is not supported in your browser
VIEW IN TELEGRAM
Changing background colour with CSS - Ползунок с изменением заднего фона сайта.

https://codepen.io/CupOfTegan/pen/KKrqXmP

@javascriptv
7👍4🔥2
This media is not supported in your browser
VIEW IN TELEGRAM
🖥 Rotating border

Граница сделана из псевдоэлементов, которые анимируются в CSS.

#css

https://codepen.io/Chokcoco/pen/dypaobm

@javascriptv
Please open Telegram to view this post
VIEW IN TELEGRAM
👍15🔥65👏1