😎 Веб-блокнот, позволяющий работать с данными на SQL, Scala и ещё с десятками языков

Быстрый старт с помощью Docker:
docker run -p 8080:8080 --rm --name zeppelin apache/zeppelin:0.11.1

А сама установка тут

● Следи за новостями VA-PC Code
● Наш основной канал

📝 Шпаргалка по значениям свойства display в CSS

➡️ Ключевые значения:

— none: элемент не будет отображаться на странице и его место не будет учитываться при рендеринге документа

— block: элемент будет отображаться как блочный, занимая всю доступную ширину и начиная с новой строки

— inline элемент отобразится как строчный, который занимает только столько места, сколько необходимо для содержимого и не начинает новой строки

— inline-block: элемент будет отображаться как строчно-блочный - он занимает столько места, сколько нужно для содержимого, но при этом может иметь свойства блочного элемента

— flex: элемент будет отображаться как гибкий контейнер, предоставляя удобные способы для управления размещением дочерних элементов внутри него

— grid: элемент отобразится как контейнер сетки, позволяя легко организовывать содержимое в виде сетки

— Пример синтаксиса:

.element {
display: block;
width: 30px;
height: 30px;
}

😍 — больше шпор

● Следи за новостями VA-PC Code
● Наш основной канал

💩 Обновление 3.5 в Dart

Dart — язык программирования, который создали для использования в веб-разработке. Идея его создания — постепенно заменить Джаву

➡️ Что было добавлено или улучшено?

— Веб-платформа и совместимость с JS

— Нативная совместимость Dart

— Репозиторий пакетов Pub.dev

— Производительность IDE и анализатора для крупных монорепозиториев

— Нативный interop и упаковка нативного исходного кода

Подробно про каждую доработку можете почитать здесь

😂 — заменить джаву?)
👍 — с такими шагами по обновам может и смогут догнать

● Следи за новостями VA-PC Code
● Наш основной канал

😪 Всем "ну ты же айтишник" последние 2 недели посвящается

😎 - Лично я скачал все нужные туторы заранее

● Следи за новостями - VA-PC CODE
● Наш основной канал

🔝 Топ-10 инструментов, которые понадобятся каждому React-разработчику в 2024 году

✔️ Погрузимся в богатый ландшафт инструментов React 2024 года: рассмотрим топ-10 библиотек, которые стали незаменимыми для разработчиков и поднимают проекты на новые высоты инноваций и эффективности.

Посмотреть статью можно здесь

● Следи за новостями - VA-PC CODE
● Наш основной канал

👍 Шпаргалка по извлечению символов из строки в JS

🔝 Вот 5 основных методов извлечения символов из строки

🔤 Метод charAt(index) — возвращает символ из строки по указанному индексу или пустую строку, если индекс выходит за пределы строки;

🔤 Квадратная нотация [] — извлекает символ, находящийся по указанному индексу, или undefined, если индекс выходит за пределы строки;

🔤 Метод charCodeAt(index) — возвращает числовое значение символа, или NaN, если индекс выходит за пределы строки;

🔤 Метод slice(startIndex, endIndex) — используется для извлечения части строки, включая один или несколько символов;

🔤 Метод substr(startIndex, length) — извлекает подстроку, начиная с указанного индекса и продолжая на определённое количество символов;

😉 - Полезная шпора
💔 - Это каждый знает

● Следи за новостями - VA-PC CODE
● Наш основной канал

😎 Очень полезное руководство для веб-разработчиков

✏️ The Valley of Code — масса полезной информации с множеством разделов - от основ интернета до библиотек и фреймворков

⛓ Ссылка: https://thevalleyofcode.com/

😎 - Сюдаа, годнота

● Следи за новостями - VA-PC CODE
● Наш основной канал

👋 Шпаргалка по основным методам Map и Set в JS:

📌 Map:

— new Map(): создание нового объекта Map.
— map.set(key, value): добавляет значение по ключу.
— map.get(key): возвращает значение по ключу или undefined, если ключ не найден.
— map.has(key): возвращает true, если ключ существует, иначе false.
— map.delete(key): удаляет элемент по ключу.
— map.clear(): удаляет все элементы из объекта Map.
— map.size: возвращает количество элементов в Map.
— map.keys(): возвращает итератор по ключам.
— map.values(): возвращает итератор по значениям.
— map.entries(): возвращает итератор по парам [key, value].

📌 Set:

— new Set(): создание нового объекта Set.
— set.add(value): добавляет значение в набор.
— set.delete(value): удаляет значение из набора.
— set.has(value): возвращает true, если значение присутствует, иначе false.
— set.clear(): удаляет все элементы из набора.
— set.size: возвращает количество элементов в Set.
— set.keys(): возвращает итератор по значениям.
— set.values(): возвращает итератор по значениям (то же, что и set.keys()).
— set.entries(): возвращает итератор по парам [value, value].

● Следи за новостями - VA-PC CODE
● Наш основной канал

👩‍💻 Скачивание плейлиста YouTube с помощью Python

pytube — это настоящая, легкая, не имеющая зависимостей библиотека Python для загрузки видео с YouTube

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

Установка:

$ pip install pytube

⛓ Ссылка: https://github.com/pytube/pytube

❤️ - Иду скачивать плейлисты Куплинова

● Следи за новостями - VA-PC CODE
● Наш основной канал

🟢 21 рекомендация по HTML

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

⚡️ Ознакомиться можно здесь - Тык!

● Следи за новостями - VA-PC CODE
● Наш основной канал

⚙️ Делаем и Деплоим Фуллстак Приложение на React, TypeScript, Redux Toolkit, Express

🔝 Курс посвящен созданию и развертыванию веб-приложения на Express.js с использованием Docker. В курсе рассматриваются контроллеры пользователей, постов, комментариев, лайков и подписок. Далее показывается, как упаковать сервер и клиентскую часть в Docker , а также как развернуть приложение на VPS.

⚡️ Ссылка на курс

● Следи за новостями - VA-PC CODE
● Наш основной канал

🧠 Сервис ChatHub — сразу все текстовые нейронки в одном месте

⭐️ ChatHub позволяет работать со всеми нейросетями одновременно и выбирать лучший ответ. Кроме того, есть огромная библиотека с промтами под разные задачи.

⚡️ Протестировать можно здесь

● Следи за новостями - VA-PC CODE
● Наш основной канал

👀 Годный инструмент для созвонов

Deep Live Cam – это инструмент для замены лиц в реальном времени и создания видеодипфейков с использованием всего одного изображения.

⌛ Софт включает встроенную проверку на недопустимые материалы и поддерживает GPU ускорение для улучшенной производительности

🔗 Ссылка: https://github.com/hacksider/Deep-Live-Cam

● Следи за новостями - VA-PC CODE
● Наш основной канал

👍 РАЗРАБОТКА ИГРЫ с НУЛЯ за 10 часов! [React / TS / Zustand]

В этом видео рассказано про создание игры с нуля за 10 часов, используя мощный стэк: React, TypeScript, Zustand, Framer-motion, Tailwind и Bun.

Погрузитесь в процесс разработки на React (reactjs, реакт) и TypeScript (TS, Тайпскрипт). Мы покроем все - от начальной инициализации PWA до создания UI компонентов и управлением состояниями через Zustand.

Увидите, как настроить цвета, создать колоды карт, и многое другое. Это идеальное видео для тех, кто хочет углубиться в разработку игр и изучить новые технологии!

🔗 - Ссылка на урок

❤️ - ну все, ухожу в геймдев
🔥 - Действительно полезно

Git How To — это интерактивный тур, который познакомит вас с основами Git. Тур создан с пониманием того, что лучшим способом научиться чему-нибудь — сделать это своими руками

🔗 - Ссылка https://githowto.com/ru

❤️ - Полезно
👎 - Я уже все знаю

● Следи за новостями - VA-PC CODE
● Наш основной канал

👩‍💻 Полный курс по JavaScript — от новичка до профессионала [2024]

В этом руководстве по JavaScript вы научитесь создавать сложные веб-сайты с помощью JavaScript, HTML и CSS.

🔗 - Ссылка на первую часть
🔗 - Ссылка на вторую часть

❤️ - Полезно
👎 - Да сколько можно учить этот JS

● Следи за новостями - VA-PC CODE
● Наш основной канал

⚡️ Когда использовать рекурсию в JS?

Всем привет! Рекурсия — это процесс, при котором функция вызывает саму себя. Она используется для решения задач, которые могут быть разделены на несколько аналогичных мелких подзадач.

✨ Основные компоненты рекурсивной функции:
— Базовый случай (условие выхода): Это условие, при котором рекурсия прекращается. Без базового случая рекурсивная функция вызвала бы сама себя бесконечно, что привело бы к переполнению стека вызовов.
— Рекурсивный случай: Условие, при котором функция делает рекурсивный вызов, пытаясь приблизиться к базовому случаю.

✔️ Пример рекурсивной функции для вычисления факториала:

function factorial(n) {
  // Базовый случай: 
  // если n равно 0, возвращаем 1
  if (n === 0) {
    return 1;
  }
  // Рекурсивный случай: 
  // вызываем функцию с аргументом n-1
  return n * factorial(n - 1);
}
 // выводит 120, потому что 
 // 5 * 4 * 3 * 2 * 1 = 120
console.log(factorial(5));

— В этом примере функция factorial вызывает сама себя с аргументом n-1, пока не достигнет базового случая, когда n будет равно 0. Важно правильно определить базовый случай, чтобы рекурсивная функция завершилась успешно.

❓ А когда используется рекурсия?
— Когда функции нужно вызывать саму себя с изменяющимися параметрами. Например для вычисления факториала, как в примере выше;
— Для некоторых алгоритмов поиска или сортировки рекурсия является логичным способом их реализации;
— Для функция обхода дерева DOM и поиска конкретного элемента;
— Также используется в задачах на поиск всех возможных перестановок или комбинаций.

● Следи за новостями - VA-PC CODE
● Наш основной канал

Бесплатный видеоурок по PostgreSQL для начинающих — популярной базе данных с открытым исходным кодом

Автор за три часа расскажет всю необходимую базу: от установки PostgreSQL до правильного использования инструментов.

🔗 - Ссылка на курс: YouTube

❤️ - годнота

● Следи за новостями - VA-PC CODE
● Наш основной канал

Гений из Твиттера собрал все самые крутые тулзы в одном месте

Тут есть буквально всё: полезные нейронки, тонна бесплатных аналогов популярных программ и библиотеки плагинов для ваших любимых сервисов — от Figma до Frame

🔗 - Ссылка: тут

❤️ - Действительно полезно
🤡 - Я и так все знаю

● Следи за новостями - VA-PC CODE
● Наш основной канал

Веб-приложение с открытым исходным кодом, которое просто необходимо веб-разработчикам — 12 инструментов в одном месте

Генератор градиента, разделители страниц, конвертер SVG -> JSX, генератор фейковых данных и многое-многое другое

Сохраняем себе и пользуемся при необходимости

🔗 - Ссылка: тут

❤️ - Полезно

● Следи за новостями - VA-PC CODE
● Наш основной канал

Отличная статья на вечер — как правильно тестировать кроссбраузерную совместимость в своих веб-приложениях.

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

🔗 - Прочитать можно тут

❤️ - Полезно

● Следи за новостями - VA-PC CODE
● Наш основной канал