Scaler Full Stack Module Beginner Curriculum
1. Web Fundamentals
2. Introduction to HTML
3. Starting of Portfolio Project
1. Inline vs Block Level Element
2. Different Types List
-> Unodered List
-> Ordered List
-> Description List
3. Tables
4. Forms
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...)
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
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
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
1. Specificity
2. Inheritance
3. Box Shadow
4. Different types of units in css
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
1. Arrays Splice
2. Objects in depth
3. Hoisting with var and let,const
4. Reference Data type manipulation
1. Introduction to DOM
2. Element Selector (getElementById, getElementByClassName, querySelector, querySelectorAll)
3. appendChild, insertBefore
4. Event and addEventListener