Front end Developer Course in Hyderabad

• Introduction 
• Structure of an HTML Document
• New Semantic Elements
• Multimedia Elements
• Forms and Input Types
• APIs and JavaScript Integration
• Responsive Web Design with HTML5
• Integration with Python Backend
• Web Storage and Offline Applications
• Browser Compatibility

• Headings and Subheadings
• Paragraphs
• Bulleted or Numbered Lists
• Line Breaks
• Pre-Formatted Text
• Blank Space
• Code Highlighting
• Images and Diagrams
• Comments
• Links to Additional Resources
• Callouts and Tips
• Footer Section

• HTML Elements Definition
• Basic HTML Element Structure
• Common HTML Tags
• HTML Attributes
• Self-Closing Tags
• Nesting HTML Elements
• Forms and Input Elements
• Tables in HTML
• Semantic HTML Elements
• HTML Comments

• UnOrdered Lists
• ordered Lists
• Nested Lists
• Definition Lists

• What are links
• Text link
• Image links
• Open link in new tab” or “Open link in new window
• Email linking
• File linking

• Introduction
• Adding image on Webpage
• Alt Text 
• Labels

• Table Header
• Table Body
• Tr
• Td
• Th
• Row_Col Span
• Illustrating Data in Table

• Defines a password field
• Define a submit button
• Define a reset button
• Checkboxes
• Radio button
• Menus

• Local Storage
• Session Storage
• IndexDb

• Images
• Videos
• Audio
• Animations
• Infographics
• Interactive Content

• Introduction

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

  Selectors:

  1. Specificity
  2. Tag selector
  3. ID Selectors
  4. Class Selectors
  5. Grouping Selectors
  6. Universal Selector
  7. Descendant / Child Selectors
  8. Attribute Selectors
  9. CSS – Pseudo Classes     

  Text Fonts

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

  Background:

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

  Border:

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

  Box Model:

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

  Positioning

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

  Display

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

  Visibility:

  1. Visible
  2. Hidden

  Floats:

  1. Float
  2. Clear

  Responsive Web Design:

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

  Transforms

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

  CSS Short Hand

  Opacity

  Box shadow

  Gradient

  Flex Box

  color

• Javascript introduction

  Statements

  Comments

  Accordion Content

  Variables

  Accordion Content

  Operators

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

  Data Types

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

  Conditional Control Structures

  1. if
  2. ifelse

  Iterative control structures

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

  Functions

  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

  Strings

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

  Arrays

  • 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 Array

  Dates

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

  Javascript Global objects

  1. Math
  2. Console

  Objects

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

  DOM – Document Object Model

  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

  Variable Hoisting

  1. Introduction
  2. Functional scope
  3. Block scope

  Events

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

Variable declaration using Let & const

Arrow Functions

Classes

Maps

Sets

Modules

Rest or spread operator

Array destructuring

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

Object destructing

Default parameters

Promises

Async – Await

• Installation

  React vs. Other Frameworks

  Basics

  JSX

  Class Components & Functional Components

  Component Props

  Component State

  Hooks

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

  Communication between components.

  Reusable Components

  Accordion Content

  Working with API data using fetch / axios library

  Accordion Content

  Integrating Prime React UI Component library.

  React Router

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.

React Forms

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

Redux

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

   Unit Testing

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