😐 Если будет функция скипа рекламы, то можно и попробовать...

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

😳 Программный редактор cables.gl стал доступен офлайн с открытым исходным кодом под лицензией MIT

Теперь профи разрабы и простые пользователи могут изучать, использовать, модифицировать и распространять этот инструмент, а также работать с компонентами без постоянного подключения к интернету

😍 — открытый код во снах вижу каждую ночь
🤔 — офлайн версию можно было и пораньше сделать

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

📝 Как работает свойство overflow в CSS?

Свойство применяется к элементам блока и определяет, как будет обрабатываться содержимое, не помещающееся в определённые размеры блока

➡️ Возможные значения:

— visible: Это значение по умолчанию. Содержимое не обрезается и выходит за границы элемента

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

— scroll: Обрезание содержимого происходит также, как и при hidden, но области прокрутки отображаются, даже если прокрутка не требуется

— auto: Автоматически добавляет области прокрутки, если содержимое выходит за границы элемента. Если содержимое помещается, области прокрутки не отображаются

👍 — гуд шпора
🤬 — больше питона и мемов

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

🎉 И еще одна... Шпора по питону

Питон будет актуален всегда, так что ловите еще один справочник. Если вам и этого мало, то еще вот, вот и вот. Хоть полноценную книгу пиши

Сохраняем тут

🔥 — шпор мало не бывает
😎 — мне настолько скучно интересно, что ищу все сам

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

📝 5 способов создания DOM-элементов из HTML-строк методами JavaScript

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

— innerHTML
Самый известный метод: он позволяет вставить строку HTML внутрь атрибута innerHTML контейнера и затем получить доступ к созданному узлу DOM

— innerHTML + template
Использование тега <template> снимает ограничения на содержимое – он может содержать любую HTML структуру, включая элементы, связанные с таблицами — <tr> и <td>

— insertAdjacentHTML
Как и innerHTML, этот метод обрабатывает только допустимые HTML-узлы и не выполняет скрипты

— DOMParser
Этот метод работает медленнее остальных, поскольку он разбирает строку, создавая полный HTML-документ, и только потом извлекает узел из документа

— Range.createContextualFragment
Самый простой, но не безопасный метод. При его использовании необходимо очищать данные для защиты от XSS

Более подробная инфа и примеры кодов есть тут

🤔 — через ванильку долговато выходит, не представляю когда это актуально

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

😏 Разбираемся с try/except

Эта конструкция используется для «ловли» ошибок и их обработки. Например, если пользователь неправильно ввёл число, попросить его сделать это заново

try — здесь хранится код, который может выдать ошибку

except Exception — если появилась ошибка, будет выполняться код из этого блока

else — ошибок не было? Отлично, значит после try выполняем этот блок

finally — выполняется всегда. Выдало ошибку, не выдало ошибку, функция использовала return — не имеет значение

🫡 — слишком база

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

🤑 Крупнейшая библиотека алгоритмов с открытым исходным кодом

Содержит множество языков программирования. У каждого языка есть свой репозиторий GitHub, где хранится весь код алгоритмов

Забираем тут

🤩 — респект тому, кто собирал

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

😠 И желательно чтобы это получилась не радуга

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

😋 Энтузиаст показал, как можно с помощью Edge, Bing и GitHub активировать Windows за 55 секунд

Ранее на GitHub был опубликован скрипт для активации Windows и Office для тестов в рамках открытого проекта Microsoft Activation Scripts. В PowerShell нужно ввести всего одну команду: «irm https://get.activated.win | iex»

Примечательно, что до 31 августа 2024 года для этих же целей можно будет использовать команду: «irm https://massgrave.dev/get | iex»

😎 — у меня после установки сразу актвированная
👍 — автор легенда...

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

😎 Веб-блокнот, позволяющий работать с данными на 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
● Наш основной канал