Front End Developer Course in Hyderabad

Module-1)  HTML 5 Introduction
● Basics of html and document structure
● Doctypes
● Basic Tags
I. html
II. head
III. body
IV. title
V. meta
VI. link
VII. script
● Html attributes

a. Paragraphs
b. Line breaks
c. Blank space
d. Pre Formatting text
e. Headings
f. Comments

a.  Element Types
i. Block Elements
ii. Inline Elements
b.  Div
c.  Span
d.  Header
e.  Footer
f.  Section
g.  Article

h.  Nav
i. Aside
4) Lists
a.  UnOrdered Lists
b.  ordered Lists
c.  Nested Lists
d.  Definition Lists
5)  Links
a.  What are links
b.  Text links
c.  Image links
d.  Opening link in new window / new tab
e.  Opening link in same same tab
f.  Links to content of same page
g.  Linking to an email
h.  Linking to a file
6)  Images
a.  Introduction to images
b.  Adding an image to web page
c.  Image alt text
d.  Image labels
7)  Tables
a.  Displaying data in table
b.  Table Header
c.  Table Body
d.  Table
e. Thread
f.  Tbody
g.  Tr
h.  Td
i.  Th

a. Introduction
b. Text Box
c. text
d. password
e. email
f. number
g. date
h. range
i. url
j. color
k. Radio Button
l. Check Boxes
m. Select Box
n. Multiple Select Box
o. Text Area
p. Submit Button
q. Reset Button

a. Web Storage
b. Local storage
c. Session storage
HTML Media
a. Introduction
b. Audio
c. Vedio
d. Accessing audio/video from external source file in webpage
HTML Graphics
a. Introduction to SVG and Canvas

1. Introduction
a. Version history
b. Css syntax
c. Styling using external style sheets
d. Styling using internal styles sheets
e. Inline Styles
f. Multiple stylesheets
2. Selectors:
a. Specificity
b. Tag selector
c. ID Selectors
d. Class Selectors
e. Grouping Selectors
f. Universal Selector
g. Descendant / Child Selectors
h. Attribute Selectors
i. CSS – Pseudo Classes
3. Text Fonts
a. color
b. background-color
c. text-decoration
d. text-align

e. vertical-align
f. text-indent
g. text-transform
h. white space
i. letter-spacing
j. word-spacing
k. line-height
l. font-family
m. font-size
n. font-style
o. font-variant
p. font-weight

a. Background Image
b. Background color
c. Background Position
d. background-repeat
Border:
a. Border width
b. Border Type
c. Border Color
d. Border radius
Box Model:
a. Margin
b. Padding
c. Width
d. Height
e. Borders

a. Static
b. Fixed
c. relative
d. Absolute
e. Z-index

a. Inline
b. Inline Block
c. block
d. Table
e. Flex
f. Grid
g. NONE

a. Visible
b. Hidden

Floats:
a. Float
b. Clear
 Responsive Web Design:
a. Media Queries
b. Breaking Points
c. Targeting Web Page
d. Targeting PDF

a. 2D Transforms
b. 3D Transforms
c. Transitions
d. Animations

CSS ShortHand
Opacity
Box shadow
 Gradient
 Flex Box

1. javascript introduction
2. statements
3. comments
4. Variables
5. Operators
a. Arithmetic
b. Logical
c. Relational
d. Assignment
6. Data Types
a. Number
b. Boolean
c. String
d. Function
e. Array

a. if
b. ifelse
c. switch
. Iterative control structures
a. For
b. For in
c. While
d. Do While
e. For of

a. Function declaration
b. Function calling
c. Function Arguments, Parameters
d. Functional Scope
e. Returning from a function
f. closures
g. Functions as Arguments
h. Recursive functions
. Strings
a. Introduction
b. String Methods
i. Split()
ii. Trim()
iii. Charat()
iv. Length.
v. Substr()
vi. concat()

a. Introduction
b. Array Methods
i. Map
ii. Filter
iii. Find
iv. FindIndex
v. Foreach
vi. indexof
vii. includes
viii. join
ix. push
x. pop
xi. reduce
xii. slice
xiii. reverse
xiv. & More
c. Iterating an Array
d. Sorting an Array
. Dates
a. Date FOrmats
b. Date get methods
c. Date set methods

a. Math
b. Console

Objects
a. Introduction
b. Creating objects
c. Object properties
d. Object methods
e. Prototype of an object
f. cloning an object
g. Joining Multiple objects
. DOM – Document Object Model
a. Document Object
b. Accessing an element
c. Create Element
d. Setting an attribute
e. Append Childs
f. Removing an element
g. Creating Text notes
h. Adding or removing Events
16. Variable Hoisting
a. Introduction
b. Functional scope
c. Block scope

a. Introduction
b. Examples of events
i. click
ii. mousemove
iii. doubleclick
iv. blur
v. focus

vi. load
vii. hover
viii. & More.
c. Event Handlers
i. Adding
ii. Removing
d. Event bubbling
e. Event propagation
f. 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

⮚ React Introduction
⮚ React Installation
⮚ create-react-app
⮚ React Features
⮚ Pros & Cons
⮚ React JS vs AngularJS
⮚ SSR VS CSR
⮚ React Components
⮚ React State
⮚ React Props
⮚ React Props Validation
⮚ React State vs Props
⮚ React Constructor
⮚ React Component API & Component Life Cycle
⮚ Controlled vs Uncontrolled
⮚ React Events
⮚ Conditional Rendering
⮚ React Data Binding(Lists, Dropdowns, AG Grid)
⮚ React Keys & React Refs
⮚ React Fragments
⮚ React Router
⮚ React Map
⮚ Higher-Order Components
⮚ Error Boundaries
⮚ React Context
⮚ React Hooks
⮚ Json Forms
⮚ Pure components
⮚ Form validations