🎉 12th Anniversary Offer! Get 50% off all courses 🎉

Need Help? call us free

+91 63029 64834

Offline / Online Job-Oriented Programs

GRADUATES / FINAL YEAR / ANY BRANCH OR DEGREE / CAREER GAP

Learn the code from expert trainers

Our trainers have over 15+ years of industry experience, bringing extensive knowledge and expertise to our training programs.

No 1 Training with Trainers Top MNCs

Amazon, Google, Microsoft, and Infosys...

Our trainers are working in top MNC Companies

SIVASOFT TECHNOLOGIES PRIVATE LIMITED - India’s Leading Classroom and Online Training Company (2012-)





🚀 100% Offline / In-Person Classroom and Online Job-Oriented Programs: HTML 5, CSS 3,4, JAVASCRIPT, BOOTSTRAP, AJAX, JSON

Group Training Fee: ₹10,000/- ➡️ Offer: ₹5,000/-

One-On-One Training Fee: ₹20,000/- ➡️ Offer: ₹10,000/-

Duration: 2 Months

👨‍🏫 Trainer: Mr.Siva (15+Yrs of Exp) / Mr.Ravi (12+Yrs of Exp)

🌟 Offer: Valid only for 7 days

⏰ Daily: 1 hr Live Class with Unlimited Lab

📝 Quizzes, Assignments, Resume Preparation

🔗 Interview Questions and System Tasks

❓ Doubts Clarification: 7:00AM - 10:00PM

🎓 Free Course Completion Certificate

📚 Lifetime: Live Classes + Video Access

✨ One-on-One Demo Session

Course Curriculum

  • 1. Fundamentals of Web Technology
  • 2. HTML
  • 3. XHTML
  • 4. CSS
  • 5. CSS 3,4
  • 6. Basic & Advanced Javascript
  • 7. Async / Await
  • 8. Ajax
  • 9. JSON
  • 10. HTML5
  • 11. Bootstrap
  • 12. Social Media Integrations
  • 13. Search Engine Optimization
  • 14. Google Analytics Integration
  • Project 1: HTML & CSS Project
  • Project 2: HTML5 & CSS3 Responsive Project with Floats
  • Project 3: HTML5 & CSS3 Responsive Project with Flexbox
  • Project 4: HTML5 & CSS3 Responsive Project with Grid
  • Project 5: JavaScript Project
  • Project 6: Bootstrap Responsive Project
  • 15. Domain Registration & Web Hosting
  • 16. ChatGPT, CoPilot, HackerRank, LeetCode, CodeChef

1. Fundamentals of Web Technology
  • Network
  • Internet
  • Web Browsers
  • Web Servers
  • Web
  • Webpage
  • Website
  • Http
  • Https
  • Web Development
2. HTML
  • Introduction
    • W3C
    • Editors
    • Tag
      • Empty Tag
      • Container Tag
    • Attributes & Parameters
    • Doctypes: DTD
    • Structure Of HTML
    • Basic Tags
      • html
      • head
      • title
      • body
    • Tag vs Element
    • Headings
    • Formatting Tags
    • Paragraph tag
    • Pre tag
    • abbr tag
    • List
      • Ordered List
      • Unordered List
      • Nested List
      • Description List
    • Iframe
    • hr
    • table
    • JPG / PNG / GIF
    • Image tag
      • File Paths
    • Links
      • Image Link
      • Text Link
      • Email Link
    • Quotation
    • Citation
    • Comments
    • Colors
    • Computer Code
    • Entities
    • Symbols
    • Emojis
    • Charset
    • URL Encode
    • Meta Tags
    • Form tags
    • Style Guide
    • Deprecated tags
      • center
      • font
      • basefont
      • s
      • strike
      • u
      • applet
      • isindex
      • acronym
      • frame
      • frameset
      • noframes
      • embed
      • marquee
      • big
      • dir
      • spacer
      • tt
    • Deprecated Attributes
      • align - caption, iframe, img, input, legend, table, hr, div, h1, h2, h3, h4, h5, h6, p, td, th, and tr.
      • hspace - img
      • vspace - img
      • width - hr, table, td, th, pre, img.
      • height - table, td, th, pre, img.
      • background - body
      • bgcolor - table, tr, td, th and body.
      • rules - table
      • border - table, img
      • cellpadding - table
      • cellspacing - table
      • size - hr
      • type - li, ol and ul
      • noshade - hr
      • char
      • charoff
      • color, face - font
      • marginwidth, marginheight - iframe, body
      • nowrap - td,th
      • size - font,hr
      • start - ol
      • valign - td, th, tr
3. XHTML
  • XHTML
  • Differences between HTML and XHTML
4. CSS
  • Introduction
  • Syntax
  • Types of StyleSheets
    • Internal StyleSheets
    • External StyleSheets
    • Inline StyleSheets
    • Compound StyleSheet
  • !important
  • Types of Selectors
    • Simple
      • Universal
      • Element
      • Class
      • Element.class
      • Id
      • Element.id
      • Grouping
    • Combinators
      • Descendant
      • Child
      • Adjacent
      • General
    • Pseudo-class(Links)
    • Pseudo-elements
    • Attribute
  • Block & Inline
  • inline-block
  • Div's & Span tags
  • display
  • Visibility
  • Units
  • Box Model
    • Border
      • border
      • border-color
      • border-style
      • border-width
      • border-bottom
        • border-bottom-color
        • border-bottom-style
        • border-bottom-width
      • border-left
        • border-left-color
        • border-left-style
        • border-left-width
      • border-right
        • border-right-color
        • border-right-style
        • border-right-width
      • border-top
        • border-top-color
        • border-top-style
        • border-top-width
    • outline
      • outline-style
      • outline-width
      • outline-color
    • margin
      • margin-bottom
      • margin-left
      • margin-right
      • margin-top
    • padding
      • padding-bottom
      • padding-left
      • padding-right
      • padding-top
  • Font
    • font-family
    • color
    • font-size
    • Set Font Size With Pixels
    • Set Font Size With em
    • font-style
    • font-variant
    • font-weight
    • font
  • Text
    • Color
    • letter-spacing
    • Word-spacing
    • line-height
    • text-align
    • text-align-last
    • text-decoration
      • text-decoration-line
      • text-decoration-color
      • text-decoration-style
      • text-decoration-thickness
    • text-indent
    • text-transform
    • vertical-align
    • White-space
    • Direction
    • unicode-bidi
  • Background
    • background-color
    • background-image
    • background-repeat
    • background-attachment
    • background-position
    • background
  • Image Sprites
  • Comments
  • Icons
  • Images
  • opacity
  • FORMS
  • Links
    • a:link
    • a:visited
    • a:hover
    • a:active
  • cursor
  • Lists
    • list-style
    • list-style-type
    • list-style-position
    • list-style-image
  • Tables
    • border
    • border-collapse
    • width
    • height
    • text-align
    • vertical-align
    • padding
  • Dimension
    • height
    • width
    • max-height
    • min-height
    • max-width
    • min-width
  • Positioning
    • bottom
    • clip
    • left
    • overflow
    • absolute
    • fixed
    • relative
    • static
    • right
    • top
    • z-index
    • sticky
  • float & clear
  • Counters
  • Specificity
  • Math functions
  • Navigation (Menu) Bar
  • Dropdown Navigation Bar
  • Project 1: HTML & CSS Project
5. CSS 3,4
  • Introduction to CSS3
  • What's New in CSS3 and CSS4
  • border-image
  • box-shadow
  • text-shadow
  • border-radius
  • Image Reflection
  • background
    • background-clip
    • background-origin
    • background-size
    • Multiple Background Images
  • Color Keywords
  • Gradients
    • Linear Gradients
    • Radial Gradients
    • Conic Gradients
  • text effects
    • word-wrap
    • text-overflow
    • word-break
    • writing-mode
  • Web fonts
  • Google fonts
  • 2D Transforms
  • 3D Transforms
  • RGBA
  • Box Sizing
  • Transitions
  • Animations
  • Style Images
  • object-fit
  • object-position
  • Masking
  • Multiple Columns
  • User Interface
  • Variables
  • Box-sizing
  • Flex
  • Media Queries
  • Orientation
  • favicon
  • Grid
  • Project 2: HTML5 & CSS3 Responsive Project with Floats
  • Project 3: HTML5 & CSS3 Responsive Project with Flexbox
  • Project 4: HTML5 & CSS3 Responsive Project with Grid
  • Content will be updated as per latest updates
6. Basic & Advanced Javascript
  • Introduction to JavaScript
  • Syntax
  • Statements
  • Types of Scripts
    • Internal
    • External
    • Inline
  • Write / Writeln
  • innerHTML
  • innerText
  • textContent
  • console
  • Print
  • Popup Boxes
    • alert
    • confirm
    • prompt
  • Naming Conventions
    • Lower Camel Case
    • Upper Camel Case
    • Snake Case
    • Kebab Case
    • Screaming Snake Case
    • Train Case
    • Flat Case
    • Upper Flat Case
    • Title Case
    • Sentence Case
    • Toggle Case
  • Comments
  • Variables
  • Hoisting
  • Operators
    • Arithmetic
    • Assignment
    • String
    • Type
    • Comparison
    • Logical
  • Conditional Statements
    • if
    • if...else
    • if...else if...else
    • Switch
  • Loops
    • while
    • do...while
    • for
    • for...in
    • for...of (ES6)
    • Break
    • Continue
  • Functions
    • User-defined
    • Syntax
    • Parameters and Arguments
    • Returning Values
    • Self-Invoked
  • Functions
    • Declaration
    • Expression
    • Self-Invoked
    • this
      • call
      • apply
      • bind
    • Closures
    • Local and Global Variables
    • Recursive Functions
    • Built-in Functions
      • Global
      • Number
      • String
      • Array
      • Math
      • Date
      • JSON
      • Utility
  • Events
    • Introduction
    • Mouse Events
    • Keyboard Events
    • Form Events
    • Document Events
    • Window Events
    • Event Bubbling
  • Page Redirection
  • Timing Events
    • setTimeout
    • setInterval
  • Built-in Objects
    • Introduction
    • Arrays
    • Array Properties and Methods
    • Number
    • Strings
    • Math
    • Date
    • Boolean
    • Regexp
    • Exception Handling (Errors)
      • try
      • catch
      • throw
      • finally
      • Fetch
      • Error Object Properties
      • JSON (JavaScript Object Notation)
    • Object
      • Creating a JavaScript Object
      • JavaScript Keyword new
      • Properties
      • Adding Methods to an Object
      • Nesting
      • Display
      • Using an Object Constructor
      • Prototypes
      • Getter / Setter
      • Protection
  • Debugging
    • console
    • developer tools
    • debugger
    • try…catch
    • breakpoints
    • Network
  • DOM (Document Object Model)
    • Introduction
    • Methods
    • Document
    • Elements
    • HTML
    • Forms
    • CSS
    • Animations
    • Events
    • EventListener
    • Navigation
    • Nodes
    • Collections
    • Node Lists
  • Browser BOM
    • Window
    • Screen
    • Location
    • History
    • Navigator
    • Popup
    • Timing
    • Cookies
  • Execution Context and Call Stack
  • Form Validations
    • Basics of Form Validation
    • Validating Radio Buttons
    • Validating Checkboxes
    • Validating Select Menus
    • Validating Text & Textareas
    • Validating Through Regular Expressions: Alphabetical, Alphanumeric, Email, Date, Image, Password, Phone, Zip Code, and so on
  • Project 5: JavaScript Project
7. Async / Await
  • Callbacks
  • Asynchronous
  • Promises
  • Async / Await
8. Ajax
  • Introduction
  • XMLHttpRequest
  • Request
  • Response
  • JSON
  • REST API
  • GET
  • POST
  • PUT
  • DELETE
9. JSON
  • Introduction
  • Syntax
  • JSON vs XML
  • Datatypes
  • parse
  • stringify
  • Object
  • Arrays
  • Server
  • Html
  • JSON vs JSONP
10. HTML 5
  • What is HTML5
  • Overview of HTML5
  • Browser Support
  • W3C and Web Hypertext Application Technology Working Group (WHATWG) Specifications
  • Overview of Updated New Features
  • HTML5 Syntax
    • The DOCTYPE
    • Character Encoding
    • The <script> tag
    • The <link> tag
    • HTML5 Document
  • Forms
    • email
    • url
    • tel
    • number
    • range
    • date
    • time
    • datetime
    • datetime-local
    • month
    • week
    • color
  • Form Elements
    • datalist
    • output
    • progress
    • meter
    • keygen
    • fieldset
  • New Attributes for <form>
    • autocomplete
    • novalidate
    • target
    • formaction
    • formenctype
    • formmethod
    • formnovalidate
    • formtarget
    • accept-charset
  • New Attributes for <input>
    • autocomplete
    • autofocus
    • form
    • list
    • min and max
    • multiple
    • pattern (regexp)
    • placeholder
    • readonly
    • required
    • step
    • size
    • maxLength
    • inputmode
    • formaction
    • formenctype
    • formmethod
    • formnovalidate
    • formtarget
  • Multimedia Elements
    • Media
    • audio
    • video
    • source
    • track
    • embed
    • canvas
    • svg
    • plugins
    • youtube
  • Types of Elements
    • Semantic Elements
    • Structural Elements
  • HTML5 New Elements
    • article
    • section
    • header
    • footer
    • nav
    • aside
    • main
    • figcaption
    • figure
    • time
    • mark
    • details
    • summary
    • progress
    • output
    • address
    • dialog
    • template
    • slot
    • wbr
    • hgroup
  • Migration from HTML4 to HTML5
    • HTML5 Browser Support
    • HTML5 Elements as Block Elements
    • Adding New Elements to HTML
    • Problem with Internet Explorer
    • Complete Shiv Solution
    • HTML5 Skeleton
  • HTML5 Deprecated Tags
    • center
    • font
    • basefont
    • s
    • strike
    • u
    • applet
    • isindex
    • acronym
    • frame
    • frameset
    • noframes
    • embed
    • marquee
    • big
    • dir
    • spacer
    • tt
  • HTML5 Deprecated Attributes
    • align - caption, iframe, img, input, legend, table, hr, div, h1, h2, h3, h4, h5, h6, p, td, th, and tr.
    • hspace - img
    • vspace - img
    • width - hr, table, td, th, pre, img.
    • height - table, td, th, pre, img.
    • background - body
    • bgcolor - table, tr, td, th and body.
    • rules - table
    • border - table, img
    • cellpadding - table
    • cellspacing - table
    • size - hr
    • type - li, ol and ul
    • noshade - hr
    • char
    • charoff
    • color, face - font
    • marginwidth, marginheight - iframe, body
    • nowrap - td, th
    • size - font, hr
    • start - ol
    • valign - td, th, tr
  • Web Storage
    • Local Storage
    • Session Storage
  • Web SQL
  • Web Workers
  • MathML
  • Drag and Drop API
  • Canvas Overview
    • Lines
    • Curves
    • font
    • Image
    • Paths
    • Shapes
    • Color, Gradients
  • SVG
    • What is SVG?
    • SVG Advantages
    • Differences Between SVG and Canvas
    • Rectangle
    • Circle
    • Ellipse
    • Line
    • Polygon
11. Bootstrap
  • What is Bootstrap?
  • Bootstrap History
  • Why Use Bootstrap?
  • What Does Bootstrap Include?
  • HTML File
  • Adding Bootstrap to Your Web Pages
  • Downloading Bootstrap
  • Bootstrap CDN
  • Put Your HTML Elements Inside Containers
  • Bootstrap Browser/Device Support
  • Layout
    • Breakpoints
    • Containers
    • Grid
    • Columns
    • Gutters
    • Utilities
    • Z-index
    • CSS Grid
  • Content
    • Reboot
    • Typography
    • Images
    • Tables
    • Figures
  • Forms
    • Overview
    • Form control
    • Select
    • Checks & radios
    • Range
    • Input group
    • Floating labels
    • Layout
    • Validation
  • Components
    • Accordion
    • Alerts
    • Badge
    • Breadcrumb
    • Buttons
    • Button group
    • Card
    • Carousel
    • Close button
    • Collapse
    • Dropdowns
    • List group
    • Modal
    • Navbar
    • Navs & tabs
    • Offcanvas
    • Pagination
    • Placeholders
    • Popovers
    • Progress
    • Scrollspy
    • Spinners
    • Toasts
    • Tooltips
  • Helpers
    • Clearfix
    • Color & background
    • Colored links
    • Focus ring
    • Icon link
    • Position
    • Ratio
    • Stacks
    • Stretched link
    • Text truncation
    • Vertical rule
    • Visually hidden
  • Utilities
    • API
    • Background
    • Borders
    • Colors
    • Display
    • Flex
    • Float
    • Interactions
    • Link
    • Object fit
    • Opacity
    • Overflow
    • Position
    • Shadows
    • Sizing
    • Spacing
    • Text
    • Vertical align
    • Visibility
    • Z-index
  • Extend
    • Approach
    • Icons
  • Project 6: Bootstrap Responsive Project
12. Social Media Integrations
13. Search Engine Optimization
14. Google Analytics Integration
15. Domain Registration & Web Hosting
16. ChatGPT, CoPilot, HackerRank, LeetCode, CodeChef