Frontend Web Development Training Course

Become a FrontEnd Developer
Join the FrontEnd Developer program at BhavyaWebTech.
Upcoming Batches :- FrontEnd Development (From 1st June 2023).

FrontEnd Course Outline
❑ Web Development with HTML & CSS
❑ Advanced HTML & CSS
❑ Flexbox, Grid, & Bootstrap
❑ JavaScript for Front-End
❑ Front-End Tools & Portfolio
❑ WordPress Bootcamp

Kick start your Career in IT industry.
Check out our latest batches and get trained by experts at BhavyaWebTech
Enroll to our Training today!
Reserve Your Seat Now…

Frontend Training Course Details

Bhavya Web Tech Presents
Front-End Web Development Course With Certificate and Internship.

Learn to create the front end of websites by coding HTML, CSS, Bootstrap, and JavaScript. We Will also Teach You, How To Make Website Using WordPress.

HTML

Day :- 01 – Introduction Of HTML and Front-End-Development
Day :- 02 – HTML Basics, HTML Elements, and HTML Page Title
Day :- 03 – HTML Attributes, HTML Headings, HTML Paragraphs
Day :- 04 – HTML Styles, HTML Text Formatting, and HTML Quotation and Citation Elements
Day :- 05 – HTML Comments, HTML Colors and HTML Styles – CSS
Day :- 06 – HTML Links, HTML Images, and HTML Favicon
Day :- 07 – HTML Tables
Day :- 08 – HTML Lists, HTML Block and Inline Elements
Day :- 09 – HTML class Attribute, HTML id Attribute, and HTML Iframes
Day :- 10 – HTML File Paths, HTML Symbols and and HTML – Meta Tags
Day :- 11 – Recalling whatever we have learnt so far
Day :- 12 – HTML Forms
Day :- 13 – HTML Forms Inputs
Day :- 14 – HTML Media
Day :- 15 – HTML Media
Day :- 16 – HTML Element Reference – By Category
Day :- 17 – HTML Tags
Day :- 18 – HTML Tags
Day :- 19 – HTML Websites, Header, Footer and Content
Day :- 20 – Project – 1 :- Creating a Table Using HTML
Day :- 21 – Project – 2 :- Creating A basic Form Using HTML
Day :- 22 – Project – 3 :- Creating A Advance Form Using HTML
Day :- 23 – Project – 4 :- Creating Header Using HTML
Day :- 24 – Project – 5 :- Creating Footer Using HTML
Day :- 25 – Project – 6 :- An Information Website Using HTML
Day :- 26 – Project – 7 :- A Landing Page Using HTML

CSS

Day :- 01 – CSS Introduction, CSS Syntax and CSS Selectors
Day :- 02 – Type Of CSS, CSS Comments and CSS Colors
Day :- 03 – CSS Backgrounds and CSS Borders
Day :- 04 – CSS Margins, CSS Padding and Height, Width and Max-width
Day :- 05 – Box Model, Outline and CSS Text
Day :- 06 – CSS Fonts, Icons and Links
Day :- 07 – CSS Lists, Tables and Display Property
Day :- 08 – Recalling whatever we have learnt so far
Day :- 09 – CSS max-width and min-width, Position Property
Day :- 10 – CSS float and clear, and Z-Index
Day :- 11 – CSS Overflow, Align and Combinators
Day :- 12 – CSS Pseudo-classes, Pseudo-elements and Opacity
Day :- 13 – CSS Navigation Bar, Image Gallery
Day :- 14 – CSS Dropdowns, and Forms
Day :- 15 – CSS Website Layout, The !important Rule and Math Functions
Day :- 16 – Recalling whatever we have learnt so far
Day :- 17 – CSS Rounded Corners, Border Images and Colors
Day :- 18 – CSS Color Keywords, Gradients and Shadow Effects
Day :- 19 – CSS Text Effects, 2D Transforms and 3D Transforms
Day :- 20 – CSS Tooltip, Transitions and Styling Images
Day :- 21 – CSS Animations, and CSS Masking
Day :- 22 – CSS Buttons, Pagination and Box Sizing
Day :- 23 – CSS flex property
Day :- 24 – Recalling whatever we have learnt so far
Day :- 25 – CSS grid property
Day :- 26 – CSS Media Queries and Responsive structure
Day :- 27 – Project – 1 :- A Tribute Page
Day :- 28 – Project – 2 :- Webpage Including Form and Table
Day :- 29 – Project – 3 :- Landing Page
Day :- 30 – Project – 4 :- Personal Portfolio
Day :- 31 – Project – 5 :- Survey Form
Day :- 32 – Project – 6 :- A Responsive Website Of 4 Pages

Bootstrap – Topics :- Day – 01 to Day 10

➢ Grid Basic
➢ Typography
➢ Tables
➢ Images
➢ Jumbotron
➢ Wells
➢ Alerts
➢ Buttons
➢ Button Groups
➢ Glyphicons
➢ Badges/Labels
➢ Progress Bars
➢ Pagination
➢ Pager
➢ List Groups
➢ Panels
➢ Dropdowns
➢ Collapse
➢ Tabs/Pills
➢ Navbar
➢ Forms
➢ Inputs
➢ Inputs 2
➢ Input Sizing
➢ Media Objects
➢ Carousel
➢ Modal
➢ Tooltip
➢ Popover
➢ Scrollspy
➢ Affix
➢ Filters
➢ Grid System
➢ Stacked/Horizontal
➢ Grid Small
➢ Grid Medium
➢ Grid Large
➢ Grid Examples

WordPress – Bootcamp :- Day – 01 to Day 10

Topics :-
➢ WordPress Introduction
➢ WordPress Installation
➢ WordPress Basics
➢ WordPress Editors
➢ WordPress Themes
➢ WordPress Plugins
➢ Classic Editor
➢ Elementor Page Builder
➢ WPBakery Page Builder
➢ WordPress Ecommerce websites

JavaScript

Day :- 01 – JAVASCRIPT – Overview
Day :- 02 – JAVASCRIPT – Syntax
Day :- 03 – JAVASCRIPT – Placement
Day :- 04 – JAVASCRIPT – Variables
Day :- 05 – JAVASCRIPT – Operators
Day :- 06 – JAVASCRIPT – If-Else
Day :- 07 – JAVASCRIPT – Loops
Day :- 08 – Recalling whatever we have learnt so far
Day :- 09 – JAVASCRIPT – Loop Control
Day :- 10 – JAVASCRIPT – Functions
Day :- 11 – JAVASCRIPT – Events
Day :- 12 – JAVASCRIPT – Page Redirect
Day :- 13 – JAVASCRIPT – Dialog Box
Day :- 14 – JAVASCRIPT – Objects
Day :- 15 – JAVASCRIPT – Number
Day :- 16 – Recalling whatever we have learnt so far
Day :- 17 – JAVASCRIPT – String
Day :- 18 – JAVASCRIPT – Arrays
Day :- 19 – JAVASCRIPT – Date
Day :- 20 – JAVASCRIPT – Math
Day :- 21 – JAVASCRIPT – RegExp
Day :- 22 – JAVASCRIPT – DOM
Day :- 23 – JAVASCRIPT – Boolean
Day :- 24 – Recalling whatever we have learnt so far
Day :- 25 – JAVASCRIPT – Page Printing
Day :- 26 – Project – 1 :- A Simple Calculator
Day :- 27 – Project – 2 :- A Digital Clock
Day :- 28 – Project – 3 :- Advance Calculator
Day :- 29 – Project – 4 :- Form Validation
Day :- 30 – Project – 5 :- Password Validation
Day :- 31 – Project – 6 :- Modal
Day :- 32 – Project – 7 :- Clock