This course shows you how to build an SEO-ready site with Vue 2. You learn how to plan your pages, code them, and make smooth page moves. You also learn how to prerender pages so search engines can read them with ease.
What You Will Build
You start by making a simple mockup in Adobe XD. This helps you map your layout before you write code. Then you turn the mockup into a full site with Vue.js and Sass. Last, you add clear page transitions and set up prerendering for SEO.
Why Use Vue 2
Vue is a popular JavaScript framework. It is easy to learn and quick to use. Many designers and new developers like Vue because the setup is simple. It works well for small sites and full projects.
What You Will Learn
- Create web mockups and prototypes in Adobe XD
- Start new projects with the Vue CLI
- Write HTML and Sass that match your mockups
- Use the Vue Router for page views
- Add page transition animations
- Prerender pages to improve SEO
Course Requirements
- Adobe XD is helpful but not required
- Basic HTML and CSS
- Basic JavaScript
- A code editor such as Visual Studio Code
