HTML верстка сайта слайдера и посадка на CMS
Сегодня мы рассмотрим создание крутого сайта слайдера от А до Я с использованием актуальных подходов и инструментов (swiper). В процессе обучения мы на реальном практическом примере задействуем все возможности Flexbox CSS, Scss, Sass, БЭМ нейминга, модульного JS и многие другие современные подходы и технологии. В дополнительных уроках мы создадим дизайн в Figma, осуществим посадку верстки на Winter CMS (бывш. October CMS), используя технику Theme Customization и разработаем форму обратной связи с возможностью работать с заявками в админ-панели Winter CMS.
📺 YouTube
WebDEV #видео
Сегодня мы рассмотрим создание крутого сайта слайдера от А до Я с использованием актуальных подходов и инструментов (swiper). В процессе обучения мы на реальном практическом примере задействуем все возможности Flexbox CSS, Scss, Sass, БЭМ нейминга, модульного JS и многие другие современные подходы и технологии. В дополнительных уроках мы создадим дизайн в Figma, осуществим посадку верстки на Winter CMS (бывш. October CMS), используя технику Theme Customization и разработаем форму обратной связи с возможностью работать с заявками в админ-панели Winter CMS.
📺 YouTube
WebDEV #видео
YouTube
Мастер-класс по созданию сайта-слайдера и посадке на CMS (HTML CSS JavaScript)
💥 Все курсы в одном комплекте: https://webdesign-master.ru/courses/bundle/
В этом уроке мы рассмотрим создание красивого сайта с использованием актуальных подходов и инструментов для веб-разработки. В процессе обучения мы на реальном практическом примере…
В этом уроке мы рассмотрим создание красивого сайта с использованием актуальных подходов и инструментов для веб-разработки. В процессе обучения мы на реальном практическом примере…
Курс по Bootstrap 5
Bootstrap сильно упрощает вёрстку сайтов, а именно — их оформление. А с пятой версией у него появилось ещё больше возможностей и выглядеть он стал даже лучше.
В этом видео автор создаёт сайт и параллельно рассказывает про фишки Bootstrap и про то, как им пользоваться. К тому же, он учит пользоваться документацией проекта, поэтому видео обязательно к просмотру.
📺 YouTube
WebDEV #видео
Bootstrap сильно упрощает вёрстку сайтов, а именно — их оформление. А с пятой версией у него появилось ещё больше возможностей и выглядеть он стал даже лучше.
В этом видео автор создаёт сайт и параллельно рассказывает про фишки Bootstrap и про то, как им пользоваться. К тому же, он учит пользоваться документацией проекта, поэтому видео обязательно к просмотру.
📺 YouTube
WebDEV #видео
YouTube
Подробный видео курс по Bootstrap 5 на русском языке, Как создать сайт на Bootstrap 5
В этом курсе вы узнаете как скачать Bootstrap 5 и подключить его в свой проект через CDN и локально. Мы начнем работу с Bootstrap 5. Я расскажу про отличия от Bootstrap 4, а если вы впервые знакомитесь с Bootstrap то вы узнаете для чего нужен этот CSS фреймворк.…
Фишки HTML и CSS
В HTML и CSS есть возможности, которые упростят ваш код, сделают сайт более стабильным и интересным для поисковых роботов.
Из видео вы узнаете про 7 фишек, которые улучшат ваш проект: Параллакс, CSS-анимацию, режимы смешивания, вертикальное выравнивание и другое.
📺 YouTube
WebDEV #видео #CSS #HTML
В HTML и CSS есть возможности, которые упростят ваш код, сделают сайт более стабильным и интересным для поисковых роботов.
Из видео вы узнаете про 7 фишек, которые улучшат ваш проект: Параллакс, CSS-анимацию, режимы смешивания, вертикальное выравнивание и другое.
📺 YouTube
WebDEV #видео #CSS #HTML
YouTube
Топ-7 фишек HTML/CSS верстки сайта которые ты должен знать
Мы продолжаем рубрику улучшаем код и в этом видео мы поговорим про топ 7 фишек html css для верстки сайта, котоые вы должны знать. Верстка сайта на самом деле не такая сложная как кажется на первый взгляд, да и html css кажется для начинающих темным лесом.…
Что такое Front-end и Back-end?
В веб-разработке программисты делятся на три типа: Front-end, Back-end и Full stack. Каждый выполняет какую-то свою функцию (а один из них — и вовсе две).
Чтобы лучше разобраться, кто чем занимается и в какую сторону вам расти, посмотрите этот ролик. Он особо полезен, если вы только начинаете свой путь в IT.
📺 YouTube
WebDEV #видео #web
В веб-разработке программисты делятся на три типа: Front-end, Back-end и Full stack. Каждый выполняет какую-то свою функцию (а один из них — и вовсе две).
Чтобы лучше разобраться, кто чем занимается и в какую сторону вам расти, посмотрите этот ролик. Он особо полезен, если вы только начинаете свой путь в IT.
📺 YouTube
WebDEV #видео #web
YouTube
Что такое Front-end и Back-end? Кто такой FULL STACK разработчик? Чем занимается веб разработчик?
Давай разберем веб-разработчика на части. Выясним чем занимаются бэкенд и фронтенд разработчики, верстальщики и фулстек специалисты. Узнаем кто есть кто. Бэкенд - программно-аппаратная часть проекта. Фронтенд - клиентская сторона пользовательского интерфейса…
Fresh: самый быстрый SSR
SSR — это рендер со стороны сервера. Таким образом потребляются ресурсы сервера, а пользователь получает полностью готовую страницу.
Одним из таких Service side render'ингов является Fresh. В этом ролике вы сможете узнать про его преимущества и недостатки.
📺 YouTube
WebDEV #видео
SSR — это рендер со стороны сервера. Таким образом потребляются ресурсы сервера, а пользователь получает полностью готовую страницу.
Одним из таких Service side render'ингов является Fresh. В этом ролике вы сможете узнать про его преимущества и недостатки.
📺 YouTube
WebDEV #видео
YouTube
Fresh - самый быстрый SSR. Deno в действии. Быстрый курс
Подкаст тут: https://xn--r1a.website/js_by_vladilen/515
Ролик про Deno: https://youtu.be/5tkDUN8xAMw
Исходный код: https://github.com/vladilenm/fresh-overview
Подпишись на мои соц сети:
Telegram: https://xn--r1a.website/js_by_vladilen
VK: https://vk.com/vladilen.minin
Instagram:…
Ролик про Deno: https://youtu.be/5tkDUN8xAMw
Исходный код: https://github.com/vladilenm/fresh-overview
Подпишись на мои соц сети:
Telegram: https://xn--r1a.website/js_by_vladilen
VK: https://vk.com/vladilen.minin
Instagram:…
Архитектура современных Frontend приложений. 5 видов
Архитектура современных frontend приложений играет ключевую роль в их успешной разработке и поддержке. Она определяет структуру, организацию кода и взаимодействие компонентов, обеспечивая эффективность и масштабируемость проекта.
В этом ролике мы рассмотрим 5 основных видов архитектуры frontend приложений: Monolithic, Microfrontend, SPA (Single Page Application), MPA (Multi-Page Application) и Server-Side Rendering. Мы подробно обсудим каждую из них, выявим их преимущества и недостатки, а также обсудим сферы их оптимального применения.
📺 YouTube
WebDEV #видео
Архитектура современных frontend приложений играет ключевую роль в их успешной разработке и поддержке. Она определяет структуру, организацию кода и взаимодействие компонентов, обеспечивая эффективность и масштабируемость проекта.
В этом ролике мы рассмотрим 5 основных видов архитектуры frontend приложений: Monolithic, Microfrontend, SPA (Single Page Application), MPA (Multi-Page Application) и Server-Side Rendering. Мы подробно обсудим каждую из них, выявим их преимущества и недостатки, а также обсудим сферы их оптимального применения.
📺 YouTube
WebDEV #видео
YouTube
Архитектура современных FRONTEND приложений. 5 видов. Преимущества и недостатки
В этом ролике мы рассмотрим 5 видов архитектуры frontend приложений. Поговорим о преимуществах и недостатках, о том, когда применять тот или иной вид архитектуры frontend приложений.
Курс "Продвинутый Frontend. в Production на React" - https://ulbitv.ru/frontend…
Курс "Продвинутый Frontend. в Production на React" - https://ulbitv.ru/frontend…
Сайт на PHP. Админка, блог, интернет-магазин с оплатой
Обзор проекта с курса по разработке сайтов на PHP & MySQL. Проект с системой управления, регистрацией пользователей, блогом, комментариями, интернет магазином и онлайн оплатой через YooMoney Ю касса
📺 YouTube
WebDEV #видео
Обзор проекта с курса по разработке сайтов на PHP & MySQL. Проект с системой управления, регистрацией пользователей, блогом, комментариями, интернет магазином и онлайн оплатой через YooMoney Ю касса
📺 YouTube
WebDEV #видео
YouTube
Сайт на PHP. Админка, блог, интернет магазин с оплатой. Проект с курса по разработке сайтов на PHP.
Обзор проекта с курса по разработке сайтов на PHP & MySQL. Проект с системой управления, регистрацией пользователей, блогом, комментариями, интернет магазином и онлайн оплатой через YooMoney Ю касса (ex. Яндекс Деньги). Описание курса: https://webcademy.ru/phpcourse/…
Создаем классный дизайн баннера
Как сделать крутой баннер для телеграма? В этом ролике ты вместе со мной подробно сделаешь 2 дизайн баннера. Покажу и расскажу про все этапы: как сгенерировать такую картинку в нейросети, как сделать эффекты свечения, объёма, и в целом, как сделать такой сочный дизайн. Такую работу можно повторить за 15-20 мин времени, а результат - стильный дизайн!
📺 YouTube
WebDEV #видео
Как сделать крутой баннер для телеграма? В этом ролике ты вместе со мной подробно сделаешь 2 дизайн баннера. Покажу и расскажу про все этапы: как сгенерировать такую картинку в нейросети, как сделать эффекты свечения, объёма, и в целом, как сделать такой сочный дизайн. Такую работу можно повторить за 15-20 мин времени, а результат - стильный дизайн!
📺 YouTube
WebDEV #видео
YouTube
Создаем классный ДИЗАЙН БАННЕРА для телеграм канала в Фигме / Дизайн для соц сетей Figma
💥 Заполнить анкету на наставничество по веб-дизайну
https://forms.gle/pgmVboR8zCwnzg6L8
Как сделать крутой баннер для телеграма? В этом ролике ты вместе со мной подробно сделаешь 2 дизайн баннера. Покажу и расскажу про все этапы: как сгенерировать такую…
https://forms.gle/pgmVboR8zCwnzg6L8
Как сделать крутой баннер для телеграма? В этом ролике ты вместе со мной подробно сделаешь 2 дизайн баннера. Покажу и расскажу про все этапы: как сгенерировать такую…
Как создать интернет-магазин с нуля самому?
Создание интернет-магазина с современным дизайном и крутым функционалом это дорого и очень сложно. В данном курсе мы развеем этот заблуждение, расскажем и покажем на примерах и кейсах как буквально за пару часов можно создать интернет-магазин
Вашей мечты.
📺 YouTube
WebDEV #видео
Создание интернет-магазина с современным дизайном и крутым функционалом это дорого и очень сложно. В данном курсе мы развеем этот заблуждение, расскажем и покажем на примерах и кейсах как буквально за пару часов можно создать интернет-магазин
Вашей мечты.
📺 YouTube
WebDEV #видео
🛠 Lighthouse — открытый инструмент от Google для аудита производительности, доступности и SEO веб-страниц.
Основное преимущество Lighthouse — это его мощная аналитика и обширная база знаний. Утилита предлагает подробные отчёты и рекомендации по улучшению качества веб-страниц, основанные на проверенных методах и практиках.
🌍 Сайт
WebDEV #инструменты
Основное преимущество Lighthouse — это его мощная аналитика и обширная база знаний. Утилита предлагает подробные отчёты и рекомендации по улучшению качества веб-страниц, основанные на проверенных методах и практиках.
🌍 Сайт
WebDEV #инструменты
🛠 Creative Tim предлагает Bootstrap-элементы дизайна, которые помогут ускорить разработку.
С помощью этого инструмента вы можете создавать веб- и мобильные приложения.
Это бесшовное приложение интегрируется с Zapier, Mailшимпанзе, SoundCloud, Slackи Типоформа. Creative Tim Расширения браузера предлагаются для Chrome, Operaи Firefox. Этот инструмент внешней разработки, запущенный в 2013 году, поддерживает такие языки программирования, как ANGULAR, REACT, VUEJS, Asp.NET и другие.
🌍 Сайт
WebDEV #инструменты
С помощью этого инструмента вы можете создавать веб- и мобильные приложения.
Это бесшовное приложение интегрируется с Zapier, Mailшимпанзе, SoundCloud, Slackи Типоформа. Creative Tim Расширения браузера предлагаются для Chrome, Operaи Firefox. Этот инструмент внешней разработки, запущенный в 2013 году, поддерживает такие языки программирования, как ANGULAR, REACT, VUEJS, Asp.NET и другие.
🌍 Сайт
WebDEV #инструменты
🛠 SVGito – это бесплатное веб-приложение, которое чистит SVG файлы, и тем самым избавляет вас от необходимости ручного редактирования.
Это маленькое приложение, созданное Питером Новеллом, автоматически оптимизирует ваши SVG-файлы. Одним нажатием кнопки вы сможете уменьшить их размер и сложность, не изменяя внешний вид.
🌍 Сайт
WebDEV #инструменты
Это маленькое приложение, созданное Питером Новеллом, автоматически оптимизирует ваши SVG-файлы. Одним нажатием кнопки вы сможете уменьшить их размер и сложность, не изменяя внешний вид.
🌍 Сайт
WebDEV #инструменты
🛠 Picular — это поисковик, в который вы можете ввести, скажем, слово “фрукт” и на выходе получить мозаику цветов, относящихся к введённому термину.
Это прекрасное место для поиска цветовых решений для мудбордов. Picular особенно мне пригодился, когда я составлял палитру для одного проекта, связанного с брендингом и графическим дизайном.
🌍 Сайт
WebDEV #инструменты
Это прекрасное место для поиска цветовых решений для мудбордов. Picular особенно мне пригодился, когда я составлял палитру для одного проекта, связанного с брендингом и графическим дизайном.
🌍 Сайт
WebDEV #инструменты