Frontend Course Curriculum

S. No. Curriculum Topic Subtopic Date No. of Hours

Careers in Web Technologies and Job

Roles
How the Website Works?
Client and Server Scripting Languages
Introduction to Web Introduction to Web
1 Difference between a Web Designer and 03/02/2024 (8:00 PM - 10:00 PM) 2 HOUR
Technologies Technologies
Web Developer
Types of Websites (Static and Dynamic
Websites)
Responsive design and layout

The Structure Tags

Getting Started With HTML
Writing the Code
Head Section lMeta Tags
What is Markup Language External Link Tags
2
Basic Structure of HTML HTML Tags
HEAD Tags
Title Tags
Body Tags
Displaying a web page in a web Browser

Block level elements

3 HTML Elements Inline elements
Empty elements
 Creating a Form
Form Tag
POST and GET Method
Text Input, Text Area, Checkbox, Image
Input and Radio
4 Working with Forms
Select Option
Option Group
File Upload and Hidden Fields
Submit Button, Reset Button
Relation between HTML Form and PHP

Defining Paragraphs and new Lines

Adding Special Characters Inserting Spaces
5
Block Oriented Elements Perforating the Text
Changing Background Color

Ordered List
6 List Unordered List
Definition List
05/02/2024 (8:00 PM - 10:00 PM)
HTML 4 HOURS
06/02/2024 (8:00 PM - 10:00 PM)
Using Type attribute with Unordered list
Using Stat attribute with Ordered List
7 Attributes of List
Some other elements
Visual Markup

Types of URLs
Uniform Resource Absolute URLs
8 Relative URLs
Locators
Document-Relative URLs
Server-relative URLs
9 Hypertext Links Why links fail?

Adding Images
10 Images
Adding Border to an image
 How to create table
Adding Border to a Table
11 Tables
Apply Formatting Features to Table
Merge row and columns

Introduction to style How style sheets work

12
Sheets Style Sheet Structure

Changing the color of the text

Changing the front
13 Changing the Background Changing the Indent of the text
Changing the Line Spacing
Hide a Style Sheet
Div
Span
Frame
Layer
14 Creating Style Classes
Meta
HTML Frames
Frame
iframe

CSS Introduction CSS Introduction

CSS Syntax CSS Syntax
15
CSS Id & Cass CSS Id & Cass
Types of CSS inks Types of CSS links
color
background-color
background-image
16 Colors and Backgrounds background-repeat
background-position
background-attachment
background
 font
font-family
font-size
font-weight
font-style
line-height
17 Text and Fonts
letter-spacing
word-spacing
text-align
text-decoration
text-transform
white-space

list-style
list-style-type
18 Lists
list-style-image
list-style-position

table-layout
19 Tables border-collapse 07/02/2024 (8:00 PM - 10:00 PM)
CSS 4 HOURS
border-spacing 10/02/2024 (8:00 PM - 10:00 PM)

Universal Selector
Type Selector
Class Selector
ID Selector
Child Selector
20 CSS Selectors
Descendant Selector
Attribute Selector
Adjacent Sibling Selector
General Sibling Selector
Query Selector

CSS Border
CSS Outline
21 CSS Box Model
CSS Margin
CSS Padding
 CSS Grouping/Nesting
CSS Dimension
CSS Display
CSS Positioning
CSS Floating
CSS Align
22 CSS Advanced CSS Pseudo-class
CSS Pseudo-element
CSS Navigation Bar
CSS Image Gallery
CSS Image Opacity
CSS Attribute Selectors
Styling Links

Syntax
23 Introduction to JavaScript Statements
Comments

Enabling in various Alert

24 browsers Confirm
Popup Boxes Prompt

25 Variables Variables

Arithmetic
Assignment
26 Operators Comparison
Logical
Conditional

if
if...else
27 Conditional Statements
if...else if...else
Switch

JAVASCRIPT
 while
do...while
for
28 Loops
JAVASCRIPT for...in Statement
Break
Continue

User-defined Functions 14/02/2024 (8:00 PM - 10:00 PM)

-Function Syntax 17/02/2024 (8:00 PM - 10:00 PM) 5 HOURS
-Function with Arguments 21/02/2024 (8:00 PM - 9:00 PM)
29 Functions
Returning Values from Functions
Built-in Functions
paraseInt and parseFloat

Introduction
Mouse Events
30 Events Keyboard Events
Form Events
Document/Window Events

Introduction
Number
Strings
Cookies
Math
31 Page redirection
Arrays
Built-in Objects
Associative Array
Array Properties and Methods
Date lBoolean lRegexp

Form Validations Form Validations

Basics of Form Validation Basics of Form Validation
32 Validating Radio Buttons Validating Radio Buttons
Validating Checkboxes Validating Checkboxes
Advanced javascript Validating Select Menus Validating Select Menus
 Advanced javascript
Introduction
JS Document Object DOM HTML
33
Model (DOM) DOM CSS
DOM Events

What is JQuery? What is JQuery?

Using JQuery links Using JQuery links
34
JQuery Selectors JQuery Selectors
JQuery Events JQuery Events

Hide() & show()

Fade()
Slide()
35 Jquery JQuery Effects 21/02/2024 (9:00 PM - 10:00 PM) 1 HOURS
Animate()
Callback function
Chaining

Get() & Set()

Add() & Remove()
36 JQuery HTML
CSS()
Dimensions()
 Adding Header & Navigation
Adding Logo in Navigation Bar &
Adding Banner
Adding Jumbotron
Adding Rows, Columns & Containers
Adding Column Width using offset
Ordering Columns using push or pull
Nesting Columns in Bootstrap
Adding Footer top Website
37 Bootstrap Framework Introduction to Bootstrap Typography in Bootstrap 24/02/2024 (8:00 PM - 10:00 PM) 1HOUR
Adding glyphicons
Styling Tables
Adding Responsive or Utilities in
Bootstrap
Styling Button using between classes
Styling Images and making images
Responsive
Adding description list in bootstrap
Adding Panels

SQL Commands: CREATE Table and

38 Introduction to MySql
INSERT Data
My SQL 28/02/2024 (8:00 PM - 10:00 PM) 2 HOURS
SQL Commands: DELETE, Conditional
39 Introduction to MySql
Selection, Function & Minor Project

Live Website Design Project 02/03/2024 (8:00 PM - 10:00 PM) 2 HOUR

40