dots bg

Frontend Website Development

Robokwik's Frontend Website Development course will provide you expertise in creating frontend of any website; so, a stack of technology that makes up a front of any website, some of the technologies in which you will be working include HTML, CSS, Javascript, React and lot more.

Course Instructor: Robokwik

₹2499.00

dots bg

Do you know?

We are India's preferred company for technology workshops and trainings at

IITs & NITs.

100+

workshops conducted at

IITs & NITs.

131060+

students enrolled

500+

Batches already completed successfully.

11097+

students already completed their trainings in offline mode

What will you learn?

HTML, CSS, Bootstrap & SEO Module

Internet & Websites Session
What is Internet?
What is WWW?
What is Webpage?
What is a Website?
Types of Website

Understand HTML Fundamentals
HTML
Metatags
Keywords
Head, Body, Footer
Closing tags & Commonly used symbols.

Understand CSS Fundamentals
Analyze the impact of using
Inline Styles
Internal Style Sheets
External Style Sheets
Construct & Analyze rule sets
Valid syntax for the CSS rule set; selectors including class, id, elements and pseudo-class

Structure Documents using HTML
Table Tags
h1-h6
P
br
div
span
li
Semantic Tags
Header
Footer
Summary etc.

Structure Documents using HTML -2
Markup that implements navigation
Target
Bookmark
Image Link
Hyperlink
Folder Hierarchies
Form Elements
Form Attributes: action; method; submission methods
input types & restrictions
buttons

Present Multimedia using HTML
img & picture elements & their attributes.
Videos & simple iframe implementation.
Examples & Codes implementing multimedia

Style Web Pages using CSS
Position Content
Positioning, including float, relative, absolute, max-width
Overflow height, width & align etc.
Format Text
Font-family, color, font-style, font-size, link colors
Text formatting & decoration.
Background & Borders
Border-color & style
Border width & colors

Introduction to Bootstrap
Syntax of Bootstrap
Introduction to Container & Container Fluids
Connectivity of Bootstrap

Domain & Hosting Session
Domain & Domain Names
WHOIS Lookup
Domain & Anti Domain Registration
Hosting of website

Webpage/Website Uploading
Domain Hosting
cPanel & some of its important sections.
Error Page Configuration
Visiting webpages live & watch through Google Analytics

Search Engine Optimization(SEO)
sitemap
meta keywords & description
favicon

Social Media Optimizaion (SMO)
Online Reputation Management
Social Plugins & Widgets

Javascript

Introduction
Implementation
HTML Tags in Javascript
Comments
Variables
Variables ( Let & Const )

Data Types
Arithmetic Operators
Assignment Operators
JS with Google Chrome Console
Comparison Operators

Statements & Operators
If Statement
Logical Operators
If Else Statement
If Else If Statement
Conditional Ternary Operator
Switch Case

Boxes
Alert Box
Confirm Box
Prompt Box

Functions
Functions with Parameters
Functions with Return Value
Global & Local Variable
Events

Loops
While Loop
Do While Loop
For Loop
Break & Continue Statement
Even & Odd with Loops
Nested Loop
JavaScript Nested Loop - II

Array
Arrays
Create Arrays Method - II
Multidimensional Arrays
Modify & Delete Array
Array Sort & Reverse
Array Pop & Push
Array Shift & Unshift
Array Concat & Join
Array Slice & Splice

Array -2
isArray
Array index
Array Includes
Array Some & Every
Array find & findIndex
Array Filter
Array Methods

JS for Each Loop
Objects
Objects - II
Array of Objects
Const Variable with Array & Objects
For in Loop
Map Method

Methods
String Methods
Number Methods
Math Methods
Date Methods

DOM
DOM Introduction
DOM Targeting Methods
DOM Get & Set Value Methods
DOM querySelectors
DOM CSS Styling Methods

Methods Continued
MaddEventListener Method
classList Methods
parent Method
Children Methods
firstChild & lastChild Method
nextSibling & prevSibling Method
create & TextNode
appendChild & insertBefore
insert
replaceChild & removeChild
cloneNode
Contains
isEqualNode

JS Forms
Form Events
Form Events - II

JS Effects
Interval
Timeout

ReactJS

Home
Setup
Getting Started
ES6
Render HTML
JSX
Components

Class
Props
Events
Conditional
Lists

Forms
Router
Memo
CSS Styling

Hooks
What is a Hook?
useState Hook
useEffect Hook
useContext
useRef
useReducer
useCallback
useMemo

Processflow of 
Frontend Website Development Training

1

Step One

Simply purchase this course by clicking on Buy Now.

2

Step Two

Access content and complete it within definite timeline submitting all assignments.

3

Step Three

You will get certificate of training after successful completion of this training