☑ Вышел Angular 17.1

https://github.com/angular/angular/releases/tag/17.1.0

@javascriptv

🖥 30-Days-Of-JavaScript

Полное пошаговое руководство по изучению языка программирования JavaScript за 30 дней.

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

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

🖥 Инструкци

@javascriptv

🖥JavaScript нужен не везде!

Возможно, вы думаете: "везде, где я использую JS - это единственный верный вариант". Возможно, это и так, но полезно знать, что и разработчики браузеров, и авторы спецификаций переносят на CSS и HTML многие функции, для которых еще несколько лет назад требовался JS. Именно об этом и пойдет речь в этой статье.

https://www.htmhell.dev/adventcalendar/2023/2/

#html #css #javascript

@javascriptv

💻 7 приложений и сайтов, которые облегчат работу UX/UI дизайнера

Никто не будет спорить, что Figma круто изменила работу для UX/UI дизайнера, делая все проще и объединяя все необходимое в одном месте. Однако даже со всеми потрясающими возможностями и плагинами в Figma существуют и другие приложения и сайты, которыми дизайнеры пользуются каждый день и которые Figma заменить не может. Каждое из них выполняет особую задачу, которая выходит за пределы возможностей Figma. Поэтому хочется поделиться 7 приложениями и сайтами, которые можно использовать вместе с Figma. Этот список покажет, что иногда для достижения лучших результатов нужно использовать несколько инструментов.

1. Mobbin

Для исследования: Lyssna, Maze

2. Lyssna

3. Maze

4. Сбор данных: Typeform

Визуализация и UI: Fonts in Use, Designstripe, Palettemaker

5. Fonts in Use

6. Designstripe

7. PaletteMaker

@javascriptv

🖥 Скрипт для получения индексации вашего сайта в Google менее чем за 48 часов

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

@javascriptv

🥷Хуки Mongoose: все, что нужно знать

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

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

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

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

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

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

@javascriptv

🏃‍♂️Состояние гонки в Node.js: практическое руководство

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

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

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

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

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

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

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

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

@javascriptv

Размеченные объединения в 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