Use Vuejs 2 to Create a Beautiful SEO-Ready Website

Use Vuejs 2 to Create a Beautiful SEO-Ready Website

English | MP4 | AVC 1280×720 | AAC 48KHz 2ch | 2 Hours | 418 MB

Discover the power of using Vuejs to create modern websites that are SEO-Friendly.

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.

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.

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.
Table of Contents

Mockup & Prototyping
1 Header Design
2 Designing the Home Page
3 Designing the Portfolio UI
4 Finishing the Portfolio Page Designs
5 Creating the Prototype

Code
6 Starting the Project
7 Header Development
8 Home Page HTML
9 Home Page CSS Styling
10 Portfolio Page
11 Finishing the Portfolio Pages
12 About Page Development

Finishing Up
13 Page Transition Animations
14 Making the Project SEO-Friendly

Project Files.zip