🖥 Потрясающие расширения VS Code для веб-разработки всего за 5 минут

VS Code - один из самых популярных, легких, с открытым исходным кодом и полностью настраиваемых редакторов кода, используемых миллионами разработчиков по всему миру.

В этой статье мы обсудим некоторые из наиболее полезных расширений VS Code, которые ускорят разработку в 3 раза, помогая вам стать разработчиком профессионального уровня.

Представляем расширения VS Code. Расширения предоставляют вам некоторые суперспособности для вашего редактора, также у вас есть возможность выбрать, какой из них вам нужен.

Немного о веб-разработке. Веб-разработка - это область компьютерных наук, которая включает в себя Интернет, API и все эти супер крутые веб-сайты и приложения, такие как Google, Instagram, Netflix и так далее. Теперь пришло время узнать об этих суперспособностях в VS Code.

➡️ Читать дальше

@javascriptv

🖥 Fade Intro/Outro

Плавно появляющаяся надпись. Реализована с помощью JavaScript.

#анимация #javascript

https://codepen.io/loficodes/pen/OJpYERE

@javascriptv

⭐️ Organic Onboarder – слайдер на CSS и JavaScript. Основная особенность - плавный переход от слайда к слайду и плавные градиенты.

https://codepen.io/team/keyframers/pen/RmLjzQ

@javascriptv

🖥 Создание хука Git pre-commit для автопроверки и исправления кода JavaScript и TypeScript

ажно выдерживать единый стиль написания кода в проекте, особенно если он выполнен на JavaScript и TypeScript. Это связано с тем, что JavaScript  —  очень гибкий язык, а TypeScript, хотя и менее гибок в синтаксисе, все же достаточно гибок в форматировании.

Представьте, что в одной части кода используется 2 пробела для отступа, а в другой  —  4. Вы можете подумать, что подобный линтинг носит лишь косметический характер. Тем не менее линтеры могут также проверять синтаксис и помогать улучшать качество кода в соответствии с общепринятыми отраслевыми стандартами.

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

Для проектов JavaScript и TypeScript разработано несколько хорошо зарекомендовавших себя пакетов, которые можно использовать для линтинга и управления Git-хуками. В этой статье речь пойдет о том, как создать хук Git pre-commit для проверки кода JavaScript и TypeScript с помощью ESLint, Prettier, lint-staged и Husky.

➡️ Читать

@javascriptv

🖥 Создание асинхронного исполнителя задач с параллелизмом в JavaScript

Давайте представим, что нам нужно создать асинхронный обработчик задач в javascript со следующим ограничением:

1. У исполнителя задач должен быть набор задач (task), которые будут ему переданы.
2. Каждая из этих задач будет некоторой асинхронной операцией,
3. Исполнитель задач также должен убедиться, что в один момент времени может выполняться только заданное количество задач, а другие задачи продолжают ждать, пока не придет их очередь.

➡️ Читать

@javascriptv

🖥 litegraph.js

litegraph.js – Библиотека в Javascript для создания браузерных графов, похожих на Unreal Blueprints

Библиотека подразумевает легкое встраивание в уже существующие веб-приложения

🖥 GitHub

@javascriptv

💨 Как написать тест-раннер в 80 строк кода на JavaScript/TypeScript

В экосистеме JavaScript насчитывается много средств выполнения тестов: Jest, Karma, Ava, Mocha. И это лишь малая их часть. Встроенный тест-раннер имеется в Deno. Экосистема со встроенным тестом и fmt  — более зрелая и лучшая, на мой взгляд.

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

➡️ Читать дальше

@javascriptv

📎 Огромный список полезных ресурсов для Javascript, React разработчиков.

Сохраняйте себе,чтобы не потерять.

➡️ Список

@javascriptv

⭐️ Функции JavaScript: Простое руководство

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

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

➡️ Читать дальше

@javascriptv