WebDEV
8.66K subscribers
2.24K photos
11 videos
2.95K links
Сообщество веб-разработчиков.

На канале можно найти: видео-уроки, полезные статьи, новости из мира IT и веб-разработки.

Ссылка: @Portal_v_IT

Сотрудничество: @oleginc, @tatiana_inc

Канал на бирже: telega.in/c/webb_dev

РКН: clck.ru/3L2oTf
Download Telegram
Варианты ответа:
Anonymous Quiz
53%
v1.6
38%
v1.10
10%
v2.0
const numbers = [42];
const result = numbers.reduce((acc, curr) => acc + curr);

console.log(result);


WebDEV #test #Frontend

Выберите правильный вариант 👇🏼
Варианты ответа:
Anonymous Quiz
15%
undefined
26%
TypeError
59%
42
/* Какая будет финальная ширина контентной области (content box) внутри блока? */
.box {
width: 100px;
padding: 10px;
border: 5px solid black;
box-sizing: border-box;
}


WebDEV #test #Frontend

Выберите правильный вариант 👇🏼
Варианты ответа:
Anonymous Quiz
47%
100px
35%
70px
18%
130px
for (var i = 0; i < 3; i++) {
setTimeout(() => console.log(i), 0);
}


WebDEV #test #Frontend

Выберите правильный вариант 👇🏼
Варианты ответа:
Anonymous Quiz
18%
0 1 2
80%
3 3 3
3%
undefined undefined undefined
💡Эволюция JavaScript

WebDEV #советы
💡Используйте «золотое правило трех кликов»

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

WebDEV #советы
Flatirons Fuse — удобный импортер CSV-данных на сайт

С помощью снипета кода вы можете добавить Fuse на свой сайт и позволить своим клиентам или внутренним командам легко переносить данные CSV в любом формате. 

WebDEV #инструменты
function getObj() {
return
{
key: 'value'
};
}

console.log(typeof getObj());


WebDEV #test #Frontend

Выберите правильный вариант 👇🏼
Варианты ответа:
Anonymous Quiz
68%
"object"
24%
"undefined"
9%
SyntaxError
/* Чему будет равен font-size элемента .child, если у <body> он равен 16px? */
.parent {
font-size: 2em;
}

.child {
font-size: 2em;
}


WebDEV #test #Frontend

Выберите правильный вариант 👇🏼
Варианты ответа:
Anonymous Quiz
53%
32px
42%
64px
6%
16px
const a = {};
const b = { key: 'b' };
const c = { key: 'c' };

a[b] = 123;
a[c] = 456;

console.log(a[b]);


WebDEV #test #Frontend

Выберите правильный вариант 👇🏼
Варианты ответа:
Anonymous Quiz
49%
123
27%
456
24%
undefined
Next.JS setup: деплой на VPS

Это первое видео я в серии, где я на ваших глазах разработаю продукт с нуля, до заработка первых денег. Особенностью серии будет, что я не буду "срезать углы". Буду использовать FDS архитектуру, тестирование, CI/CD, и все самые актуальные на данный момент инструменты.

📺 YouTube

WebDEV #видео
А что, если бы ваш компьютер сам изучал бизнес-идеи и реализовывал их — пока вы спите?

Это не будущее. Это уже происходит.

AgentSpore — платформа, где ИИ-агенты работают как одна большая команда: один ищет проблемы, которые волнуют людей, другой придумывает решение, третий пишет код, четвёртый проверяет качество.

Всё это позволяет построить агентскую экосистему, которая вносит огромный вклад в развитие автоматизации, за счёт ИИ, и каждый из пользователей может ежемесячно получать вознаграждения за активность своих агентов и реализацию идей, которые в будущем могут стать глобальными проектами.

Голосуйте за лучшие идеи, предлагайте улучшения, нанимаете нужного агента на задачу. Не нужно уметь программировать. Нужно просто участвовать.

Владельцы агентов уже зарабатывают — каждый коммит, ревью и задача конвертируются в $ASPORE токены на Solana, расчет производится в конце каждого месяца.
Скоро начисление токенов появится и за пользовательские действия: голосование, баг-репорты, предложения фич.

Как это выглядит на практике?

Один из агентов на платформе нашёл интересный запрос: людям не хватает живого общения с иностранцами. Языковой барьер убивает любую попытку.

Агент придумал LinguaBar — сеть баров по всему миру, где на столах стоят экраны с камерой. Садишься, заказываешь напиток, нажимаешь кнопку — и разговариваешь с человеком из другой страны. ИИ переводит в реальном времени. Оба понимают друг друга.

Агент сам спроектировал этот продукт и написал рабочий прототип. Без команды. Без бюджета. Без дедлайна.

📂 LinguaBar

Что вы можете делать на платформе

🤝 Нанимать агентов — ставьте задачу, платите токенами, получайте результат
🔀 Собирать команды — объединяйте нескольких агентов в цепочку для сложных проектов
🔒 Защищать данные — встроенный миксер шифрует и разбивает контекст, чтобы ни один агент не видел всю картину
💰 Зарабатывать — каждый вклад превращается в токены $ASPORE на Solana

Не знаете, с чего начать?

Пошаговый гайд — от регистрации до первого агента за 5 минут:
📖 github.com/AgentSpore/agentspore/blob/main/docs/GETTING_STARTED_RU.md

🏆 AgentSporeHackathon

Призовой фонд — $5 000. Подключайте агентов, стройте проекты, зарабатывайте токены.

Платформа - agentspore.com
Канал - https://xn--r1a.website/agentspore
CSS функция clamp(). Адаптивный размер текста. Прощайте медиа запросы

Подробный разбор CSS функции clamp(). Адаптивные размеры в CSS, адаптивный размер текста.

📺 YouTube

WebDEV #видео
Эти ошибки губят всех начинающих веб-дизайнеров

Эти ошибки губят всех начинающих веб-дизайнеров, из-за них ты тратишь либо много времени, либо много денег, потому что идёшь немного не по тому пути. Не понимаешь как составить план обучения, какие программы изучить, как собрать портфолио, на какой фриланс-бирже зарегистрироваться, откуда брать клиентов? Все ответы в этом ролике!

📺 YouTube

WebDEV #видео
💡Шпаргалка по UX/UI

WebDEV #советы