Front End Developer Course in Hyderabad

• • Basics of html and document structure
  • Doctypes
  • Basic Tags
  1. html
  2. head
  3. body
  4. title
  5. meta
  6. link 
  7. script
  • Html attributes

• Paragraphs
• Line breaks
• Blank space
• Pre Formatting text
• Headings
• Comments

• Element Types
  1. Block Elements
  2. Inline Elements
• Div
• Span
• Header
• Footer
• Section 
• Article
• Nav
• Aside

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

• What are links
• Text links
• Image links
• Opening link in new window / new tab
• Opening link in same same tab
• Links to content of same page
• Linking to an email
• Linking to a file

• Introduction to images
• Adding an image to web page
• Image alt text
• Image labels

• Displaying data in table
• Table Header
• Table Body
• Table
• Thead
• Tbody
• Tr
• Td
• Th
• Row span
• Col span

• Introduction 
• Text Box
• text
• password
• email
• number
• date
• range
• url
• color
• Radio Button
• Check Boxes
• Select Box
• Multiple Select Box
• Text Area
• Submit Button
• Reset Button

• Web Storage
• Local storage
• Session storage

• Introduction
• Audio
• Video
• Accessing audio/video from the external source file in the webpage

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. 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

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 ShortHand

Opacity

Box shadow

Gradient Flex Box

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
3. switch

Iterative control structures

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

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
9. Introduction
10. String Methods
    1. Split()
    2. Trim()
    3. Charat()
    4.  
    5. Substr()
    6. concat()
    7. toLowerCase()
    8. toUpperCase()
11. 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 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 Conten

Integrating Prime React UI Component library.

• Creating Routes and Router Layouts
• Navigation from JSX and React components
• Child Routes
• Reading Router Params
• Routing Context
• Authentication for routes.

React Forms

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.