Next.js за 100 секунд + полное руководство для начинающих

Изучите основы Next.js за 100 секунд! Затем создайте свое первое серверное приложение для react с полным руководством для начинающих по Next.js.

📺 YouTube

WebDEV #видео #react #web

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

WebDEV #советы

Сидеть и работать в корпорации — страшно, жизнь-то мимо проходит. Уходить строить бизнес — страшно, а вдруг прогорит. Один из вариантов — разрабатывать свой пет-проект по вечерам. Многие успешные компании, например, Twitter, создавались именно так. Это не значит, что ваш проект обязательно заработает миллиарды, но заработать больше, чем в найме, и получить ценный опыт — вполне реально.

Перед началом разработки появляется множество вопросов, например:

– Как выбрать идею для пет-проекта?
– Что нужно знать про маркетинг?
– Как запуститься и довести до первых продаж не имея бюджета на рекламу?

В телеграм-канале «Твой пет проект», Михаил Табунов делится своим опытом с разработчиками и менеджерами.

Он рассказывает, где искать идею для нового проекта, что нужно знать о маркетинге, как запустить стартап и привлечь первых 10 клиентов, а также о многих других важных вещах.

Подписывайтесь на «Твой пет проект», получайте пользу от практиков рынка!

Реклама. ИП Табунов Михаил Валерьевич ИНН 773379585100. erid: 2Vtzqw5HMMB

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

WebDEV #советы

Создаем классный дизайн баннера

Как сделать крутой баннер для телеграма? В этом ролике ты вместе со мной подробно сделаешь 2 дизайн баннера. Покажу и расскажу про все этапы: как сгенерировать такую картинку в нейросети, как сделать эффекты свечения, объёма, и в целом, как сделать такой сочный дизайн. Такую работу можно повторить за 15-20 мин времени, а результат - стильный дизайн!

📺 YouTube

WebDEV #видео

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

WebDEV #test #Frontend

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

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

WebDEV #test #Frontend

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

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

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

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

WebDEV #test #Frontend

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

⚡️В России запустили первую онлайн-магистратуру по искусственному интеллекту

Её создали Университет Иннополис и Зерокодер, обучивший работе с ИИ более 15 000 человек. Для рынка это большой прорыв – раньше такой программы просто не было.

Что даёт магистратура лично вам:

- Вы запускаете собственный ИИ-продукт за время учёбы – он же становится дипломной работой;
- Осваиваете ИИ, no-code и вайб-кодинг без программирования, техническая база не нужна;
- Получаете диплом магистра государственного образца и отсрочку от армии;
- Учитесь онлайн из любого города, без отрыва от работы;
- Попадаете в среду практиков: основатели, венчурные инвесторы, выпускник Y Combinator; практика – в Т-Банке, Яндексе, Сбере.

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

7 июля в 13:00 МСК пройдёт бесплатный День открытых дверей. На нём выпускники и студенты лично расскажут, как собрали свои продукты – среди них вирусный ИИ-сервис и B2B-платформа, которой уже пользуются 70 компаний. Приёмная комиссия ответит на ваши вопросы и разберёт детали поступления.

Никаких обязательств: приходите, узнайте и оцените возможности – для этого День открытых дверей и проводится.

Мест на потоке осталось всего 9, к августу их не останется вовсе. Поэтому анонсируем заранее – разберитесь 7 июля.

Регистрация бесплатная по ссылке.

CODELF — поисковый инструмент, помогающий разработчикам решить проблему именования

Он позволяет искать по проектам из GitHub, Bitbucket, Google Code, Codeplex, Sourceforge, Fedora Project и GitLab для нахождения реально используемых имён переменных.

CODELF также может быть ежедневной копилкой алгоритмов и органайзером репозиториев.

WebDEV #инструменты

3D эффект для слайдера Swiper Cowerflow

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

📺 YouTube

WebDEV #видео

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

Настройка и полировка анимированных взаимодействий – это то, с чем Principle идеально справляется.

🌍 Сайт

WebDEV #инструменты

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

WebDEV #советы

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

WebDEV #советы

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

WebDEV #советы

🛠 Styled Components – библиотека для стилизации React-компонентов.

Она позволяет создавать пользовательские компоненты с локальными встроенными стилями.

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

🌍 Сайт

WebDEV #инструменты

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

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

WebDEV #инструменты

Резюме frontend веб разработчика. Что написать в блоке "профессиональные навыки"

Как оформить блок "Профессиональные навыки" в резюме для frontend разработчика, веб-разработчика. Разбираем на реальном примере. Исправляем ошибки. Стратегия для новичка и для разработчика с опытом.

📺 YouTube

WebDEV #видео