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

WebDEV #советы

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

WebDEV #советы

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

WebDEV #советы

💡 Шпаргалка по 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 #видео

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

WebDEV #советы

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

WebDEV #советы

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

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 #видео