Eincode

How to resolve issues

Initialization of Vue App

First code, Hello World

Introduction to variables

Introduction to functions part 1

Introduction to functions part 2

How web apps work part 1

How web apps work part 2

Introduction to operators

What is call stack

Introduction to objects

Introduction to classes

More about class contstructor

Introduction to this context

Introduction to inheritance part 1

Introduction to inheritance part 2

What is if statement

Learn more about ifs

Introduction to arrays

Map and filter array functions

Create custom array function

Difference between var, const, let

What is function scope

Initialization of todo app

Vue component data and methods

Create todo container html and css

Create todo items and stylings

Introduction to scss

Lets create more vue components

What are props

Explanation of v-for directive

Initialization of modal and stylings

Modal open button stylings

Move modal to separate component

Toggling of modal component

Implement close modal

Refactoring of modal component

Initialization of todo create form

What is two way data binding

New todo create component

Implementation of todo create

Introduction to form validation

Close modal after todo create

Learn how to handle form errors

Create edit and delete buttons

Display edit form for todo

Get values to edit form inputs

Data store architecture

Dispatch action from the store

Finishing update todo functionality

Implementing delete todo functionality

Introduction to store architecture

Learn how to persist data

Persist data improvements

Section summary

Introduction to Vue JS

Introduction to the Activity Planner App

Installation of vue js

Starting with directives part 1

Explanation of directives part 2

Explanation of v-for directive

Iterate over activities array

Introduction to forms - Create activity form

Introduction to Vue components

Making improvements in activity form

Section outro

Initialization of the Activity Planner via Vue CLI

Info before cloning my github repo

Initialization of the Activity Planner via Github

Explanation of CLI application folder structure

Merging code from Project 1 application

Introduction to lifecycle funtions

Introduction to Eslint

Introduction to computed properties

Introduction to watchers

Learning more about computed properties

Creating select input in form

Moving form to separate component

Learning how to emit events

Introduction to debugging

Responsive UI updates with Vue.set

Asynchronous fetching of Activities data

Handle error from response

Introduction to Style Binding

Improving styling of Progress Bar

Introduction to Mixins

Introduction to Filters

Create abstraction of API

Finishing the API abstraction + Debugging

Introduction to callback functions

Implementing Delete Activity functionality

Finishing Delete Activity functionality

Implementing Update Activity functionality

98 Finishing Update Activity functionality

Introduction to Store architecture - part 1

Store architecture - part 2

Store architecture - part 3

Improvements of Activity update functionality Part 1

Improvements of Activity update functionality Part 2

Persisting activities data in Local Storage

Filtering activities feature - part 1

Filtering activities feature - part 2

Filtering activities feature - part 3

Section outro

Note before cloning github repo

Initialization of VueMeetuper via Github

Note before initialisation of server

[Optional] Initialization of VueMeetuper app via Vue CLI

[Optional] Explanation of Node Server

Setting up Mongo Atlas Database

Explanation of Proxy + fetching Categories data

Display Categories data in app

Display Meetups data in app

Introduction to Vue router

Setting up navigation to Detail page

Working on Detail page + fetching Meetup Data

Display Threads & Posts data in Detail page

Working on Meetup Find Page

Implementation of Not Found Page

Section Outro

Initialization of Vuex

Introduction to Vuex Actions

Injecting Vuex into Components

Purpose of Shared Functions in Vuex

Easier access to Vuex - Mapping

Introduction to Modules - part 1

Introduction to Modules - part 2

Implementation of Loading Spinner

Finishing the Loading Spinner

Section outro

Initialization of Register and Login page

Binding component values to form

Validation of form inputs

Introduction to built-in Vuelidate validators

Creating custom validators

Section outro

Initialization of Register functionality

Implementation of Register controllers and routes

Configuring Session implementation

Introduction to Passport package

Implementation of Login functionality + Debugging

Implementation of Logout and Authentication middleware

Debugging of implemented Authentication functionality

Section outro

Sending request to register user

Sending request to login user

Display user name in navigation bar

Creating persistent authentication state

Working on logout functionality

Informing application about authentication state

Creating Secret page protected by authentication

Redirecting when user is not authenticated

Creating only-guest restricted pages

Section outro

Replacing Session authentication with JWT

Finishing implementation of JWT

Debugging implemented JWT functionality

Changing Logout and adding Interceptor functionality

Display Toast message on error

Improving error handing on Server

Section outro

Initialization of Meetup create page

Separating form into multiple screens

Sharing form data with form screens

Confirmation form step and input validation

Checking form step validity - part 1

Checking form step validity - part 2

Creating dynamically rendered component

Initialization of date picker Input

Initialization of time picker Input

Emitting form data to parent page

Implementing create meetup on server

Wrapping up create meetup functionality

Section summary

Creating join and leave meetup computed properties

Applying computed properties to view

Implementing join meetup functionality

Server implementation of join and leave meetup

Finishing up join meetup functionality

Finishing up leave meetup functionality

Debugging of join and leave meetup implementation

Section summary

Implementing modal window to create Thread

Toggling modal window functionality

Implemeting Action to create Thread

Finishing Thread create feature + Debugging

Ordering Threads by date + displaying Toast message

New components Thread List and Post Create

Introduction to custom directives

Creating Auto Expand directive

Sending Action to create Thread post

Server implementation of create Post

Updating view after post is created

Section summary

Initialization of Socket library

Learning how to emit event and subscribe to socket

Introduction to Vue plugins

Creating custom socket plugin

Wrapping up socket functionality

Testing socket implementation

Redirecting after logout - small improvements

Section summary

Initialization of Profile page

Fetching user statistics from server

Displaying user statistics in page

Implementing Tabs to display different screen

Creating Modal to display update user form

Passing user data to modal component

Finishing up update user feature

Debugging of profile section

Section summary

Getting location from IP - server implementation

Creating meta module in Vuex

Displaying Location in Find Page

Providing location to meetup create page

Searching Meetup by location

Debugging of search meetup functionality

Section summary

Implementing search meetup by category feature

Improvements in meetup search

Loading more threads - server implementation

Applying query parameters to fetch threads request

Loading more threads in VueMeetuper

Debugging of meetup search and load more threads feature

Section summary

Creating page to update meetup

Allow only meetup creators to access update meetup page

Bind values to Meetup Edit component

Finishing up Meetup update functionality

Fixing small issues in Meetup update

Style changes in meetup update page

Adding location to meetup home page

Course wrap-up + Debugging

Section summary

Setting up production environment - part 1

Setting up production environment - part 2

Deploying application to Heroku

Testing Application on Heroku

Implementing delete endpoint on server

Display confirm window before delete

Create action in VUEX to delete meetup

Mutate state after meetup delete

Remove threads and posts from state

Remove threads and posts from state

Initilization of pagination component

Set pagination parameters in Vuex

Sending request with actual page

Persistent pagination with query params

Section outro

Create confirmation Hash

Tips and Suggestions before sending Email

Send email with NodeMailer

New user Activate Page

Activate User implementation

Display redirect messages

Last Improvements + Section Summary