💡Шпаргалка по 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 & Чат

💡 Шпаргалка по CSS Flexbox

WebDev // IT & Чат

Как веб и графдизайнеру собрать портфолио?

Есть ошибки, которые делают 80% ребят в портфолио, и потом думают, что дело в недостатке опыта.

Мы собрали 10 редфлагов в портфолио, которые мешают перейти в продукт и получать х2 по деньгам

💥 Примеры плохих и хороших кейсов
💥 Что убрать, что добавить в кейсах
💥 Как адаптировать портфолио под продуктовый рынок

Смотри [ошибки в портфолио]

Доменные имена и что они реально значат

Расширение домена — это не просто случайное окончание. Оно формирует идентичность сайта, влияет на доверие и даже играет роль в SEO. Краткий гайд, чтобы выбирать осознанно

.com → коммерция, самое популярное и надёжное

.net → сети и тех-бизнес

.edu → образовательные учреждения

.org → некоммерческие организации

.mil → сайты армии

.gov → госструктуры

.info → информационные порталы

.arpa → интернет-инфраструктура

.int → международные организации

.mobi → сайты для мобилок

.travel → туризм и путешествия

.jobs → работа и карьера

.ca → Канада

.coop → кооперативы и объединения

Совет: правильный домен повышает доверие, улучшает позиции в поиске и сразу даёт понять пользователям, о чём твой сайт.

WebDev // IT & Чат

💡 Шпаргалка по JavaScript

WebDev // IT & Чат

💡 Шпаргалка по HTML и CSS

WebDev // IT & Чат