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/
В этом уроке мы рассмотрим создание красивого сайта с использованием актуальных подходов и инструментов для веб-разработки. В процессе обучения мы на реальном практическом примере…
В этом уроке мы рассмотрим создание красивого сайта с использованием актуальных подходов и инструментов для веб-разработки. В процессе обучения мы на реальном практическом примере…
Верстка сайта из Figma
В этом видеокурсе мы будем верстать макет сайта из Figma. Рассмотрим особенности работы с Figma и научимся верстать сайт из Figma. Верстка сайта Tesla из Figma, Шапка сайта, главная и футер а также адаптив под iPhone и iPad.
📺 YouTube
WebDEV #видео
В этом видеокурсе мы будем верстать макет сайта из Figma. Рассмотрим особенности работы с Figma и научимся верстать сайт из Figma. Верстка сайта Tesla из Figma, Шапка сайта, главная и футер а также адаптив под iPhone и iPad.
📺 YouTube
WebDEV #видео
Telegram
WebDEV
Сообщество веб-разработчиков.
На канале можно найти: видео-уроки, полезные статьи, новости из мира IT и веб-разработки.
Ссылка: @Portal_v_IT
Сотрудничество: @oleginc, @tatiana_inc
Канал на бирже: telega.in/c/webb_dev
РКН: clck.ru/3L2oTf
На канале можно найти: видео-уроки, полезные статьи, новости из мира IT и веб-разработки.
Ссылка: @Portal_v_IT
Сотрудничество: @oleginc, @tatiana_inc
Канал на бирже: telega.in/c/webb_dev
РКН: clck.ru/3L2oTf
Курс по Bootstrap 5
Bootstrap сильно упрощает вёрстку сайтов, а именно — их оформление. А с пятой версией у него появилось ещё больше возможностей и выглядеть он стал даже лучше.
В этом видео автор создаёт сайт и параллельно рассказывает про фишки Bootstrap и про то, как им пользоваться. К тому же, он учит пользоваться документацией проекта, поэтому видео обязательно к просмотру.
📺 YouTube
WebDEV #видео
Bootstrap сильно упрощает вёрстку сайтов, а именно — их оформление. А с пятой версией у него появилось ещё больше возможностей и выглядеть он стал даже лучше.
В этом видео автор создаёт сайт и параллельно рассказывает про фишки Bootstrap и про то, как им пользоваться. К тому же, он учит пользоваться документацией проекта, поэтому видео обязательно к просмотру.
📺 YouTube
WebDEV #видео
Создал крутую тему Wordpress в стиле MacOS
В этом видео я покажу вам свою тему для Wordpress в стиле MacOS.
📺 YouTube
WebDEV #видео
В этом видео я покажу вам свою тему для Wordpress в стиле MacOS.
📺 YouTube
WebDEV #видео
YouTube
Создал крутую тему WordPress в стиле MacOS
В этом видео я покажу вам свою тему для Wordpress в стиле MacOS.
Ссылки
-------------------------------------------
Скачать тему для WP: https://bit.ly/2UUNcOf
#wordpress #macos
Ссылки
-------------------------------------------
Скачать тему для WP: https://bit.ly/2UUNcOf
#wordpress #macos
Фишки 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 разработчик? Чем занимается веб разработчик?
Давай разберем веб-разработчика на части. Выясним чем занимаются бэкенд и фронтенд разработчики, верстальщики и фулстек специалисты. Узнаем кто есть кто. Бэкенд - программно-аппаратная часть проекта. Фронтенд - клиентская сторона пользовательского интерфейса…
🛠 AnimeJS — украсьте приложение с помощью этого движка анимации.
Хотя анимация веб-страниц иногда применяется неправильно, разумное использование может облегчить навигацию по веб-сайту. CSS анимация и переходы были огромным шагом вперед, но для более сложных взаимодействий часто требуется библиотека. Anime.js – это анимационный движок, с помощью которого вы сможете добавлять сложные анимированные компоненты в приложения.
🌍 Сайт
WebDEV #инструменты
Хотя анимация веб-страниц иногда применяется неправильно, разумное использование может облегчить навигацию по веб-сайту. CSS анимация и переходы были огромным шагом вперед, но для более сложных взаимодействий часто требуется библиотека. Anime.js – это анимационный движок, с помощью которого вы сможете добавлять сложные анимированные компоненты в приложения.
🌍 Сайт
WebDEV #инструменты
🛠 Lighthouse — открытый инструмент от Google для аудита производительности, доступности и SEO веб-страниц.
Основное преимущество Lighthouse — это его мощная аналитика и обширная база знаний. Утилита предлагает подробные отчёты и рекомендации по улучшению качества веб-страниц, основанные на проверенных методах и практиках.
🌍 Сайт
WebDEV #инструменты
Основное преимущество Lighthouse — это его мощная аналитика и обширная база знаний. Утилита предлагает подробные отчёты и рекомендации по улучшению качества веб-страниц, основанные на проверенных методах и практиках.
🌍 Сайт
WebDEV #инструменты
Полный курс ReactJS для начинающих - изучи реакт за 2 часа!
Новый большое видео на канале, сегодня я публикую полный курс React JS для начинающих. Этот материал позволит тебе изучить Реакт за 2 часа с нуля. Считай это 20 уроков React в одном видео. В прошлый раз я делал быстрый курс по React, но это был не полный материал. В этом ролике будет как и практика react, на примере проекта, так и немного теории реакта. Также отвечу на некоторые вопросы, которые встречаются на собеседование на Junior React Front-end разработчика. Можно сказать это фундаментальный курс по React от А до Я.
📺 YouTube
WebDEV #видео
Новый большое видео на канале, сегодня я публикую полный курс React JS для начинающих. Этот материал позволит тебе изучить Реакт за 2 часа с нуля. Считай это 20 уроков React в одном видео. В прошлый раз я делал быстрый курс по React, но это был не полный материал. В этом ролике будет как и практика react, на примере проекта, так и немного теории реакта. Также отвечу на некоторые вопросы, которые встречаются на собеседование на Junior React Front-end разработчика. Можно сказать это фундаментальный курс по React от А до Я.
📺 YouTube
WebDEV #видео
YouTube
Полный курс React JS для начинающих - Изучи Реакт за 2 часа! +таймкоды
💎 Оформить премиум подписку - https://htmllessons.ru/premium?utm_source=youtube&utm_medium=red-group&utm_campaign=description&utm_content=full-react-course-2023
❤️ Отзывы тут - https://t.me/htmllessons_reviews
Новый большое видео на канале, сегодня я публикую…
❤️ Отзывы тут - https://t.me/htmllessons_reviews
Новый большое видео на канале, сегодня я публикую…
Создаем классный дизайн баннера
Как сделать крутой баннер для телеграма? В этом ролике ты вместе со мной подробно сделаешь 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 #видео
Telegram
WebDEV
Сообщество веб-разработчиков.
На канале можно найти: видео-уроки, полезные статьи, новости из мира IT и веб-разработки.
Ссылка: @Portal_v_IT
Сотрудничество: @oleginc, @tatiana_inc
Канал на бирже: telega.in/c/webb_dev
РКН: clck.ru/3L2oTf
На канале можно найти: видео-уроки, полезные статьи, новости из мира IT и веб-разработки.
Ссылка: @Portal_v_IT
Сотрудничество: @oleginc, @tatiana_inc
Канал на бирже: telega.in/c/webb_dev
РКН: clck.ru/3L2oTf
Автоматизация деплоя Телеграмм бота за 30 минут
В этом видео я покажу, как настроить авто-деплой телеграм-бота. Мы разберем:
– как создавать и настраивать удаленный сервер
– как подключиться к серверу по SSH
– как склонировать и развернуть бота на сервере
– что такое Github Actions и Workflows
– как автоматизировать деплой telegram бота с помощью Github Actions
И все это на конкретном примере готового бота. По сути, мы настроим CI/CD для нашего бота в тг.
📺 YouTube
WebDEV #видео
В этом видео я покажу, как настроить авто-деплой телеграм-бота. Мы разберем:
– как создавать и настраивать удаленный сервер
– как подключиться к серверу по SSH
– как склонировать и развернуть бота на сервере
– что такое Github Actions и Workflows
– как автоматизировать деплой telegram бота с помощью Github Actions
И все это на конкретном примере готового бота. По сути, мы настроим CI/CD для нашего бота в тг.
📺 YouTube
WebDEV #видео
YouTube
Автоматизация Деплоя Telegram-бота за 30 минут | автодеплой тг-бота с Github Actions
⭐ Облачный сервер для деплоя: https://slc.tl/o4e0e
⭐ Интенсив по созданию игры на чистом JS: https://pomazkovjs-hangman.ru/
✅ Курс по Grammy JS: https://youtu.be/q-AFR0D7Vuw
✅ Стартовые файлы бота на GitHub: https://github.com/arseniypom/bot-automatization…
⭐ Интенсив по созданию игры на чистом JS: https://pomazkovjs-hangman.ru/
✅ Курс по Grammy JS: https://youtu.be/q-AFR0D7Vuw
✅ Стартовые файлы бота на GitHub: https://github.com/arseniypom/bot-automatization…
Телеграмм бот на NodeJS + Notion с нуля. Деплой и обновление на Ubuntu
Делюсь полезным туториалом по созданию интеграции на NodeJS
В ролике создаю Telegram бота, который интегрируется с Notion через NodeJS, используя ChatGPT. Концепт вот в чем: Telegram как интерфейс, простая логика на NodeJS и очень удобная база данных в Notion. На основе этого кода можно написать свой функционал.
В видео показал пример, как на основе тезисов в боте в Notion попадет целая эмоциональная история. Оптимизированный копирайтинг с правильным построением запроса в ChatGPT
📺 YouTube
WebDEV #видео
Делюсь полезным туториалом по созданию интеграции на NodeJS
В ролике создаю Telegram бота, который интегрируется с Notion через NodeJS, используя ChatGPT. Концепт вот в чем: Telegram как интерфейс, простая логика на NodeJS и очень удобная база данных в Notion. На основе этого кода можно написать свой функционал.
В видео показал пример, как на основе тезисов в боте в Notion попадет целая эмоциональная история. Оптимизированный копирайтинг с правильным построением запроса в ChatGPT
📺 YouTube
WebDEV #видео
YouTube
Telegram бот на NodeJS + Notion с нуля. Деплой и обновление на Ubuntu
Если вы хотите увидеть работу ИИ изнутри и собрать свой первый проект за 3 дня, присоединяйтесь к марафону. Вы пройдёте путь разработчика в комфортном темпе и получите результат уже в первый день.
Регистрация открыта 👉🏼 https://resuni.ru/obvUR
Телеграм…
Регистрация открыта 👉🏼 https://resuni.ru/obvUR
Телеграм…