VueJS 3 & Tailwindcss: Landing Page edition

VueJS 3 & Tailwindcss: Landing Page edition, available at $44.99, has an average rating of 4, with 18 lectures, based on 45 reviews, and has 3119 subscribers.

You will learn about Build a Landing Page with Vue Learn best practices of Front-End development Install Tailwindcss on a Vue project Learn Tailwindcss, from basics to customisation Transform a template into a real single-page-application Organize a clean architecture for a Vue project This course is ideal for individuals who are javascript developers or beginners It is particularly useful for javascript developers or beginners.

Enroll now: VueJS 3 & Tailwindcss: Landing Page edition

Summary

Title: VueJS 3 & Tailwindcss: Landing Page edition

Price: $44.99

Average Rating: 4

Number of Lectures: 18

Number of Published Lectures: 18

Number of Curriculum Items: 18

Number of Published Curriculum Objects: 18

Original Price: $19.99

Quality Status: approved

Status: Live

What You Will Learn

Build a Landing Page with Vue
Learn best practices of Front-End development
Install Tailwindcss on a Vue project
Learn Tailwindcss, from basics to customisation
Transform a template into a real single-page-application
Organize a clean architecture for a Vue project

Who Should Attend

javascript developers
beginners

Target Audiences

javascript developers
beginners

Vue has become very popular the past years.
Tailwindcss has also become a very popular CSS framework.
This course will introduce you to Front-End development by combining these two amazing frameworks.

Welcome on VueJS 3 & Tailwindcss: Landing Page edition ! My name is Guillaume Duhan, Senior Front-End Developer freelance since 10 years now. I am going to teach you in less than two hours how to create your first Landing Page with Vue & Tailwindcss. I will provide everything you need in order to start with Vue & Tailwindcss. I even designed a template for you: the Porsche Taycan’s landing page revisited by myself.

In short, you are going to learn to:

Install & configure Vue 3 with Vite & Tailwindcss,
Analyze a design,
Choose an architecture,
Organize your work,
Create views & components,
Use reactive data, props & methods,
Understand Vue context,
Completely integrate a design with Tailwind,
Use classes, grids and responsive with Tailwind,
Build and deploy your project online,
Pixel-perfect discipline…

And more.

This course is for absolute beginners. I am going to pass step by step slowly and explain every command that I’ll enter. However I’ll also show you how to work fast with efficience. Developers must have knowledge but they also need to take decisions quickly. This is why I’ll integrate for the first time this landing page under your eyes and with you at the same time.

So if you want to discover Vue & Tailwind let’s go together in this amazing adventure, you won’t regret it!

Course Curriculum

Chapter 1: Introduction

Lecture 1: Introduction

Lecture 2: VueJS setup

Lecture 3: Tailwindcss setup

Lecture 4: Architecture

Lecture 5: Import the assets

Lecture 6: Navbar component

Lecture 7: Customize Tailwindcss

Lecture 8: Mainheader integration

Lecture 9: Reusable component (part 1)

Lecture 10: Reusable component (part 2)

Lecture 11: Reusable component (part 3)

Lecture 12: Stats component (part 1)

Lecture 13: Stats component (part 2)

Lecture 14: Stats component (part 3)

Lecture 15: Tabs component

Lecture 16: Animation with Animate.css & AOS.js

Lecture 17: Deploy on Heroku

Lecture 18: Thank you !

Instructors

Guillaume Duhan
CTO & Front-End Developer

Rating Distribution

1 stars: 2 votes
2 stars: 2 votes
3 stars: 6 votes
4 stars: 11 votes
5 stars: 24 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!

Menu