TG Telegram Group Link
Channel: Javascript
Back to Bottom
This media is not supported in your browser
VIEW IN TELEGRAM
⚡️ Лучшего дизайна для ресторана больше не будет.

Меню для сайта, в виде... туалетной бумаги.

https://paper.cerpow.com/

@javascriptv
🖥 Вышло обновление ESLint 9.0

Разработчики линтера ESLint рассказали о релизе версии 9.0. Команда проекта исправила известные ошибки и добавила новые функции. Кроме того, линтер теперь не поддерживает работу с Node.js 18.18.0 и 19.

📎 Подробнее

@javascriptv
Please open Telegram to view this post
VIEW IN TELEGRAM
🖥 Визуализация статистики по профилю GitHub

Инструмент на Vue.js для презентации основной информации по GitHub-профилю.
Отличная идея для пет-проекта, кстати

🖥 GitHub 19.8k⭐️

@javascriptv
Please open Telegram to view this post
VIEW IN TELEGRAM
🖥 Как определить что элемент в зоне видимости окна браузера?

▶️Есть элемент, и если пользователь видит его, то нужно отметить элемент как просмотренный. Как определить, что этот элемент в зоне видимости?


▶️В целом, делается несложно:
// Получаем нужный элемент
var element = document.querySelector('#target');

var Visible = function (target) {
// Все позиции элемента
var targetPosition = {
top: window.pageYOffset + target.getBoundingClientRect().top,
left: window.pageXOffset + target.getBoundingClientRect().left,
right: window.pageXOffset + target.getBoundingClientRect().right,
bottom: window.pageYOffset + target.getBoundingClientRect().bottom
},
// Получаем позиции окна
windowPosition = {
top: window.pageYOffset,
left: window.pageXOffset,
right: window.pageXOffset + document.documentElement.clientWidth,
bottom: window.pageYOffset + document.documentElement.clientHeight
};

if (targetPosition.bottom > windowPosition.top && // Если позиция нижней части элемента больше позиции верхней чайти окна, то элемент виден сверху
targetPosition.top < windowPosition.bottom && // Если позиция верхней части элемента меньше позиции нижней чайти окна, то элемент виден снизу
targetPosition.right > windowPosition.left && // Если позиция правой стороны элемента больше позиции левой части окна, то элемент виден слева
targetPosition.left < windowPosition.right) { // Если позиция левой стороны элемента меньше позиции правой чайти окна, то элемент виден справа
// Если элемент полностью видно, то запускаем следующий код
console.clear();
console.log('Вы видите элемент :)');
} else {
// Если элемент не видно, то запускаем этот код
console.clear();
};
};

// Запускаем функцию при прокрутке страницы
window.addEventListener('scroll', function() {
Visible (element);
});

// Запустим функцию сразу
Visible (element);

🟡
body {
height: 6000px;
}

#target {
margin-top: 3000px;
}

🟡
<div id="target">Элемент</div>


@javascriptv
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
Тетрис на Angular и Akita

Отличная идея для пет-проекта)

🖥 GitHub
🟡 Погонять тетрис

@javascriptv
Please open Telegram to view this post
VIEW IN TELEGRAM
🍏 Apple выпустили множество новых красивых дизайн-шаблонов для Figma.

Забиарйте себе)

https://www.figma.com/@apple

@javascriptv
Please open Telegram to view this post
VIEW IN TELEGRAM
🖥 𝗙𝗿𝗲𝗲 𝗲-𝗯𝗼𝗼𝗸: 𝗘𝗹𝗼𝗾𝘂𝗲𝗻𝘁 𝗝𝗮𝘃𝗮𝗦𝗰𝗿𝗶𝗽𝘁

Недавно вышло 4-е издание этой одной из лучших книг на английском языке по JavaScript, и она абсолютно бесплатна.

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

📚 Книга

@javascriptv
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥Подборка лучших обучающих каналов для программистов.

➡️ Делитесь с коллегами и сохраняйте себе, чтобы не потерять

Машинное обучение

Machine Learning - запускаем лучшие ИИ модели, пишем код, погружаемся в нейросети
Ml Собеседование - подготовка к собесу по мл, алгоритмам, коду
Ml ru - актуальные статьи, новости, код и обучающие материалы
Ml Jobs - вакансии ML
ML Книги - актуальные бесплатные книги МО
ML чат

🏆 Golang
Golang
Golang собеседование - разбор задач и вопросов с собесов
Golang вакансии -работа для Go разработчика
Golang книги библиотека книг
Golang задачи и тесты
Golang чат
Golang news - новости из мира go
Golang дайджест

💥 Linux /Этичный хакинг
Linux Academy - гайды, секреты и лучшие материалы по Linux
Kali linux - погрузись в мир этичного хакинга и кибербезопасности
linux_kal - kali чат
Информационная безопасность

🚀 Data Science

Анализ данных - полезные фишки, код, гайды и советы, маст-хэв датасаентиста
Data Jobs - ds вакансии
Аналитик данных
Data Science книги - актуальные бесплатные книги
Big data

🛢Базы данных
Sql базы данных - научим работе с базами данных профессионально
Библиотека баз данных
SQL чат
Вакансии Sql аналитик данных

#️⃣C#

С# академия - лучший канал по c#
С# заметки — код, лучшие практики, заметки программиста c#
С# задачи и тесты
С# библиотека - актуальные бесплатные книги
C# вакансии - работа

🐍 Python

Python/django - самый крупный обучающий канал по Python
Python Собеседование - подготовка к собеседовению python и разбор алгоритмов
Pro python - статьи, новости, код и обучающие материалы
Python Jobs - вакансии Python
Python чат
Python книги

Java

Java академия - java от Senior разработчика
Java вакансии
Java чат
Java вопросы с собеседований
Java книги

💻 C++

C++ академия
С++ книги
C++ задачи - подготовка к собеседовению мл, алгоритмам
C++ вакансии

⚡️ Frontend
Javascript академия - крупнейший js канал
React - лучшие гайды и советы по работе с react
Frontend - тутрориалы, уроки, гайды, код
PHP
Книги frontend
Задачи frontend

🦀 Rust
Rust программирование
Rust чат
Rust книги для программистов

📲 Мобильная разработка
Android разработка
Мобильный разработчик гайды и уроки

🇬🇧 Английский для программистов

🧠 Искусственный интеллект
ИИ и технологии
Neural - нейросети для работы и жизни
Книги ИИ
Artificial Intelligence

🔥 DevOPs
Devops для программистов
Книги Devops

🌟 Docker/Kubernets
Docker
Kubernets

📓 Книги
Библиотеки Книг для программситов

💼 Папка с вакансиями:
Папка Go разработчика:
Папка Python разработчика:
Папка Data Science
Папка Java разработчика
Папка C#
Папка Frontend

💥 Бесплатный Chatgpt бот
🖥 JavaScript — проверка на строковый тип

🟡Если вы разрабатывали на Java, то вы, наверное, привыкли проверять тип переменной на строку через instanceof. В JavaScript это не совсем так работает, так как в JS есть примитивный тип строка и класс строка.

🟡Примитивный тип строки создаётся, когда какой-либо переменной присваивается строковый литерал:
let var1 = "Vasya";
let var2 = 'Oksana';

Класс строки создаётся, когда используется конструктор new String:
let var1 = new String("I am an object");


🟡String можно использовать не только как конструктор, но и как функцию, тогда будет создан строковый примитив, правда особого смысла в этом нет:
let var1 = String("I am a primitive");

Класс строка и примитивный тип строка — это всё разные вещи.

🟡Проверить, что переменная содержит значение примитивного типа строки можно через typeof:
let var1 = "Vasya";

// можно так: let var1 = String("Vasya");
alert(typeof var1 === 'string');

// можно typeof вызвать как функцию
alert(typeof(var1) === 'string');


🟡Проверить, что переменная ссылается на объект строки можно с помощью instanceof:
const var1 = new String("Vasya");

alert(var1 instanceof String);


🟡Суммируя всё, что описано выше, проверять на строковый тип нужно так:
const house = 'Дом';
const oksana = "Оксана";
const petya = new String('Петя');
const sum = 100.0;

console.log(checkIsString(house)); // true
console.log(checkIsString(oksana)); // true
console.log(checkIsString(petya)); // true
console.log(checkIsString(sum)); // false

function checkIsString(var1) {
return typeof var1 === 'string' || var1 instanceof String;
}


📎 Подробнее

@javascriptv
Please open Telegram to view this post
VIEW IN TELEGRAM
Верстаешь?

Оцени 7 причин пройти наш бесплатный интенсив по Frontend-разработке:

1. Ты с нуля сверстаешь веб-сайт на HTML + CSS;
2. Оживишь страницу с помощью JavaScript;
3. Создашь проект на Angular;
4. Подключишь Backend и загрузишь сайт на хостинг;
5. Сделаешь сайту адаптив;
6. Получишь проверку домашек от кураторов;
7. В итоге своими руками разработаешь качественный сайт, который не стыдно добавить в портфолио или продать.

А главное, ты узнаешь, что тебе делать, чтобы уже в этом году гарантировано зарабатывать от 1000$/мес. на фронтенд-разработке, не выходя из дома.

Начинаем 14 мая.

👉 Успей проскочить на интенсив бесплатно

Бонусом для портфолио тебе выдадут именной сертификат после окончания интенсива и успешной сдачи всех домашних работ.

Реклама. ИП Чернова О. А., ИНН:771399721044
🖥 Для Bun вышел свой компактный crash reporter

🟡Для среды выполнения JavaScript и TypeScript с возможностью отладки кода и поддержкой популярных веб-фрейворков Bun v1.1.5 вышел свой компактный crash reporter. Отчёт о сбое умещается в URL-адрес размером около 150 байт, не содержащий никакой личной информации.

@javascriptv
Please open Telegram to view this post
VIEW IN TELEGRAM
🖥 Коллекция распространенных интерактивных пользовательских CLI

npx @inquirer/demo@latest

🖥 GitHub

@javascriptv
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🖥 Веб-скрейпинг с Crawlee

npm install crawlee playwright

Crawlee — библиотека для веб-скрейпинга и автоматизации браузеров для Node.js, позволяющая создавать надежные краулеры. Написана на JavaScript и TypeScript. Позволяет извлекать данные для AI, LLM, RAG или GPT, а также позволяет загружать HTML, PDF, JPG, PNG и другие файлы с веб-сайтов.

Работает с Puppeteer, Playwright, Cheerio, JSDOM и чистым HTTP. Есть режим headful и headless.

🖥 GitHub
🟡 Доки

@javascriptv
Please open Telegram to view this post
VIEW IN TELEGRAM
🖥 Генератор инфографики с 300+ опциями

Мощный инструмент на JavaScript для создания инфографики
Имеет 30+ плагинов и 300+ опций для отображения статистики об аккаунте GitHub и вывода ее в виде SVG, Markdown, PDF или JSON

Можно подключить к уже существующему проекту, используя GitHub Action

🖥 GitHub

@javascriptv
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🖥 Turndown — конвертер HTML в MD на JavaScript

npm install turndown

Позволяет легко преобразовать HTML в Markdown

🖥 GitHub
🟡 Можно использовать онлайн

@javascriptv
Please open Telegram to view this post
VIEW IN TELEGRAM
HTML Embed Code:
2024/05/11 16:21:39
Back to Top