Comparte si te a gustado:

Learn Tailwind CSS, TESLA, APPLE, Cool Portfolio Tailwind UI

Publicado en 21 Dec 2021

Udemy UK

Lo que aprenderás

  • Tailwind CSS
  • Tailwind UI
  • Tailwind classes and styles
  • Tailwind background customisation
  • Tailwind border customisation
  • Tailwind flexbox and grid systems
  • HTML5 for screen content structure
  • Designing beautiful layouts effortlessly using Tailwind CSS
  • Requisitos

  • Html5
  • Basic IT skills
  • Descripción

    This course will rapidly guide you to become a Tailwind UI designer. This course is friendly to those who know nothing about Tailwind CSS, as we start by teaching the basic concepts and style elements. We will first thoroughly explain the essential topics and concepts and go through the necessary Tailwind CSS documentation in order to teach you the fundamentals. We will then dive into designing more complex beautiful web UIs. We will design an elegant Apple UI from scratch to show you how to design stunning professional Websites in a rapid and efficient manner. We will also teach you how to make your own portfolio website, which you can then personally customise and use. We will also teach you how to build a beautiful landing page, as we demonstrate this through a Tesla landing page example.

    This course will enhance your front end design skills and you will appreciate how awesome Tailwind Css actually is. After completing this Tailwind CSS examples that we teach, you will be able to rapidly and efficiently design beautiful user interfaces.

    This course will first cover the essential topics such as:

    • Flex-box and Grid utilities

    • Typography and Font styles

    • Responsive styling (styles for specific screen sizes)

    • State variants (for when hovering and focusing on elements)

    • User Interface Layouts

    • Sizing elements

    • Backgrounds class groups

    • Border class groups

    After covering the fundamentals, we will then go through some awesome tailwind examples:

    • Apple website:

      • Responsive header and navigation bar

      • Front Page promotional section

      • Ipad section

      • Macbook section

      • Company Team Members section

      • Contact Form section

      • Footer section

    • Portfolio website:

      • Front page

      • Self introduction/promotion section

      • Services section

      • Portfolio/work section

      • Contact section

    • Tesla Landing page:

      • Front page

      • Navigation bar

      • Footer section

    ¿Para quién es este curso?

  • Students looking for tailwind examples
  • Students who want to learn tailwind from scratch
  • Beginner designers curious about Tailwind CSS
  • Students who want to learn how to build beautiful tailwind websites

  • Debes tener en cuenta que los cupones duran maximo 4 dias o hasta agotar 1000 inscripciones,pero puede vencer en cualquier momento. Obten el curso con cupon haciendo clic en el siguiente boton:

    (Cupón válido para las primeras 1000 inscripciones): STUDENTSCOUPON
    Udemy UK
    Tags:
    • #Tailwind Css

    Articulos Relacionados

    content

    Curso WordPress 2024: Cómo Crear una Página Web Desde Cero

    Aprende cómo crear una página web con WordPress desde cero, sin saber de programación, de forma rápida y sencilla.

    Ir al Curso
    content

    Cómo Crear una Tienda Online con WordPress Desde Cero 2024

    Aprende a cómo crear una tienda online con WordPress para vender tus productos por Internet de forma fácil y simple.

    Ir al Curso
    content

    Cómo Crear una Landing Page con WordPress Desde Cero 2024

    Aprende a cómo crear una landing page con WordPress y consigue clientes a través de Internet, de forma fácil y simple.

    Ir al Curso
    Suscríbete a nuestro boletín
    Reciba los últimos Cupones y promociones (Solicitar Cupón)