WebDEV
8.97K subscribers
2.2K photos
12 videos
2.72K links
Сообщество веб-разработчиков.

На канале можно найти: видео-уроки, полезные статьи, новости из мира IT и веб-разработки.

Ссылка: @Portal_v_IT

Сотрудничество: @oleginc, @tatiana_inc

Канал на бирже: telega.in/c/webb_dev

РКН: clck.ru/3L2oTf
Download Telegram
💡 Шпаргалка по 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 #видео
Архитектура современных Frontend приложений. 5 видов

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

В этом ролике мы рассмотрим 5 основных видов архитектуры frontend приложений: Monolithic, Microfrontend, SPA (Single Page Application), MPA (Multi-Page Application) и Server-Side Rendering. Мы подробно обсудим каждую из них, выявим их преимущества и недостатки, а также обсудим сферы их оптимального применения.

📺 YouTube

WebDEV #видео
Сайт на PHP. Админка, блог, интернет-магазин с оплатой

Обзор проекта с курса по разработке сайтов на PHP & MySQL. Проект с системой управления, регистрацией пользователей, блогом, комментариями, интернет магазином и онлайн оплатой через YooMoney Ю касса

📺 YouTube

WebDEV #видео
💡 Шпаргалка по CSS

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

WebDEV #советы
💡Разница TS и JS

WebDEV #советы
💡Шпаргалка по форматированию HTML

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

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

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

📺 YouTube

WebDEV #видео