Tailwind CSS: Современный способ создания веб-сайтов с помощью CSS
Udemy - Tailwind CSS: A Modern Way To Build Websites Using CSS Изучите Tailwind, создав полностью адаптивный портал недвижимости и интерактивную панель управления с помощью Tailwind CSS. Автор: Ashutosh Pawar Жанр: электронное обучение Язык: английский + sub eng Видео: MP4 | h264, 1280x720 Аудио: AAC, 44,1 кГц, 2 канала. Продолжительность: 68 лекций (6ч 31м) Что вы узнаете
Создавайте полностью адаптивные веб-сайты
Научитесь создавать сайт недвижимости
Научитесь создавать интерактивные информационные панели с такими компонентами, как диаграммы
Узнайте, как использовать классы Tailwind для создания компонентов Требования
Основы HTML Описание
Tailwind CSS: современный способ создания веб-сайтов с использованием CSS. Вот что вы получите, записавшись на этот курс:
Пословное объяснение: на протяжении всего курса я объясняю каждую строку кода, не пропуская ни одной строки кода.
Контент потрясающего качества: более 5 часов видео в формате HD (1080p).
Хорошо структурированный и простой в освоении: курс был специально разработан, чтобы студенты могли легко научиться создавать современные и адаптивные веб-макеты с использованием Tailwind CSS.
Круглосуточная поддержка: я всегда буду рядом, чтобы помочь вам стать экспертом Tailwind CSS. _______________________________________________________________________ Вот краткое введение об этом полном курсе:
Tailwind CSS — это фреймворк, который позволяет стилизовать ваш веб-сайт прямо в HTML без необходимости написания внешнего CSS.
Давайте посмотрим правде в глаза: CSS сложно писать и поддерживать, все эти имена классов приведут вас в замешательство, а стилизация элементов с помощью обычного CSS довольно сложна.
С другой стороны, использование таких фреймворков, как Bootstrap, делает ваш веб-сайт похожим на любой другой веб-сайт, который его использует.
Tailwind предлагает идеальное решение обеих проблем: он предоставляет вам служебные классы, которые обеспечивают более детальный контроль над тем, как выглядит ваш веб-сайт, чтобы дизайн вашего веб-сайта отличался от остальных.
С другой стороны, стилизация веб-страницы становится намного проще, поскольку вам просто нужно использовать предварительно определенные служебные классы Tailwind в своем HTML и вам никогда не придется возиться с внешним файлом CSS.
Как только вы начнете использовать Tailwind, вы никогда не вернетесь к старому способу использования простого CSS. Весь курс разделен на 4 раздела следующим образом: Раздел 1: Введение и установка.
В этом разделе рассказывается, что такое Tailwind, чем он отличается от начальной загрузки, а также плюсы и минусы использования Tailwind по сравнению с другими платформами или обычным CSS. Также мы узнаем, как настроить попутный ветер в нашем веб-проекте. Раздел 2: Основы Tailwind
Прежде чем приступить к строительным проектам, мы сначала познакомимся с основами Tailwind. Мы научимся использовать контейнеры, гибкие рамки и макеты сетки для размещения элементов на веб-странице. Мы узнаем, как добавлять поля, отступы и интервалы между этими элементами, просто используя служебные классы Tailwind. Мы также научимся добавлять границы, тени и радиус границ к таким элементам, как кнопки. Раздел 3: Создание полностью адаптивного портала недвижимости.
Изучив основы CSS Tailwind, мы приступаем к созданию портала недвижимости с использованием Tailwind. Создаем адаптивную панель навигации, баннер сайта с кнопками. настроить себя в соответствии с точками останова. Мы также узнаем, как создавать компоненты карточек для современного отображения изображений и подробной информации о недвижимости. Мы также создаем раздел отзывов клиентов, используя макет карточек, в котором карточки полностью адаптивны. Наконец, мы создаем контактную форму и нижний колонтитул сайта, чтобы завершить проект. Раздел 4. Создание современной панели администратора.
В этом разделе мы узнаем, как создать современную панель администратора сайта, которая отображает статистические данные в виде динамических диаграмм. Вся панель управления будет построена с использованием чистых служебных классов Tailwind CSS. Для кого этот курс
Разработчики, которые хотят научиться оформлять свои сайты в современном стиле.
Студенты, которые знают CSS и хотят научиться использовать Tailwind.
Разработчики, которым нужна альтернатива Bootstrap Дополнительная информация:https://www.udemy.com/course/tailwind-css-course/
ENG INFO
Learn Tailwind by building a fully responsive real estate portal & interactive dashboard using Tailwind CSS What you'll learn
Build Full Responsive Websites
Learn To Build A Real Estate Website
Learn To Build Interactive Dashboards With Components Like Charts
Learn How To Use Tailwind Classes To Create Components Requirements
Basics of HTML Description
Tailwind CSS: A Modern Way To Build Websites Using CSS Here Is What You Get By Enrolling In This Course:
Word-By-Word Explanation: In the entire course, I explain each line of code, without skipping a single line of code.
Awesome Quality Content: Over 5+ hours of HD(1080p) Videos.
Well Structured & Easy To Learn: Course has been specially designed to make it easy for the students to learn how to build modern and responsive web layouts using Tailwind CSS.
24 X 7 Support: I will always be there to guide you in your journey to become Tailwind CSS expert. _________________________________________________________________________ Here Is A Brief Introduction About This Complete Course:
Tailwind CSS is a framework that provides a way to style your website right in the HTML itself without having to write external CSS.
Let's face it, CSS is hard to write and maintain, all those class names will leave you confused and styling elements is quite complex with regular CSS.
On the other hand, using frameworks like Bootstrap makes your website look like every other website that uses one.
Tailwind provides a perfect solution to both the problems, it provides you with utility classes which provide a more granular level control over how your website looks like so that your website design stands apart from the rest.
On the other hand, styling a webpage becomes much easier as you just have to use pre-defined Tailwind utility classes in your HTML and would never have to fiddle with an external CSS file.
Once you use Tailwind you will never go back to the older way of just using plain simple CSS. The entire course is divided into 4 sections as follows: Section 1: Introduction & Installation.
This section covers what Tailwind is, how it is different from bootstrap and the pros and cons of using Tailwind over other frameworks or regular CSS. We also learn how to setup tailwind in our web project. Section 2: Tailwind Basics.
Before jumping into building projects, we first get acquainted with Tailwind basics. We learn how to use containers, flex box and grid layouts to place elements on webpage. We learn how to add margin, padding and spacing between these elements just by using Tailwind utility classes. We also learn how to add borders, shadows and border radius to elements like buttons. Section 3: Building A Fully Responsive Real Estate Portal.
After learning Tailwind CSS basics, we jump into building a real-estate portal using tailwind. We build a responsive navigation bar, a site banner with buttons which. adjust itself as per breakpoints. We also learn how to create card components to display property images and property details in a modern way. We also create a client testimonial section using the card layout in which the cards are fully responsive. Finally we create a contact form and a site footer to wrap up the project. Section 4: Building A Modern Admin Dashboard.
In this section we learn how to build a modern looking site administrator dashboard which displays statistical data with dynamic charts. The entire dashboard will be built with pure Tailwind CSS utility classes. Who this course is for
Developers who want to learn how to style their websites in a modern way
Students who know CSS and want to learn how to use Tailwind
Developers who want an alternative to Bootstrap
