The Complete Nuxt.js & Vue.js Course

Complete Developer Guide covering Vue.js and Nuxt.js basic to advance concepts. Get your hands on real projects.

by Filip Jerga

Placeholder image
$179.99 $13.99
Enroll on Udemy
Course Requirements
  • No previous Nuxt JS knowledge is required!
  • No previous Vue JS knowledge is required!
  • Fundamentals in HTML and CSS helpful, but not a 'must have'
  • Basic Node JS knowledge, but not a 'must have' (Server Lessons are skippable)
What you will learn
  • Develop powerful, modern, real-world web applications with Nuxt JS, Vue JS 2 and Node
  • Completely understand the processes and concepts of Nuxt JS & Vue JS 2
  • Use gained knowledge to create your own Web Applications
  • Become fluent in concepts and tools like SSR, Vuex, Vuelidate and more
Course Info

WHAT IS NUXT JS?

Nuxt.js presets all the configuration needed to make your development of a Vue.js application enjoyable.

Server Side Rendered(SSR - Universal) mode is the most popular mode for Nuxt. With SSR, also called "universal" or "isomorphic" mode, a Node.js server will be used to deliver HTML based on your Vue components to the client instead of the pure javascript. Using SSR will lead to a large SEO boost, better UX and more opportunities (compared to a traditional Vue SPA).

Because implementing SSR on your own can be really tedious, Nuxt.js gives you full support out of the box and will take care of common pitfalls.

WHAT IS VUE JS?

Vue JS is a very popular JavaScript front-end framework that was designed specifically to help you write Web apps faster and more easily than ever before!

Used by companies such as Nintendo, Adobe, GitLab, Baidu and Alibaba, Vue JS is rapidly increasing in popularity, so it’s a great time to add it to your CV.

By the end of this course you’ll have the skills and confidence you need to use Vue JS on your own projects!

So, no matter whether you’re a complete beginner to Vue JS, or an experienced programmer keen to improve your skills, this course is for you!

THE COURSE

Students learn best when they’re putting what they learn in to practice straight away, so we’ve build this course around three really great projects (which will look fantastic in your career portfolio!):

Project 1 - Todo Application

This project is best suitable for starting developers without any or minimal experience of programming. First application is covering basics concepts every developer should know. First 20 lectures are covering base concepts on practical sandboxed examples. Rest of the section students will be working on nice "todo" application learning Vue.js related concepts. The section is covering also html and css explanations.

  • Get basic knowledge of programming (Functions, Variables, Classes...)

  • Know how to create store data into our browser Local Storage.

  • Fully understand Vue JS concepts like data binding, data manipulation, event handling, state management (and much more!)

Project 2 – Post Application

Nuxt.js starting project. Base programming knowledge is required. Students should have all of the required knowledge needed to work on this project once they complete first project . In this project students will get familiar with Nuxt.js/ Vue.js related topics. In this project students will be working on application to create and manage posts.

  • Get basic knowledge of Nuxt.js

  • Learn how SSR works

  • Get familiar with Vuex

  • Lean how to persist data on Server

Project 3 – Promote Yourself Application

  • Final project students will be working on.  This project is longest and most detailed one. Students be working on tons of interesting features. Students will lean how to create beautiful , self promotion application with admin dashboard, authentication, REST features and other interesting stuff.

  • Last project consist of multiple sections. In first section instructor will be explaining authentication including register and login functionality. Students will not just learn how to authenticate users but they will also find explanation of form validation with Vuelidate package.

  • After authentication students will start working on functionality to create and manage products. Students will be working with "courses" as products but in the end they can choose product of their choice. Application is customisable.

  • In next part students will be creating manage feature for products. Students will learn how to create new custom inputs and how to manage data flow in forms.

  • Course is also covering feature to create blogs. Students will integrate a blog editor containing different formatting options and functionalities to edit and publish blogs. Students will be working on functionality to display published and featured blogs and they learn how to create pagination feature later on.

  • In last sections instructor will be explaining  SEO(search engine optimization) and students will lean how to  implement SEO improvements into the application. Course is finishing with deployment of the application to Heroku.

With over 40 hours of on-screen instruction, it doesn’t matter whether you’re planning to start your career as a developer, or just want to improve your programming skills, this is the right course for you!

So what are you waiting for? Enrol now!!