Softgrowth Infotech-Best Software company in chandrapur

Front-end Syllabus

Home
Front-end Syllabus

Our Front-End Syllabus

Web-Development Introduction

History of HTML
What you need to do to get going and make your first HTML page
What are HTML Tags and Attributes?
HTML Tag vs. Element
HTML Attributes:
How to differentiate HTML Document Versions

HTML Basic Tags
HTML Formatting Tags
HTML Color Coding

Div and Span Tags for Grouping

Unordered lists
Ordered lists
Definition lists

Images and Images Mapping

URL - Uniform Resourse Locator
URL Encoding

table tag
th tag
tr tag
td tag
caption tag
thead tag
tbody tag
tfoot tag
colgroup tag
col tag

Attributes Using
iframe as a target

input tag
textarea tag
button tag
select tag
label tag

Title
Base
Link
Style
Script
meta

HTML meta tag
XHTML
HTML deprecated tags & Attributes

Benifites of CSS
CSS Versions History
CSS Syntax
External Style Sheet Usage
Multiple Style Sheets
Value Lengths and Percentages

CSS Syntax
Single Style Sheets
Multiple Style Sheets
Value Lengths and Percentages

ID Selectors
Class Selectors
Grouping Selectors
Universal Selectors
Descendant / Child Selectors
Attribute Selectors
CSS – Pseudo Classes

background-image
background-repeat
background-position
CSS Cursor

color
background-color
text-decoration
text-align
vertical-align
text-indent
text-transform
white-space
letter-spacing
word-spacing
line-height
font-family
font-size
font-style
font-variant
font-weight

List-style-type
List-style-position
list-style-image
list-style
CSS Tables
I. border
II. width & height
III. text-align
IV. vertical-align
V. padding
VI. color

Borders & Outline
Margin & Padding
Height and width
CSS Dimensions

CSS Visibility
CSS Display
CSS Scrollbars
CSS Positioning
1. Static Positioning
2. Fixed Positioning
3. Relative Positioning
4. Absolute Positioning
CSS Layers with Z-Index

The float Property
The clear Property

Javascript Introduction

Variable Declaration
Operators
Control Statements
Error Handeling
Understanding Arrays
Function Declaration

Built In Functions
Standard Date and Time Functions

HTML Document Object Model
Working with HTML form and its elements

HTML Document object Model
Other Document Object Model

Working With Coockies

Working with Objects
Call method in JavaScript
Inheritance in JavaScript using prototype

Introduction of Bootstrap
Syntax of Bootstrap
Container and Container-ﬂuid
Connectivity of Bootstrap in page
Bootstrap Versions

Jumbotron
Button
Grid
Table
Form
Alert
Wells
Badge and label
Panels
Pagination
Pager
Image
Glyphicon
Carousel
Progress Bar
List Group
Dropdown
CollapseSyntax of Bootstrap
Container and Container-ﬂuid
Connectivity of Bootstrap in page

Tabs/Pill
Navbar
Input Types
Modals
Popover
Scrollspy

Bootstrap Border
Bootstrap Clearﬁx
Bootstrap Close Icons
Bootstrap Colors
Display Flexbox
Display Property
Image Replacement
Invisible Content
Bootstrap Position
Responsive helpers
Screen Readers
Bootstrap sizing
Bootstrap spacing
Bootstrap Typography

Understand the basic concepts of version control with Git.
Create and manage Git repositories.
Track changes and manage file versions.
Work with branches and merging.
Collaborate with other developers.
Use Git commands effectively.
Handle conflicts and troubleshooting.
Work with remote repositories.

Introduction to Tailwind CSS
Tailwind CSS-Utility

Container
Box Sizing
Display
Float
Clear
Object Fit
Object Position
Overflow
Overscroll Behavior
Position
Top/Right/Bottom/Left
Visibility
Z-Index

Flex Direction
Flex Wrap
Flex
Flex Grow
Flex Shrink
Order

Grid Template Column
Grid Column Start/End
Grid Template Rows
Grid ROw Start/End
Grid AutoFlow
Grid Auto Column
Grid Auto Rows
Grid Gap

Justify Content
Justify Items
Justify Self
Align Content
Align Items
Align Self
Place Content
Place Items
Place Self

Padding
Margin
Space Between

Width
Height

Font Family
Font Size
Font Smoothing
Font Style
Font Weight
Font Varient Numeric
Later Spacing
Line Spacing
List Style Type
Text Alignment
Text Color