Front End Learning Road Map
Vue Js basics
Java Script
Computed
Provide
Watch
Inject
LifeCycle Hooks
Filters
Props
Make Base Componet
Emit
Slot
Ref
Dynamic Style
Event Bus
Directives
Custom Directives
Keep Alive
Vue Js Frameworks
Html
Css
Basic
Texts tag
input
image video audio
button
Link
comments
table
lists
text area
input types and all attr
div and section
tag a
select
br and hr
display
flex box
width and height
margin and padding
colors and background
border and border radius
font family and font size
box shadow and text shadow
max and min width, height
positions
owerflow
opacity
transform and transition
hover and animation
css responseive
cooments
outline and outline color
css text
gradient and glass
Bootstrap
click to edit
Vue js Projcet Structures
Vue Router
Nested Route
Different History modes
Dynamic Route
Navigation Guards
Meta Route
State Manegment
Vue X
state
Getters
Mutations
Modules
Actions
Pinia
State
Getters
Actions
Vue i18n
Vue Carousel
Vue Validator
Vue Notifcations
Vuetify
Type Script
Nuxt Js SSR
Sass(scss)
Varibles
Nested css
Functions
Mixins
container
cols
row
buttons
input
margin
padding
modal
carousel
cards
dropdown
nav
off canvas
spinners
Variables
const
var
let
method
function
arrow function
data types
refrence types
premitive types
array
functions
object
number
boolean
string
rules name
array and string method
pop
shift
join
unshift
length
concat
push
flat
parametr
assingment
conditional statements
else if
switch case
if and else
== and ===
es6 conditional
and - or - not
filter
map
foreach
for
for in
for while
for loop
object oriented (OOP)