WebDEV

🛠 Styled Components – библиотека для стилизации React-компонентов. Она позволяет создавать пользовательские компоненты с локальными встроенными стилями. Благодаря этому стили становятся частью компонента и не нужно беспокоиться о том, чтобы они случайно не конфликтовали с другими стилями на странице. 🌍 Сайт WebDEV #инструменты

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

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

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

Изоляция рунета произошла быстрее, чем ты думал

Loading … ██████████████] 99%

Роскомнадзору воспользовался карт-бланшем на блокировку, а «белые списки» сайтов внедрены уже во всех регионах. И гайки будут закручиваться только сильнее. Чтобы в одночасье не лишиться доступа к свободному Интернету, просто сохрани Only Hack. Тут профессиональный хакер делится фишками, с которыми доступ к глобальной сети у тебя будет даже в случае ядерного апокалипсиса. Не жди момента «Х». Перестрахуйся подпиской.

🛠 Principle отлично подходит для интерактивного дизайна – в частности, для мобильных приложений. Настройка и полировка анимированных взаимодействий – это то, с чем Principle идеально справляется. 🌍 Сайт WebDEV #инструменты

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

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

🧐 Лень считать ночной дожор? Навел телефон — и он сам посчитал калории.

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

Качать ничего не нужно — всё прямо в Telegram Попробуй, это правда похоже на магию 👇

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

3D эффект для слайдера Swiper Cowerflow В этом видео сделаем слайдер с 3D эффектом на Swiper слайдере (Swiper Coverflow). Напишем разметку, рассмотрим подключение swiper слайдера и необходимые параметры для настройка слайдера. Также уделим внимание кастомизации слайдера с помощью CSS переменных. 📺 YouTube WebDEV #видео

JavaScript Паттерны В данном видео-курсе мы с вами рассмотрим самые распространённые паттерны проектирования, которые используются при разработке. Рассматривать мы их с вами будем на примере языка JavaScript в синтаксисе ES6. 📺 YouTube WebDEV #видео

CODELF — поисковый инструмент, помогающий разработчикам решить проблему именования Он позволяет искать по проектам из GitHub, Bitbucket, Google Code, Codeplex, Sourceforge, Fedora Project и GitLab для нахождения реально используемых имён переменных. CODELF также может быть ежедневной копилкой алгоритмов и органайзером репозиториев. WebDEV #инструменты

⚡️В России запустили первую онлайн-магистратуру по искусственному интеллекту Её создали Университет Иннополис и Зерокодер, обучивший работе с ИИ более 15 000 человек. Для рынка это большой прорыв – раньше такой программы просто не было. Что даёт магистратура лично вам: - Вы запускаете собственный ИИ-продукт за время учёбы – он же становится дипломной работой; - Осваиваете ИИ, no-code и вайб-кодинг без программирования, техническая база не нужна; - Получаете диплом магистра государственного образца и отсрочку от армии; - Учитесь онлайн из любого города, без отрыва от работы; - Попадаете в среду практиков: основатели, венчурные инвесторы, выпускник Y Combinator; практика – в Т-Банке, Яндексе, Сбере. Программа платная. Но чтобы разобраться, подходит ли она вам, поступать прямо сейчас не нужно. 7 июля в 13:00 МСК пройдёт бесплатный День открытых дверей. На нём выпускники и студенты лично расскажут, как собрали свои продукты – среди них вирусный ИИ-сервис и B2B-платформа, которой уже пользуются 70 компаний. Приёмная комиссия ответит на ваши вопросы и разберёт детали поступления. Никаких обязательств: приходите, узнайте и оцените возможности – для этого День открытых дверей и проводится. Мест на потоке осталось всего 9, к августу их не останется вовсе. Поэтому анонсируем заранее – разберитесь 7 июля. Регистрация бесплатная по ссылке.

const cat = { name: "Zhora" };
Object.seal(cat);

cat.name = "Boris";
cat.age = 3;

console.log(cat.name, cat.age);

WebDEV #test #Frontend Выберите правильный вариант 👇🏼

.parent {
  display: flex;
  height: 200px;
}
.child {
  height: 50%;
  flex-grow: 1;
}
/* Какая высота будет у .child? */

WebDEV #test #Frontend Выберите правильный вариант 👇🏼

/* Какая будет финальная ширина контентной области (content box) внутри блока? */
.box {
  width: 100px;
  padding: 10px;
  border: 5px solid black;
  box-sizing: border-box;
}

WebDEV #test #Frontend Выберите правильный вариант 👇🏼