Tailwind CSS From Scratch | Learn By Building Projects
Это увлекательный курс, основанный на проектах, чтобы научиться создавать потрясающие макеты с помощью CSS-фреймворка Tailwind и освоиться с использованием классов вместо чего-то вроде Bootstrap, в котором используются классы на основе компонентов. Давайте посмотрим на схему этого курса...
Песочница
Я не хочу сразу переходить к проектам, хотя вы, конечно, могли бы, если хотите. Итак, первые два раздела мы будем работать в песочнице программирования. В каждом новом видео в этих разделах у нас будет новый файл, с которым можно поэкспериментировать и узнать все об определенном аспекте Tailwind. Например, у нас будут страницы/видео для цветов, типографики, интервалов, flex-классов и многого другого. Это позволяет нам касаться всех частей Tailwind в определенном порядке, а не просто сразу переходить к проектам.
Мини-проекты
Далее мы возьмем то, чему научились в среде песочницы, и используем это для создания небольших проектов. Это вещи, на создание которых уйдет 10-20 минут, и мы сделаем все это в одном видео для каждого проекта. Среди мини-проектов:
Я могу даже добавить больше мини-проектов позже. Это поможет вам промокнуть ноги, создавая что-то.
Проекты веб-сайтов
Далее мы начнем работать над более крупными целевыми страницами. Это действительно проверит то, чему вы научились. Будет 6 разных сайтов. Все они очень современные и чистые. Мы сотрудничали с Frontend Mentor для дизайна. В некоторых проектах будет немного JavaScript для таких вещей, как гамбургер-меню, вкладки и некоторая проверка.
Давайте посмотрим на проекты:
Привет и добро пожаловать! Возможно, вы уже слышали, что с TailwindCss вы можете очень быстро разрабатывать красивые и уникальные веб-сайты и интерфейсы. Но наиболее важным преимуществом для меня является то, что вам не нужно создавать бесконечные таблицы стилей для адаптации вашего сайта под разные размеры экрана.
frontendmasters
Анимация пользовательского интерфейса играет важную роль для веб-приложений и веб-сайтов в улучшении взаимодействия с пользователем. Но создание анимации может быть трудным или чрезмерным. На этом курсе мы изучим основы CSS-анимации и перейдем к продвинутым концепциям, таким как оркестровка и хореография. Мы также изучим принципы моушн-дизайна, которые сделают все наши анимации последовательными и продуманными.
CSS стал очень популярным и важным языком для каждого отдельного разработчика в современном стеке веб-разработки, и этот язык продолжает развиваться, обладая новыми возможностями. В настоящее время CSS может справиться с большинством потребностей движения и анимации, используя CSS transitions, CSS transforms и анимацию CSS keyframe.
algoexpert
Основополагающие знания CSS, необходимые для успешного прохождения фронтенд-интервью. CSS составляет второй столп святой троицы современного Интернета. Часто незаслуженно рассматриваемый многими разработчиками как утомительный и разочаровывающий, он на самом деле может быть довольно элегантным и мощным в умелых руках.
