Please enable JavaScript.
Coggle requires JavaScript to display documents.
Front End Learning Road Map - Coggle Diagram
Front End Learning Road Map
Vue Js basics
Computed
Provide
Watch
Inject
LifeCycle Hooks
Filters
Props
Make Base Componet
Emit
Slot
Ref
Dynamic Style
Event Bus
Directives
Custom Directives
Keep Alive
Java Script
Variables
const
var
let
assingment
method
function
arrow function
parametr
data types
refrence types
array
functions
object
premitive types
number
boolean
string
rules name
array and string method
pop
shift
join
unshift
length
concat
push
flat
filter
map
foreach
conditional statements
else if
switch case
if and else
== and ===
es6 conditional
and - or - not
for
for in
for while
for loop
object oriented (OOP)
Vue Js Frameworks
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
Html
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
Css
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
container
cols
row
buttons
input
margin
padding
modal
carousel
cards
dropdown
nav
off canvas
spinners
Vue js Projcet Structures
Type Script
Nuxt Js SSR
Sass(scss)
Varibles
Nested css
Functions
Mixins