fullstack-jan-2024's Introduction

MERN Full-Stack

Scaler Full Stack Module Beginner Curriculum

Class - 1

1. Web Fundamentals
2. Introduction to HTML
3. Starting of Portfolio Project

Class - 2

1. Inline vs Block Level Element
2. Different Types List
   -> Unodered List
   -> Ordered List
   -> Description List
3. Tables
4. Forms

Class - 3

1. Css Introduction
2. Different Types Selectors
    -> Element Selector
    -> Class Selector
    -> Id Selector
    -> Attribute Selector
    -> Descendant Selector
    -> Children Selector
    -> Combinatrics
3. CSS Colors
    -> Default Colors
    -> Hex Codes
    -> rbga function
    -> hsla() function
4. Background Properties
5. Text Related Properties (font-family, font-style...)

Class - 4

1. Display
    -> inline
    -> block
    -> inline-block
    -> none
2. box model
    -> content-area
    -> padding
    -> border
    -> margin
3. box-sizing
4. overflow
5. position
    -> static
    -> absolute
    -> relative
    -> fixed
    -> sticky

Class - 5

1. FlexBox
    -> container related properties
        > justify content
        > align items
        > align content
        > flex wrap
    -> items related properties
        > order
        > grow
        > shrink
        > basis
2. Media query
3. FlexBox Example
        > navigation bar
        > cards

class - 6

1. CSS Grid
      -> container related properties
        > place items
        > place content
        > grid-template-column
        > grid-template-row
        > grid-auto-flow
        > gap
    -> items related properties
        > place self
        > grid-row, grid-column

class - 7

1. Specificity
2. Inheritance
3. Box Shadow
4. Different types of units in css

class - 8

1. Introduction to JS
2. Node.js usage and installation
3. Ways of Linking HTML and JavaScript
4. Variable
5. Data Types
6. Arrays in Depth

class - 9

1. Arrays Splice
2. Objects in depth
3. Hoisting with var and let,const
4. Reference Data type manipulation

class - 10

1. Introduction to DOM
2. Element Selector (getElementById, getElementByClassName, querySelector, querySelectorAll)
3. appendChild, insertBefore
4. Event and addEventListener

Recommend Projects