Using Vue 2 to Create Beautiful SEO-Ready Websites

1h 48m 11s
English
Paid

Course description

In this course, I'm going to show you how to create a beautiful, SEO-Friendly website while using Vue. You will be able to create modern websites with seamless page transitions that are also SEO ready with prerendered pages. This offers huge benefits!

We will start by creating a full mockup & prototype of our website using Adobe XD. Then, we will develop it fully while using Vue.js & Sass. At the end, we will create seamless page transition animations and make it SEO-Friendly.

Read more about the course

Vue.js is among the top 3 JavaScript frontend frameworks, and it's growing in popularity for its simplicity and ease of use.

Vue is perhaps the most simple frontend framework for a frontend designer/developer to understand. For this reason, it's a great choice for handling modern website development.

After watching this course, you will understand:

  • Creating Web Mockups & Prototypes in Adobe XD
  • Starting Projects with the Vue.js CLI
  • Writing HTML & Sass to Match Mockups
  • Working with the Vue Router
  • Creating Page Transition Animations
  • Making a Vue Project SEO-Friendly with a Prerender Plugin
  • ..and much more.

Course Requirements:

  • Adobe XD is recommended but not required.
  • Understanding of HTML & CSS
  • Basic understanding of JavaScript
  • Code Editor (Visual Studio Code is free)

Watch Online

This is a demo lesson (10:00 remaining)

You can watch up to 10 minutes for free. Subscribe to unlock all 14 lessons in this course and access 10,000+ hours of premium content across all courses.

View Pricing

Watch Online Using Vue 2 to Create Beautiful SEO-Ready Websites

0:00
/
#1: Header Design

All Course Lessons (14)

#Lesson TitleDurationAccess
1
Header Design Demo
10:01
2
Designing the Home Page
09:49
3
Designing the Portfolio UI
06:11
4
Finishing the Portfolio Page Designs
08:13
5
Creating the Prototype
05:09
6
Starting the Project
06:05
7
Header Development
06:49
8
Home Page HTML
11:07
9
Home Page CSS Styling
10:47
10
Portfolio Page
09:44
11
Finishing the Portfolio Pages
07:34
12
About Page Development
04:17
13
Page Transition Animations
05:29
14
Making the Project SEO-Friendly
06:56

Unlock unlimited learning

Get instant access to all 13 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.

Learn more about subscription

Comments

0 comments

Want to join the conversation?

Sign in to comment

Similar courses

100 Days Of Code: The Complete Web Development Bootcamp 2024

100 Days Of Code: The Complete Web Development Bootcamp 2024

Sources: Academind Pro
Learn web development from A to Z in 100 days (or at your own pace) - from "basic" to "advanced", it's all included!
78 hours 51 minutes 55 seconds
The Vue.js 3 Masterclass

The Vue.js 3 Masterclass

Sources: vueschool.io
This is the supercharged, remastered Vue.js 3 Masterclass. We’ve taken all the feedback we got from The Vue.js 2 Masterclass, and supercharged The Vue.js Master
17 hours 7 minutes 33 seconds
Vue JS 2 - The Complete Guide (incl. Vue Router & Vuex)

Vue JS 2 - The Complete Guide (incl. Vue Router & Vuex)

Sources: udemy
No matter at which Metric you look at (Google Trends, Github Stars, Tweets ...) VueJS is the Shooting Star in the World of JavaScript Frameworks - it simply is
19 hours 57 minutes 29 seconds
The Imposter's Frontend Accelerator

The Imposter's Frontend Accelerator

Sources: bigmachine.io
This is a book. This is a video course... It's both! You are in for a clear and conceptual immersion into modern frontend development using Vue 3.0 and Nuxt 3.
15 hours 48 minutes 54 seconds