Ступень к становлению программистом
3 subscribers
81 photos
21 videos
42 links
Download Telegram
Китайский поисковый гигант Baidu вложил в искуственный интеллект $145 млн. В своё время такой же фонд создала OpenAI, вложив всего 100 млн.

Это значит, что нас ждёт очень-очень много ии-инструментов из Китая: генераторы изображений, нейронки для видео и многое другое.

Если, конечно, партия позволит делать нормальные сервисы, а программистам будут платить больше чем миской риса.
Китай начал копать огромную скважину на 10 километров вглубь Земли. Бурение займёт 457 дней и пройдет через 10 континентальных слоев земли — в самом низу породам больше 140 миллионов лет.

Зачем? Президент Си Цзиньпин хочет расширить подземные исследования и преодолеть новые барьеры — протестировать технологии бурения и глубже понять подземную структуру.

Яма станет одной из самых глубоких в мире. Может, что-нибудь интересное найдут.
Нейросети следят за Ким Чен Ыном. Директор разведки Южной Кореи, Ким Гю Хён, представил важнейшие для нацбезопасности сведения — Ким Чен Ын весит под 150 кг. Эти выводы сделал ИИ во время слежки за вождем Северной Кореи.

Кроме того, нейронка диагностировала Ыну бессонницу (из-за кругов под глазами), дерматит (проблемная кожа рук) и даже потенциальный алкоголизм (заказ больших партий зарубежных сигар, алкоголя и закусок).
Vocal Remover — нейросеть для генерации крутых «минусовок» для любимых треков без серфинга в интернете.

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

С сервисом можно делать оригинальные каверы и ремиксы. И, главное, все бесплатно.

Поюзать можно здесь.
Решив показать свою незаменимость, строительная компания подшутила над девелоперами многофункционального ChatGPT, разместив на стройке призыв: «ChatGPT доделай этот дом».

Интересно, долго эти товарищи будут язвить, учитывая что нейронки уже спокойно создают объекты на 3D-принтере.
TuneFlow — многофункциональная DAW для создания музыки нового поколения. Сервис имеет широкий спектр мощных функций, например: голосовой клон, умный композитор, умный барабанщик, транскрибация звука и многое другое.

Есть различные форматы для экспорта и импорта, что позволяет интегрировать сервис в любой музыкальный процесс.
This media is not supported in your browser
VIEW IN TELEGRAM
Neuralangelo — это новый AI от NVIDIA Research, который умеет создавать полноценные 3D-проекции из обычного двухмерного видео.

Сервис работает с любого цифрового девайса с камерой и особенно полезен для дизайнеров и других представителей творческих профессий.
Media is too big
VIEW IN TELEGRAM
Девелоперы KAERI Robot создали настоящий ховерборд — это персональное мобильное устройство не только может перемещать по воздуху людей, но и доставлять грузы. Все благодаря паре дронов, которые служат воздушной подушкой.

Что дальше — карманный джетпак?
Channel name was changed to «Ступень к становлению программистом»
Условный (тернарный) оператор

Тернарный оператор работает с тремя операндами: одним условием и двумя выражениями. Возвращает первое выражение, если условие истинно и второе, если условие ложно. Он часто используется в качестве сокращённого варианта инструкции if...else
Отключаем возможность копирования текста на нашем сайте

1) Отключаем контекстное меню, которое открывается кликом правой кнопкой мыши (остается возможность скопировать через Сtrl+С)

2) Заменяем буфер обмена своим текстом. Когда пользователь копирует текст, то буфер обмена устанавливается в "Не копировать!"

Также можно использовать CSS для отключения выделения текста:

*{
user-select: none;
}
Что будет в консоли?

a) 5
b) undefined
c) ReferenceError
Как правильно выбрать нейросеть для рабочих задач и автоматизировать процессы в два клика? Какой бот поможет увеличить продуктивность на 200% без ущерба качеству? И когда начнётся восстание машин?

Наши любимые материалы:

1. Программа из 1960-х проходит тест Тьюринга успешнее, чем GPT-3,5.
2. OpenAI — Прометей или Пандора нашего времени?
3. Самые странные, экзотические и просто отбитые языки программирования.
4. Как транзисторы перевернули наш мир: большой спецпроект
5. Как программисту пройти собеседование. 6 советов.
This media is not supported in your browser
VIEW IN TELEGRAM
Автозаполнение инпута

HTML-элемент <datalist> содержит набор опций (<option>), доступных для выбора. Выбранное значение будет установлено для элемента <input>

Пример:

<label for="my-browser">Выберите браузер из списка:</label>
<input type="text" list="browsers" id="my-browser" name="my-browser">

<datalist id="browsers">
<option value="Chrome">
<option value="Firefox">
<option value="Yandex Browser">
<option value="Opera">
<option value="Safari">
<option value="Microsoft Edge">
</datalist>


Различия между <select> и <datalist>

Кроме функции автодополнения элемента <datalist>, основное отличие между <select> и этим тегом в том, что в элементе <select> нельзя выбрать или указать значение не из списка предлагаемых
Функция-псевдокласс :is()

В качестве аргумента принимает список селекторов и выбирает только те элементы, которые могут быть выбраны из переданного списка

:is() похож на :where() по своей механике, различие заключается в специфичности: у :where() она нулевая, а у :is() равна наиболее специфичному из переданных селекторов

Псевдоклассы :where() и :is() относятся к «прощающему списку селекторов». Невалидный селектор в списке аргументов не приведёт к игнорированию валидных селекторов

Стили ниже применятся к <span>, а нерабочий селектор :unsupported будет проигнорирован:
:is(span, :unsupported) {
color: red;
}

А вот если указать неподдерживаемое свойство :unsupported в перечислении, то всё сломается, не сработает ни один из селекторов:
span,
:unsupported {
color: red;
}
Шпаргалка с методами объекта Date в JS
CSS свойство inset

Свойство inset заменяет собой сразу четыре свойства: top, right, bottom и left. Позволяет указать смещение позиционированного элемента сразу со всех четырёх сторон
div {
inset: 10px; /* Все стороны - 10px /
}

div {
inset: 10px 20px; / Верхний и нижний отступ - 10px, правый и левый - 20px /
}

div {
inset: 10px 20px 30px; / Верхний отступ на 10px, правый и левый — на 20px, нижний - 30px /
}

div {
inset: 10px 20px 30px 40px; / Верхний отступ - 10px, правый - 20px, нижний - 30px, левый - 40px */
}
Поддержка свойства на данный момент составляет 93.96%