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

WebDEV #советы

Когда я только начинал во фронтенде — тонул в море туториалов, апдейтов и «новых подходов».

Каждую неделю — новая библиотека, новый формат, новый способ «писать кнопки лучше». 😅

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

Так и появился мой канал — «Плавный, как CSS-анимация».
Я собираю туда всё, что действительно помогает фронтендерам:
⚡ свежие обновления из мира web
💡 короткие разборы и фичи, которые стоит знать
🧩 примеры и идеи, которые можно применить прямо в коде
👨‍💻 иногда делюсь личным опытом и практиками, которые применяю

Без воды и бесполезных демок — просто, по делу и с душой.

👇 Если ты тоже хочешь расти как frontend-разработчик и не теряться в потоке новостей — загляни: @loveefrontend

Изучение стека MEAN: сайт на MongoDB, Express JS, Angular JS и Node JS

В курсе изучения стека MEAN, мы углубимся в создание сайта на MongoDB, Express JS, Angular JS и Node JS, настройку проекта, создание моделей в приложении, авторизацию через Passport.js, добавление Angular CLI к проекту, создание формы регистрации, регистрацию пользователя в базе данных, реализацию авторизации и выхода из учетной записи, организацию закрытого доступа к страницам и выгрузку проекта на сервер.

📺 YouTube

WebDEV #видео

Создание динамического веб сайта

В этом новом видеокурсе мы с вами будем создавать полноценный динамический сайт. При построении такого сайта нам потребуются все знания из наших предыдущих видеокурсов, а именно: HTML, CSS, JavaScript, jQuery, Ajax, PHP и MySQL.

📺 YouTube

WebDEV #видео

Эти ошибки губят всех начинающих веб-дизайнеров

Эти ошибки губят всех начинающих веб-дизайнеров, из-за них ты тратишь либо много времени, либо много денег, потому что идёшь немного не по тому пути. Не понимаешь как составить план обучения, какие программы изучить, как собрать портфолио, на какой фриланс-бирже зарегистрироваться, откуда брать клиентов? Все ответы в этом ролике!

📺 YouTube

WebDEV #видео

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

WebDEV #советы

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

WebDEV #советы

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

WebDEV #советы

ZenStack — TypeScript-инструмент для «усиления» Prisma ORM.

Достигается это за счёт мощного слоя контроля доступа, что и раскрывает его полный потенциал. При этом ZenStack предлагает интерактивный опыт работы с Markdown, автоматически генерирует CRUD API и фронтенд-хуки, обеспечивая высокий уровень безопасности.

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

Дизайн сайта в Figma. Адаптив сайта

В этом видео расскажу и покажу как сделать сайт с нуля в Figma. Я подробно остановлюсь на всех моментах, чтобы у вас была общая картина как делать, на что нужно обращать внимание, где искать контент и многое другое.

📺 YouTube

WebDEV #видео

HTML / CSS адаптивная верстка сайта Freelance Portfolio

Адаптивная HTML верстка сайта портфолио для новичков на HTML и CSS. Мобильная адаптивная верстка, медиа-запросы. Темная тема на CSS переменных и JavaScript. Публикация сайта на GitHub Pages.

📺 YouTube

WebDEV #видео

Путь веб-разработчика с полного нуля

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

📺 YouTube

WebDEV #видео

HTML верстка сайта слайдера и посадка на CMS

Сегодня мы рассмотрим создание крутого сайта слайдера от А до Я с использованием актуальных подходов и инструментов (swiper). В процессе обучения мы на реальном практическом примере задействуем все возможности Flexbox CSS, Scss, Sass, БЭМ нейминга, модульного JS и многие другие современные подходы и технологии. В дополнительных уроках мы создадим дизайн в Figma, осуществим посадку верстки на Winter CMS (бывш. October CMS), используя технику Theme Customization и разработаем форму обратной связи с возможностью работать с заявками в админ-панели Winter CMS.

📺 YouTube

WebDEV #видео

Верстка сайта из Figma

В этом видеокурсе мы будем верстать макет сайта из Figma. Рассмотрим особенности работы с Figma и научимся верстать сайт из Figma. Верстка сайта Tesla из Figma, Шапка сайта, главная и футер а также адаптив под iPhone и iPad.

📺 YouTube

WebDEV #видео

Курс по Bootstrap 5

Bootstrap сильно упрощает вёрстку сайтов, а именно — их оформление. А с пятой версией у него появилось ещё больше возможностей и выглядеть он стал даже лучше.

В этом видео автор создаёт сайт и параллельно рассказывает про фишки Bootstrap и про то, как им пользоваться. К тому же, он учит пользоваться документацией проекта, поэтому видео обязательно к просмотру.

📺 YouTube

WebDEV #видео

Фишки HTML и CSS

В HTML и CSS есть возможности, которые упростят ваш код, сделают сайт более стабильным и интересным для поисковых роботов.

Из видео вы узнаете про 7 фишек, которые улучшат ваш проект: Параллакс, CSS-анимацию, режимы смешивания, вертикальное выравнивание и другое.

📺 YouTube

WebDEV #видео #CSS #HTML

Что такое Front-end и Back-end?

В веб-разработке программисты делятся на три типа: Front-end, Back-end и Full stack. Каждый выполняет какую-то свою функцию (а один из них — и вовсе две).

Чтобы лучше разобраться, кто чем занимается и в какую сторону вам расти, посмотрите этот ролик. Он особо полезен, если вы только начинаете свой путь в IT.

📺 YouTube

WebDEV #видео #web

Fresh: самый быстрый SSR

SSR — это рендер со стороны сервера. Таким образом потребляются ресурсы сервера, а пользователь получает полностью готовую страницу.

Одним из таких Service side render'ингов является Fresh. В этом ролике вы сможете узнать про его преимущества и недостатки.

📺 YouTube

WebDEV #видео

React. Курс для начинающих 2024

Русскоязычному Youtube не хватает обновленного курса по React для начинающих. Прошлые ролики устаревают, и знания требуют обновления. Теперь у вас есть возможность за 4 часа изучить React и начать его использовать.

Этот курс демонстрирует, как мы в Result даем знания: поэтапно, структурированно, наглядно и понятно. Наша команда доказывает свою компетентность делом, а не маркетингом.

📺 Youtube

WebDEV #видео