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

WebDEV #советы

Плавный переход между страницами сайта

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

📺 YouTube

WebDEV #видео

Как создать 3D объект на сайте за 10 минут? Пошаговая инструкция

Хотите узнать, как создать 3D объект на своем сайте всего за 10 минут? В этом видео я представлю вам пошаговую инструкцию, которая позволит быстро и легко добавить 3D элементы на ваш сайт. Узнаете, какие инструменты и программы использовать, как создавать и адаптировать 3D модели, и как интегрировать их в веб-дизайн!

📺 YouTube

WebDEV #видео

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

WebDEV #cheatsheet

💡Шпаргалка по форматированию HTML

WebDEV #советы

💡 Шпаргалка по AI-сервисам

WebDEV #AI

🛠 Lighthouse — открытый инструмент от Google для аудита производительности, доступности и SEO веб-страниц.

Основное преимущество Lighthouse — это его мощная аналитика и обширная база знаний. Утилита предлагает подробные отчёты и рекомендации по улучшению качества веб-страниц, основанные на проверенных методах и практиках.

🌍 Сайт

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

🛠 AnimeJS — украсьте приложение с помощью этого движка анимации.

Хотя анимация веб-страниц иногда применяется неправильно, разумное использование может облегчить навигацию по веб-сайту. CSS анимация и переходы были огромным шагом вперед, но для более сложных взаимодействий часто требуется библиотека. Anime.js – это анимационный движок, с помощью которого вы сможете добавлять сложные анимированные компоненты в приложения.

🌍 Сайт

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

.element {
  width: 200px;
  height: 200px;
  background: conic-gradient(red, yellow, green, blue, red);
}

WebDEV #test #Frontend

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

const symbol1 = Symbol('id');
const symbol2 = Symbol('id');
const obj = { [symbol1]: 'value1' };
console.log(symbol1 === symbol2, obj[symbol1]);

WebDEV #test #Frontend

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

Автоматизация деплоя Телеграмм бота за 30 минут

В этом видео я покажу, как настроить авто-деплой телеграм-бота. Мы разберем:
– как создавать и настраивать удаленный сервер
– как подключиться к серверу по SSH
– как склонировать и развернуть бота на сервере
– что такое Github Actions и Workflows
– как автоматизировать деплой telegram бота с помощью Github Actions
И все это на конкретном примере готового бота. По сути, мы настроим CI/CD для нашего бота в тг.

📺 YouTube

WebDEV #видео

Spline | Tilda эффект частиц

В этом видео я показываю инструмент spline. Узнаете как в нём работать и как сделать красивый эффект частиц. После чего поставим его на сайт в Тильде.

Spline — это недавно появившийся бесплатный инструмент для 3D моделирования, который уже успел обзавестись впечатляющим набором функций. С его помощью вы можете создавать 3D-сцены, моделировать объекты и редактировать материалы, а также контролировать весь процесс создания дизайна, добиваясь наилучшего результата.

📺 YouTube

WebDEV #видео

Auto Layout в Figma за 5 минут

Auto Layout в Figma — это мощный инструмент, который упрощает создание адаптивных и гибких дизайнов. Он позволяет автоматически изменять размеры и расположение элементов при изменении размеров контейнера, что делает дизайн более динамичным и удобным.

В этом видео автор покажет, как пользоваться Auto Layout в Figma, расскажет, зачем он нужен и чем может быть полезен. Вы узнаете, как легко создавать адаптивные макеты, экономить время на редактировании и улучшать свою продуктивность.

📺 YouTube

WebDEV #видео

Svelte за 100 секунд

Svelte — это JS-библиотека для создания реактивных компонентов пользовательского интерфейса. Но в отличие от React, Angular и Vue, она не предоставляет среду выполнения, такую как Virtual DOM, для просмотра.

📺 YouTube

WebDEV #видео #js #svelte

Как использовать TypeScript с React... А нужно ли?

Узнайте, как настроить React с TypeScript. Сравните плюсы и минусы использования TypeScript в проекте React.

📺 YouTube

WebDEV #видео #js #react #typescript

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

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

📺 YouTube

WebDEV #видео #react #web

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

WebDEV #советы

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

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

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

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

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

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

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