WebDEV
8.25K subscribers
2.32K photos
20 videos
3.07K links
Сообщество веб-разработчиков.

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

Ссылка: @Portal_v_IT

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

Канал на бирже: telega.in/c/webb_dev
Download Telegram
💡 Шпаргалка по дочерним селекторам CSS

WebDEV #советы
🛠 readme.so — этот простой редактор позволяет добавлять и кастомизировать все разделы, которые должны быть в README проекта.

WebDEV #инструменты
💡 Шпаргалка по дочерним селекторам CSS

WebDEV #советы
Как создать интернет-магазин с нуля самому?

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

📺 YouTube

WebDEV #видео
💡Шпаргалка по CSS

WebDEV #советы
Нужен ли TypeScript Вашему проекту?

TypeScript обрёл свою популярность за счёт решения проблем с динамической типизацией с использованием статической типизации.

Но всё ли так хорошо? И будет ли TypeScript приносить пользу, а не вред вашему проекту? Эти и другие вопросы как раз подробно разбираются в этом ролике.

📺 YouTube

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

WebDEV #советы
Как платить за границей и за зарубежные сервисы в 2026 году?

Можно переплачивать посредникам 10–15%, возить в отпуск пачку наличных и каждый раз гадать, пройдёт ли оплата. А можно выпустить международную карту Lumio Pay и платить как раньше.

— выпуск в Telegram за 2 минуты
— пополнение рублями по СБП или в USDT
— курс виден до оплаты (выгоднее конкурентов на 15-18%)
— отели, такси, подписки, нейросети и игры — одной картой

Подписчикам — персональная скидка 50% на выпуск карты.

Выпустить карту → @LumioPay
💡Шпаргалка по HTML

WebDEV #советы
💡Шпаргалка по Figma

WebDEV #советы
🛠 pixso.net — инструмент для совместной работы в команде. Создавайте прототипы, проектируйте, программируйте с универсальным инструментом Pixso.

🌍 Сайт

WebDEV #инструменты
💡 Шпаргалка по CSS

WebDEV #советы
💡Шпаргалка по HTML

WebDEV #советы
JavaScript с нуля за 7 часов

JavaScript c нуля - Полный курс по основам для начинающих. В курсе вы найдете все необходимые темы, для того, чтобы начать программировать на JavaScript с нуля. В ролике вы сделаете несколько практических проектов, на которых рассмотрите сразу в боевых действиях язык.

📺 YouTube

WebDEV #видео
💡Шпаргалка по HTML

WebDEV #советы
💡 Шпаргалка по HTML5

WebDEV #советы
Typescript: геттеры и сеттеры - полное руководство, кратко и с примерами

Изучаем возможность предоставлять доступы к private и protected свойствам классов и объектов через геттеры и сеттеры в TypeScript. Изучаем синтаксис методов get, set, особенности применения. Геттеры и сеттеры при наследовании классов. Отличия в перезаписи геттеров и сеттеров в TypeScript для private и protected свойств.

📺 YouTube

WebDEV #видео
💡 Шпаргалка по HTML

WebDev // IT & Чат
Лучшая альтернатива lodash

Библиотека утилит для JavaScript

✓ Без внешних зависимостей
✓ debounce, pick, chunk, cloneDeep, countBy...
✓ Оптимизирована для Node 18+ и современных браузеров

pnpm install es-toolkit


import { debounce, pick, chunk } from 'es-toolkit'

// 1. pick — выбирает конкретные свойства из объекта
const user = { name: 'Midu', email: 'midu@gmail.com', edad: 40 }
const profile = pick(user, ['name'])
console.log(profile) // { name: 'Midu' }

// 2. chunk — разбивает массив на группы
const nums = [1, 2, 3, 4, 5, 6, 7]
console.log(chunk(nums, 3))
// Результат: [[1, 2, 3], [4, 5, 6], [7]]

// 3. debounce — откладывает выполнение до завершения ввода
const debouncedSearch = debounce(query => {
console.log('Поиск:', query)
}, 500) // задержка 0.5 с

const searchInput = document.getElementById('buscador')
searchInput.addEventListener('input', e => {
debouncedSearch(e.target.value)
})


WebDev // IT & Чат
❤2
💡 Шпаргалка по CSS Flexbox

WebDev // IT & Чат
❤3