Detailed Introduction
•Reviews Updates
•Vue for Beginners – Todo Application
•Application Introduction
•Introduction to Vue.js
•First code – Hello World
•What are Variables
•Introduction to Functions – part 1
•Introduction to Functions – part 2
•How Vue.js works – Part 1
•How Vue.js works – Part 2
•Introduction to Operators
•Let’s talk about Callstack
•What are Objects
•Learn about Classes
•What about Constructor
•More info about “this” context
•Introduction to Inheritance
•Inheritance Part 2
•Logic gates with IF statements
•More about IFs
•Introduction to Arrays
•Iteration functions
•Custom array functions
•Const, let, var and ternary operators
•Introduction to Scopes
•Get familiar with App structure
•Data and Methods of component
•Todo container + Stylings
•Todo items in container
•Let’s integrate Scss
•Vue Components
•Vue props in Components
•Directives with v-for
•We are implementing Modal
•Let’s style buttons
•Move modal to separate Component
•Modal toggling
•Let’s close modal
•Modal refactoring
•Initialization of Todo form
•Two way data binding
•Todo create component
•Create todo functions
•Form validations
•Close modal after create
•Taking care of form errors
•”Delete” and “Edit” Buttons
•Display Edit Form
•Get values to edit form inputs
•Get familiar with Store Architecture
•Dispatch store Actions
•Update todo functionality
•Delete todo functionality
•Init Local Storage
•Learn how to persist data
•Persist data improvements
•Demystification of VUE Framework
•Introduction to Nuxt.js – Post Application
•Application inroduction
•Initialize Project
•Create first Pages
•Create index page
•SSR vs SPA
•Post component
•Component props
•v-for iterations
•Display date with Moment
•Component methods
•Introduction to filters
•Scoped component styles
•Integrate Scss in component
•Checkbox integration
•Vuex integration
•Get state with computed
•More about computed properties
•Navbar toggling functionality
•Let’s debug our code
•Page navigation
•Vuex actions introduction
•Vuex mutations introduction
•Fetch post API
•Post module implementation in Store
•Async fetch of posts
•Improve fetch check for posts
•Vuex getters implementation
•Modal window implementation
•Modal form & Slots
•Named slots
•Post create + Vue extension
•Data bindings
•Learn how to emit events
•Dispatch create post
•Fixes of create post feature
•Post manage form
•Pass data to manage form
•Let’s learn about watchers
•Post update feature styling changes
•Update post action
•Debugging update
•Intro to requests
•More about requests
•Get JSON post data
•Post endpoint – write to a file
•Send a request through Axios
•Let’s move API routes
•Update post request
•Delete feature assignment
•Improvements of delete feature
•Some fixes + Local Storage intro
•Archive items in Local Storage
•Toggle “read” property of post
•Present changes from Storage
•Introduction to Markdown
•Integrate Markdown to manage form
•Implementation of Detail page
•Detail page finish
•Introduction to Project 3 – Promo App
•[Preferred]: Create project with Github
•[Optional]: Create project with CLI
•initialization of Index Page
•Move parts of App to components
•Login & Register page improvements
•DB Setup
•Server Setup
•Populate Data to DB
•Fetch Courses
•Provide courses to Card
•Create custom Filter
•Authentication
•Section Introduction
•Introduction to Vuelidate
•Let’s validate inputs
•Disable button on blur
•Register form validation
•Custom validators
•Login Functionality
•Let’s learn more about sessions
•Handle errors with Toasted
•Display user in Navbar
•Preserve auth state
•Learn how to logout
•Register functionality
•Let’s implement Middlewares
•Guest middleware
•Not authorized pages
•Course create functionality
•Let’s add more pages
•Fetch instructor courses
•Display instructor courses
•Course create components
•Display one component at the time
•Hide buttons depending on active step
•Keep alive component
•Emit form data from partial step
•Fetch categories
•Display categories in select input
•Get selected value from an option
•Fixes “can proceed” check
•Validators in create form
•Init text input with character count
•Fixes input count validation and emit data
•Finishes input with character counter
•Create course – send a request
•Display different colour for status
•Manage Feature
•Manage page init
•Stepping functionality in Manage page
•Styling improvements in step options
•Introduction to Mixins
•Multi line text input component
•Fetch course by ID
•Iterate multi line component lines
•Add & Remove line events
•Add & Remove Line through Store
•Update Line in Store
•Adds conditions to allow add or remove line
•Update inputs on Landing Page
•Update Status & Price component
•Emit category value
•Update course functionality
•User experience improvements when updating
•[BONUS]: Server Explanation
•Blog Feature
•Initialization of Blog pages
•Blog Editor component initialization
•Creating Bubble menu
•More formatting options
•Font Awesome icons
•Creating Basic menu
•Display placeholder in Editor
•Emit value of blog
•Send a request to save Blog
•Fetch blog by ID for Edit page
•Set initial content on Edit page
•Successful update of Blog
•Disable save button while saving
•Handle publish error
•Slugify Blog title
•Publish blog & get editor component
•Get publish blog working
•Un-Publish blog functionality
•Fetch user blogs
•Active tab functionality
•Display drafts and published blogs
•Dropdown options in blogs
•Handle dropdown commands
•Delete blog functionality
•Fetch blogs on Blogs page
•Display published blogs
•Fetch blog by Slug
•Editor view component
•Adds option to feature blog
•Feature & Un-Feature functionality
•Fetch featured blogs
•Inject & Display featured blogs
•Blog Pagination
•Pagination initialization
•Display initial data with pagination
•Pagination functionality
•Persistent pagination
•Pagination improvements & fetch blogs on home page
•Course Hero Feature
•Create course hero modal
•Course hero create functionality
•Display course hero
•Heroes page & fetch heroes
•What are Portals ?
•Display dynamic heroes
•Activate hero functionality
•UX & Functional Improvements
•Course editor component
•Get content to course editor
•Finaly let’s create detail page
•Product hero component
•Custom navlink component
•Navbar improvements
•Tooltip component
•Instructor header improvements
•Scss variables
•SEO & Deployment
•Introduction to SEO
•SEO Improvements
•Robots txt and Favicon
•Finishing up rest of pages
•Error Page + Footer
•Deployment part 1
•Deployment part 2
•Application Testing
•Assets Loading Improvements
•