Basics of html and document structure

• • Doctypes
  • Basic Tags

1. Paragraphs
2. Line breaks
3. Blank space
4. Pre Formatting text
5. Headings
6. Comments

1. Element Types
   • Block Elements
   • Inline Elements
2. Div
3. Span
4. Header
5. Footer
6. Section 
7. Article
8. Nav
9. Aside

1. UnOrdered Lists
2. ordered Lists
3. Nested Lists
4. Definition Lists

1. What are links
2. Text links
3. Image links
4. Opening link in new window / new tab
5. Opening link in same same tab
6. Links to content of same page
7. Linking to an email
8. Linking to a file

1. Introduction to images
2. Adding an image to web page
3. Image alt text
4. Image labels

1. Displaying data in table
2. Table Header
3. Table Body
4. Table
5. Thead
6. Tbody
7. Tr
8. Td
9. Th
10. Row span
11. Col span

1. Introduction 
2. Text Box
3. text
4. password
5. email
6. number
7. date
8. range
9. url
10. color
11. Radio Button
12. Check Boxes
13. Select Box
14. Multiple Select Box
15. Text Area
16. Submit Button
17. Reset Button

1. Web Storage
2. Local storage
3. Session storage

1. Introduction to SVG and Canvas
2. Creating line , circle , rectangle and polygon etc using svg / canvas

1. Version history
2. Css syntax 
3. Styling using external style sheets
4. Styling using internal styles sheets
5. Inline Styles
6. Multiple stylesheets

1. color
2. background-color
3. text-decoration
4. text-align
5. vertical-align
6. text-indent
7. text-transform
8. white space
9. letter-spacing
10. word-spacing
11. line-height
12. font-family
13. font-size
14. font-style
15. font-variant
16. font-weight

1. Background Image
2. Background color
3. Background Position
4. background repeat

1. Border width
2. Border Type
3. Border Color
4. Border radius

1. Margin
2. Padding
3. Width
4. Height
5. Borders
6. Outline

1. Static
2. Fixed
3. relative
4. Absolute
5. Z-index

1. Inline
2. Inline Block
3. block
4. Table
5. Flex
6. Grid
7. NONE

1. Visible
2. Hidden

1. Float
2. Clear

1. Media Queries
2. Breaking Points
3. Targeting Web Page
4. Targeting PDF

1. 2D Transforms
2. 3D Transforms
3. Transitions
4. Animations

1. Arithmetic
2. Logical
3. Relational
4. Assignment

1. Number
2. Boolean
3. String
4. Function
5. Array
6. Object

1. if
2. ifelse
3. switch

1. For
2. For in
3. While
4. Do While
5. For of

1. Function declaration
2. Function calling
3. Function Arguments, Parameters
4. Functional Scope
5. Returning from a function
6. closures
7. Functions as Arguments
8. Recursive functions

1. Introduction
2. String Methods
   1. Split()
   2. Trim()
   3. Charat()
   4. Length.
   5. Substr()
   6. concat()
   7. toLowerCase()
   8. toUpperCase()
3. Type casting Strings

• Introduction
• Array Methods
  1. Map
  2. Filter
  3. Find
  4. FindIndex
  5. Foreach
  6. indexof
  7. includes
  8. join
  9. push
  10. pop
  11. reduce
  12. slice
  13. reverse
  14. & More
• Iterating an Array
• Sorting an Arra

1. Date FOrmats
2. Date get methods
3. Date set methods

1. Math
2. Console

1. Introduction
2. Creating objects
3. Object properties
4. Object methods
5. Prototype of an object
6. cloning an object
7. Joining Multiple objects

1. Document Object
2. Accessing an element
3. Create Element
4. Setting an attribute
5. Append Childs
6. Removing an element
7. Creating Text notes
8. Adding or removing Events

1. Introduction
2. Functional scope
3. Block scope

• Introduction
• Examples of events
  1. click
  2. mousemove
  3. doubleclick
  4. blur
  5. focus
  6. load
  7. hover
  8. & More.
• Event Handlers
  1. Adding
  2. Removing
• Event bubbling
• Event propagation
• preventing events from default behaviour

1. Variable declaration using Let & const
2. Arrow Functions
3. Classes
4. Maps
5. Sets
6. Modules
7. Rest or spread operator
8. Array destructuring
9. Object destructing
10. Default parameters
11. Promises
12. Async – Await

1.  Installation
2.  React vs. Other Frameworks
3.  Basics
4.  JSX
5.  Class Components & Functional Components
6.  Component Props
7.  Component State
8.  Hooks
9.  Communication between components.
10.  Reusable Components
11.  Working with API data using fetch / axios library
12.  Integrating Prime React UI Component library.

1. Creating Routes and Router Layouts
2. Navigation from JSX and React components
3. Child Routes
4. Reading Router Params
5. Routing Context
6. Authentication for routes.

1. Creating Forms using vanilla react
2. Creating forms using formic library.

1. Store
2. Actions
3. Dispatchers
4. Reducers
5. Immutability
6. State management using redux library.

• Understanding testing
• Introduction to Jest
• Test Running using Jest
• Mocking functions and modules
• Testing Components
• Snapshot Testing
• Async / Await.