🫤 Репозиторий с задачами по TypeScript — 150+ вопросов с онлайн-проверкой

Поможет понять принцип работы системы типов, написать собственные утилиты, или сможете просто укрепить знания решая задачки

Установка с гитхаба по ссылке

😎 — уже и это нарешал, слишком легко
👍 — забираю, а то скучно уже стало

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

🎧 Аккордеон на чистом HTML или теги <details> и <summary>

По умолчанию cодержимое скрыто, но если мы хотим, чтобы оно показывалось сразу при загрузке страницы, нужно добавить к нему атрибут open

Также мы можем изменить иконку треугольника на что-то другое, используя псевдоэлемент ::marker

Сам код:

summary::marker {
content: "👉";
}

details[open] summary::marker {
content: "👇";
}

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

👍 Релизнули SeaORM 1.0 — ORM-система для помощи в создании веб-сервисов на Rust

Поддерживаются проектом такие СУБД как: MySQL, MariaDB, PostgreSQL, SQLite и MSSQL (установить сложновато, но работает)

Основные моменты и улучшения в SeaORM 1.0:

— обновлено определение схемы миграции

— переработано сопоставление типов SQLite

— добавлена поддержка альтернативного регистра для Entity Model и Active Enum

— SeaORM пока оставлен на SQLx 0.7, но в планах переход на SQLx 0.8 (в SeaORM 1.1)

👎 — слабенькая обнова
🔥 — проект и так хорош

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

😎 Открываем VSCode в браузере

Поддерживает почти все функции десктопного редактора, но ещё позволяет подключаться к git репозиторию и править там (если есть доступ)

Единственный недостаток — расширения. Они доступны, но с серьёзными ограничениями

👍 — питон работает, уже хорошо
😐 — у кого то не тянет скачанную VS?

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

⌨️ Парсим веб-страницы с помощью ИИ

ScrapeGraphAI — библиотека Python, с помощью которой вы и сможете это делать. Есть и подробная инструкция, и примеры использования для различных случаев

Ознакомиться можете здесь

🤔 — сложновато для меня

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

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

● Следи за новостями 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
● Наш основной канал