Logo
ScholarHat
0
Festive Sale: 85% OFF. Upgrade Your AI & Tech Skills. Become Future-Ready.
Ends in
00d
00h
00m
00s
 Get Now
Live Batches
Book Session
Menu
Curriculum
Account
Login / Sign Up
Live instructor-led

Frontend Foundations Certification Training

The Frontend Foundations Training will make you proficient to build dynamic, beautiful, and interactive web pages. Learn to leverage the benefits of frontend languages JavaScript, CSS, HTML, and frontend ecosystems to build enterprise applications.
Enroll now View curriculum

Talk to a counsellor Watch preview

15
live sessions
3
modules
88
lessons
275
self-paced videos
Shailendra Chauhan
Your mentor Shailendra Chauhan Microsoft MVP, Founder & CEO at ScholarHat
15 live sessionsinstructor-led 3-module program20 topics

Tools and Technologies Covered

HTML
CSS
Bootstrap
JavaScript
jQuery
Angular
VS Code IDE
Node.js
Edge
GitHub

Frontend Foundations Course Key Features

  • 6 Weeks of Intensive Live Training
  • Learn from Microsoft MVPs
  • Learn to Build beautiful Website
  • Career Coaching
  • Resume & Portfolio Building
  • Job Assistance

Why Learn Frontend Skills?

JavaScript is the most popular & widely used programming language. Looks at these stats.

Frontend Skills Career Scope

Frontend developers are employed by the world's leading companies. Discover the salary and skills for Frontend developer.

Course Curriculum

  • 3 modules
  • 20 topics
  • 88 lessons
  • 15 live sessions
  1. Module 1 JavaScript & Es6 9 topics 35 lessons

    JavaScript and ES6

    • Understanding JavaScript
    • Understanding ES6
    • JavaScript Data Types – Primitive & Non-Primitive
    • Naming a variable
    • Number Mathematics

    var, let, and const

    • Using var
    • Using let
    • Using const

    Conditional Statements

    • If statements
    • If-else statement
    • If-else-if ladder
    • Switch statement

    Loops

    • While Loop
    • Do..While Loop
    • For Loop
    • For.in Loop

    Jump Statements

    • Break Statements
    • Continue Statement
    • Label Statement
    • Return Statement
    • Throw Statement

    Functions and Arrow Function

    • Different Types of Functions
    • Named Function
    • Anonymous Function
    • Arrow Function
    • Anonymous Function vs. Arrow Function

    Closure and Hoisting

    • Closure
    • Hoisting
    • Variable and Function Hoisting

    Objects and Constructor Function

    • Creating Object
    • Literal Object
    • Primitive types as Objects
    • Constructor Function

    Class and Methods

    • ES6 Class
    • Class Members
  2. Module 2 Html & CSS 4 topics 30 lessons

    HTML Basics

    • History of Html
    • Getting Started With HTML
    • HTML Page Structure
    • Html Element
    • Inline and Block Elements
    • Images
    • Ordered list and Unordered list
    • Tables and Nesting tables

    HTML Layouts

    • header
    • nav
    • section
    • article
    • aside
    • footer
    • details

    HTML Forms

    • Using JavaScript with Html
    • HTML5 Storage
    • HTML5 Forms
    • HTML Input Elements
    • Input Elements Attributes
    • Form Attributes
    • HTML5 SVG

    CSS

    • Introduction to CSS
    • CSS Id and Class
    • Colors and Backgrounds
    • Text and Fonts
    • List Styles
    • Tables Styles
    • Introduction to CSS3
    • CSS Box Model
  3. Module 3 Bootstrap & jQuery 7 topics 23 lessons

    Bootstrap Fundamentals

    • Introduction to Responsive Design
    • Need for Bootstrap
    • Bootstrap Fundamentals
    • Bootstrap Grid System

    Bootstrap Components

    • Navigation Bar
    • Bootstrap Form Elements
    • Bootstrap Icons
    • Typography
    • Buttons and Dropdowns
    • Panels, Sliders, Tooltips
    • Images, Card

    Bootstrap JavaScript

    • Tabs and Accordion
    • Bootstrap Modals
    • Tool Tips

    Introduction to jQuery

    • Getting Started with jQuery
    • DOM vs. BOM

    Selectors and Events

    • jQuery Selectors
    • Window.load vs. document.ready
    • jQuery Events

    HTML Manipulation and Traversing

    • jQuery HTML Manipulation
    • jQuery Traversing

    AJAX

    • Introduction to AJAX
    • AJAX Methods
DOWNLOAD DETAILED CURRICULUM
  • 21 modules
  • 275 videos
  • 23h 48m total
  1. Module 1Getting Started with JavaScript 15 videos 1h 21m

    JavaScript and ECMA Script

    • Introduction to JavaScript 0h 01m 53s
    • Introduction to ECMA Script 0h 03m 48s
    • JavaScript vs. Other Static Languages 0h 03m 32s
    • Setting up Dev Environment 0h 04m 47s
    • JavaScript Advantages And Disadvantages 0h 05m 52s

    Data Types and Variables

    • Data Types 0h 04m 14s
    • Variables and Statements 0h 06m 04s

    Numbers

    • Introduction to Numbers 06m 46s
    • Number Methods 0h 06m 23s
    • Methods for Converting Values to Numbers 0h 05m 43s
    • Math object 11m 13s

    Boolean, Null, Undefined

    • Understanding Boolean 05m 22s
    • Understanding Null And Undefined 06m 29s

    Operators

    • JavaScript operators 02m 14s
    • Operators Precedence 07m 33s
  2. Module 2JavaScript Conditional Statements and Loops 14 videos 58m

    Conditional Statements

    • If statements 03m 00s
    • If-else statement 02m 36s
    • If-else-if ladder 04m 34s
    • Switch statement 05m 52s

    Loops

    • Do..While Loop 03m 20s
    • While Loop 05m 20s
    • For Loop 04m 39s
    • For..in Loop 05m 12s

    Jump Statements

    • Jump Statements 0h 00m 43s
    • Break Statements 0h 04m 46s
    • Continue Statement 0h 03m 01s
    • Label Statement 0h 08m 09s
    • Return Statement 0h 04m 15s
    • Throw Statement 0h 03m 15s
  3. Module 3JavaScript Functions, Closure and Prototypes 17 videos 1h 42m

    JavaScript Functions

    • JavaScript Functions 0h 03m 28s
    • Named Function 0h 10m 25s
    • Function Expression 00m 48s
    • Demo: Function Expression 03m 53s
    • Arrow Function 0h 01m 09s
    • Demo: Arrow Function 0h 05m 13s

    Working With Functions

    • Demo: Function Parameters and Arguments 03m 28s
    • Demo: Rest Parameter and Spread Operator 08m 02s
    • Demo: Function Binding 13m 34s

    Prototypes

    • Demo: Prototype 11m 47s

    Scope

    • Scope and Global Scope 08m 15s
    • Block Scope 06m 58s
    • Function Scope 04m 26s
    • Lexical/Nested Scope 03m 52s

    Closure and Hoisting

    • Closure 07m 45s
    • Hoisting 04m 50s
    • Variable and Function Hoisting 04m 18s
  4. Module 4ES6 : Object-Oriented JavaScript 4 videos 19m

    Classes & Objects

    • Objects 0h 09m 58s
    • Classes 0h 04m 17s

    Prototype & Inheritance

    • Prototype 0h 03m 04s
    • Inheritance 0h 02m 14s
  5. Module 5JavaScript Advanced Concepts: Module, Promises and Ajax 16 videos 1h 26m

    Module

    • Introduction to Javascript 06m 15s
    • CommonJS 05m 10s
    • Asynchronous Module Definition (AMD) 04m 40s
    • Universal Module Definition (UMD) 02m 40s
    • ES6 modules 12m 33s
    • Summary 02m 45s

    Synchronous and Asynchronous Programming

    • Synchronous Programming 0h 03m 26s
    • Asynchronous programming 0h 01m 45s
    • Asynchronous Programming with Callbacks 0h 15m 08s
    • Callback Hell 0h 02m 57s
    • Asynchronous Programming with Promises 0h 03m 29s
    • Demo: Asynchronous Programming with Promises 0h 08m 09s
    • Asynchronous Programming with Async-Await 0h 08m 55s

    AJAX

    • What is AJAX 02m 55s
    • XMLHttpRequest Object 02m 00s
    • AJAX Advantages and Disadvantages 03m 55s
  6. Module 6JavaScript To-Do List Project 3 videos 36m

    JavaScript Project: Todo Application

    • Todo List : Add Button and Elements 15m 43s
    • Todo list: Adding Cross & Delete Options 10m 24s
    • Todo List: Adding CSS to Webpage 09m 56s
  7. Module 7Introduction to HTML 8 videos 34m

    History of HTML

    • A Look at HTML 02m 26s
    • What is HTML? 02m 15s
    • History of HTML 06m 00s

    Getting Started with HTML

    • HTML Development IDE 02m 40s
    • HTML Page Structure 05m 50s

    Introduction to HTML5

    • Understanding HTML5 04m 53s
    • HTML5 Document 07m 20s
    • Browsers Support and Advantages 03m 10s
  8. Module 8HTML5 Basics: Tags, Elements and Attributes 11 videos 1h 3m

    HTML Elements and Attributes

    • HTML Elements and Tags 0h 06m 22s
    • Empty Elements And Nested Elements 03m 00s
    • HTML Attributes 01m 00s
    • Demo: HTML Basic Elements 07m 10s
    • HTML Basic Elements 10m 12s

    HTML Formatting

    • Text Formatting 06m 15s
    • HTML Comments 01m 10s
    • Quotation and Citation Elements 05m 15s
    • Demo: Tags and Formatting 06m 55s

    HTML Styles

    • HTML Styles and Colors 07m 55s
    • HTML CSS 08m 34s
  9. Module 9HTML5 Tables, Lists and Layouts 11 videos 52m

    HTML Tables

    • Introduction to HTML Table 0h 04m 47s
    • Spanning Rows and Columns 04m 27s
    • Table: Header, Body and Footer 03m 52s

    HTML Lists

    • HTML Lists : Ordered 04m 27s
    • Unordered List 02m 22s
    • Description List 02m 32s

    HTML Layouts

    • What is Layout? 02m 30s
    • HTML Table Based Layout 07m 40s
    • Div Based Layout 04m 54s
    • HTML5 Structure Based Layout 04m 51s
    • HTML5 Layout Elements 10m 15s
  10. Module 10HTML5 Forms, Media and Storage 18 videos 1h 39m

    HTML5 Forms

    • HTML5 Forms 0h 10m 36s
    • HTML5 New Inputs and Form Attributes 12m 10s
    • HTML5 New Form Elements 4m 15s

    HTML5 Validations

    • HTML5 Validations 09m 43s
    • HTML5 Data Attributes 06m 10s
    • HTML5 New Attributes 08m 14s

    Media Elements

    • HTML5 Audio and Video 03m 12s
    • HTML5 Audio Element 04m 56s
    • HTML5 Video Element 03m 45s

    HTML5 and JavaScript

    • JavaScript with Html 02m 07s
    • Inline Script In HTML 03m 09s
    • Internal Script In HTML 03m 08s
    • External JavaScript in HTML 03m 08s

    HTML5 Web Storage

    • Introduction to Web Storage 03m 40s
    • Local Storage 04m 11s
    • Session Storage 04m 27s

    HTML5 Graphics

    • Canvas Element 05m 25s
    • SVG Element 07m 15s
  11. Module 11CSS3 Fundamentals 16 videos 1h 31m

    CSS Selectors

    • Introduction to CSS 0h 06m 20s
    • CSS3 Selectors 03m 30s
    • Demo: CSS3 Selectors 10m 29s

    Pseudo Elements and Classes

    • Pseudo Elements 02m 35s
    • Demo: Pseudo Elements 02m 51s
    • Pesudo Classes 01m 51s
    • Demo: Pesudo Classes 03m 37s

    Stylesheets

    • Introduction to Stylesheets 04m 03s
    • Demo: Stylesheets 05m 24s

    Fonts and Text

    • CSS Fonts 07m 20s
    • CSS Text 07m 09s

    CSS Box Model

    • CSS Box Model 04m 17s
    • Demo: CSS Box Model 07m 53s

    Colors and Backgrounds

    • CSS Colors 07m 53s
    • CSS Background 07m 53s
    • CSS Gradients 08m 48s
  12. Module 12CSS3 Advanced Concepts 8 videos 57m

    CSS Units

    • Absolute Units 0h 06m 02s
    • Relative Units 04m 09s

    Layouts and Media Queries

    • Media Queries 06m 59s

    CSS Transforms

    • 2D Tranform 12m 07s
    • 3D Tranform 07m 52s

    Transitions and Animations

    • CSS Transitions 07m 51s
    • CSS Animations 06m 35s

    CSS Shadows

    • CSS Shadows 05m 48s
  13. Module 13Getting Started with Bootstrap 4 20 videos 1h 14m

    Introducing Bootstrap

    • Introduction to Bootstrap 0h 01m 40s
    • Why Bootstrap 0h 02m 12s
    • Bootstrap Version History 02m 05s
    • Introduction to Bootstrap 4 03m 39s

    Bootstrap Installation

    • Bootstrap Installation Options 02m 00s
    • What’s included in Bootstrap 4 03m 07s
    • Bootstrap Installation 09m 07s

    Bootstrap Layouts

    • Layouts 02m 00s
    • Containers 05m 16s
    • Demo : Containers 05m 09s
    • Breakpoints 01m 58s
    • Bootstrap 4 Layouts 02m 44s
    • Grid System 02m 43s
    • Demo : Grid System 07m 34s
    • Auto Layout Columns 01m 45s
    • Mobile first 02m 28s

    Alignment and Offsets

    • Column Alignment 03m 13s
    • Demo : Column Alignment 10m 24s
    • Offsets 01m 53s
    • Demo : Offsets 03m 22s
  14. Module 14Bootstrap Flexbox, Style and Utilities 25 videos 1h 19m

    Flexbox

    • Flexbox with Bootstrap 02m 26s
    • Demo : Flexbox 05m 11s
    • Flexbox Direction 03m 40s
    • Demo : Flexbox Direction 00m 56s
    • Flexbox: Align Items 01m 17s
    • Demo : Flexbox - Align Items 06m 14s
    • Flexbox: Justify Content 01m 14s
    • Demo : Flexbox - Justify Content 04m 31s
    • Flexbox : Fill, Grow and Shrink 01m 04s
    • Demo : Flexbox - Fill, Grow and Shrink 05m 15s

    Typography and Styles

    • Typography 01m 41s
    • PX, EM and REM Units 03m 42s
    • Typography : Default Font-Size 02m 24s
    • Demo : Typography 03m 05s
    • Text 01m 27s
    • Demo : Text 07m 51s
    • Colors : Text Colors, Background Colors 01m 42s
    • Demo : Colors 02m 08s

    Utilities

    • Borders, Colors and Radius 02m 05s
    • Sizing : Height and Width 01m 12s
    • Demo : Sizing - Height and Width 04m 45s
    • Display 01m 08s
    • Demo : Display 06m 25s
    • Spacing : Margin and Padding 03m 27s
    • Demo : Spacing - Margin and Padding 04m 42s
  15. Module 15Bootstrap CSS Components: Images, List, Tables, Button and Cards 17 videos 1h 20m

    Images and Lists

    • Images - Shapes and Alignment 01m 14s
    • Demo : Images 09m 21s
    • Figures 02m 50s
    • Lists 01m 33s
    • Demo : Lists 03m 54s

    Bootstrap Tables

    • Tables 03m 44s
    • Demo : Tables 12m 19s

    Buttons and Badges

    • Buttons, Button Group 04m 10s
    • Demo : Buttons 05m 31s
    • Badges 01m 38s
    • Demo : Badges 03m 43s

    Cards and Media Obects

    • Cards 02m 50s
    • Demo : Cards 08m 52s
    • Card Styles 01m 22s
    • Demo : Card Styles and Layouts 07m 01s
    • Media Objects 01m 20s
    • Demo : Media Objects 08m 51s
  16. Module 16Bootstrap CSS Components: Forms, Navbars, Pagination and Spinners 14 videos 1h 6m

    Forms

    • Forms 02m 00s
    • Demo : Forms 13m 10s

    Nav and Navbar

    • Nav Menus 02m 28s
    • Demo : Nav Menus 05m 20s
    • Navbar 02m 30s
    • Demo : Navbar 18m 58s

    Breadcrumb and Pagination

    • Breadcrumb 01m 23s
    • Demo : Breadcrumb 02m 55s
    • Pagination 02m 30s
    • Demo : Pagination 02m 49s

    Progress bar and Spinners

    • Progress bar 01m 37s
    • Demo : Progress bar 05m 28s
    • Spinners 01m 12s
    • Demo : Spinners 04m 36s
  17. Module 17jQuery Fundamentals 8 videos 1h 5m

    Introduction to jQuery

    • Introduction to jQuery 0h 03m 50s
    • Getting Started with jQuery 07m 03s
    • DOM vs. BOM 08m 03s

    Selectors and Events

    • jQuery Selectors 09m 00s
    • Window.load vs. document.ready 05m 44s
    • jQuery Events 14m 36s

    HTML Manipulation and Traversing

    • jQuery HTML Manipulation 06m 34s
    • jQuery Traversing 10m 25s
  18. Module 18jQuery Advanced Concepts 5 videos 48m

    AJAX

    • Introduction to AJAX 0h 02m 43s

    jQuery-Plugins

    • Introduction to jQuery Plugins 10m 31s
    • Demo: jQuery Plugins 10m 31s

    jQuery UI

    • Introduction to jQuery UI 11m 02s
    • jQuery UI Interaction 13m 30s
  19. Module 19Typescript Fundamentals 6 videos 54m

    Introduction to Typescript

    • Introduction to Typescript 04m 57s
    • Installing and Setting Up Type Script on Windows 10m 26s
    • Transpile and Configure TypeScript 08m 40s

    Types

    • Data Types and Variables in TypeScript 02m 14s
    • Demo: Data Types and Variables in TypeScript 14m 04s

    Variable and Operators

    • var, let and const Keyword 13m 56s
  20. Module 20Object-Oriented Programming in TypeScript 22 videos 1h 38m

    Object-Oriented Programming Concepts

    • Object-Oriented Programming 04m 00s
    • Working With Classes 03m 20s
    • Demo: Working With Classes 09m 30s
    • Object 02m 30s
    • Constructors 06m 15s
    • Constructor method 02m 48s

    Access Modifiers

    • Access Modifiers 04m 03s
    • Readonly Modifiers 02m 20s

    Members and Accessors

    • Instance Members 03m 18s
    • Static Members 05m 50s
    • Accessors 05m 30s

    Inheritance

    • Inheritance 01m 37s
    • Demo : Inheritance 07m 58s
    • TypeScript Inheritance 08m 00s

    Polymorphism

    • Introduction 01m 30s
    • Methods Overloading 05m 00s
    • Method Overriding 04m 00s

    Abstract Class and Interface

    • Abstract Class 01m 19s
    • Demo : Abstract Class 08m 23s
    • Interface 02m 30s
    • Interface Usage and Inheritance 05m 45s
    • Interface Extending Class 02m 40s
  21. Module 21TypeScript Concepts: Functions, Namespace and Modules 17 videos 1h 16m

    Functions

    • Typescript Functions 01m 49s
    • Named Function 02m 05s
    • Function Parameters 11m 29s
    • Function Expression 02m 23s
    • Function Overloads 03m 00s
    • Arrow Function 04m 33s

    Scoping and Destructing

    • Block Scoping 01m 09s
    • Hoisting 03m 00s
    • Destructuring 02m 50s

    Generics

    • Generics 01m 44s
    • Demo : Generics 16m 32s

    Modules

    • Import Export Modules 02m 40s
    • Demo : Import Export Modules 07m 03s
    • Re-Export Module 00m 56s
    • Demo : Re-Export Module 05m 13s

    Namespaces

    • Implementing Namespaces 01m 05s
    • Demo : Implementing Namespaces 09m 14s
  1. 01 HTML Elements and Attributes 0:01:30
  2. 02 HTML Page Structure 0:03:00
  3. 03 HTML Formatting 0:03:00
  4. 04 HTML Styles 0:01:30
  5. 05 HTML Tables 0:00:50
  6. 06 HTML Lists 0:00:30
  7. 07 HTML Layouts 0:01:10
  8. 08 HTML5 Forms 0:02:30
  9. 09 Media Elements 0:00:50
  10. 10 HTML5 and JavaScript 0:00:45
  11. 11 HTML5 Web Storage 0:00:30
  12. 12 HTML5 Graphics 0:00:30
  13. 13 CSS Selectors 0:01:45
  14. 14 Pseudo Elements and Classes 0:03:00
  15. 15 Fonts and Text 0:02:00
  16. 16 CSS Box Model 0:00:50
  17. 17 Colors and Backgrounds 0:01:30
  18. 18 CSS Units 0:01:40
  19. 19 Layouts and Media Queries 0:02:50
  20. 20 CSS Transforms 0:02:30
  21. 21 Transitions and Animations 0:02:00
  22. 22 CSS Shadows 0:00:30
  23. 23 Introduction to JavaScript 0:00:30
  24. 24 Data Types and Variables 0:00:45
  25. 25 JavaScript Conditional Statements 0:01:00
  26. 26 JavaScript Loops and Jump Statements 0:01:00
  27. 27 JavaScript Functions 0:01:30
  28. 28 JavaScript Objects 0:01:45
  29. 29 JavaScript Classes 0:00:45
  30. 30 JavaScript Inheritance 0:00:30
  31. 31 JavaScript Promises 0:02:00
  32. 32 JavaScript Async-Await 0:01:30
  33. 33 HTTP Requests in JavaScript 0:01:00
  34. 34 Bootstrap Layout 0:03:30
  35. 35 HTML Manipulation and Traversing 0:00:45
  36. 36 JQuery Advanced Concepts 0:00:40
  37. 37 Typescript Types 0:01:30
  38. 38 Typescript Variable and Operators 0:02:15
  39. 39 Typescript Conditional Statements 0:00:01
  40. 40 Typescript Loops 0:01:15
  41. 41 Object oriented programming in typescript 0:03:00
  42. 42 Typescript Functions 0:01:45
  43. 43 Typescript Scoping and Destructuring 0:00:45
  44. 44 Typescript Generics , Modules and Namespaces 0:02:15
  45. 45 JQuery Selectors and Events 0:02:00
  46. 46 Bootstrap Flex 0:07:30
  47. 47 Bootstrap Typography 0:06:00
  48. 48 Bootstrap Utilities 0:07:00
  49. 49 Bootstrap 5 Images 0:02:30
  50. 50 Bootstrap List Group 0:02:30
  51. 51 Bootstrap Tables 0:05:00
  52. 52 Bootstrap Buttons 0:05:00
  53. 53 Bootstrap Badges 0:03:30
  54. 54 Bootstrap Cards 0:08:00
  55. 55 Bootstrap Forms 0:04:00
  56. 56 Bootstrap Navbar 0:05:30
  57. 57 Bootstrap Breadcrumb 0:03:30
  58. 58 Bootstrap Pagination 0:04:00
  59. 59 Bootstrap Progress 0:04:30
  60. 60 Bootstrap Spinners 0:05:30
  1. 01 JavaScript: Find the Largest Number among the Four Numbers 00:15:00
  2. 02 JavaScript: Create a Calculator Class to Perform Add, Subtract, Multiply and Divide operations for two numbers 00:25:00
  3. 03 HTML: Create a webpage that displays Headings 00:15:00
  4. 04 HTML: Creating a Contact Form 00:15:00
  5. 05 CSS: Create a Webpage with a fixed header and footer using CSS 00:20:00
  6. 06 TypeScript:: Check Character Is Alphabet or Not 00:15:00
  7. 07 jQuery: Handle the response from an AJAX request using jquery 00:40:00
  8. 08 jQuery: Change the background color of an element on the button click 00:20:00
  9. 09 TypeScript: Create a Calculator Class to Perform Add, Subtract, Multiply and Divide operations for two numbers 00:30:00
  10. 10 TypeScript: Create A Student Class for Listing, Adding and Removing a Student 00:30:00
  11. 11 jQuery: Create a form that appends input values and adds a red border in jquery 00:20:00
  12. 12 jQuery: Make a basic AJAX request using Jquery 00:40:00
  13. 13 CSS: Make a Modern Resume for Yourself 00:40:00
  14. 14 TypeScript: Check if a Number Is Even or Odd 00:15:00
  15. 15 CSS: Design a Navigation Bar using CSS 00:20:00
  16. 16 HTML: Create a Web Page that displays formatting tags 00:15:00
  17. 17 HTML: Create a Survey Form 00:40:00
  18. 18 JavaScript: Create A Student Class for Listing, Adding and Removing a Student 00:25:00
  19. 19 JavaScript: Check Whether an Alphabet Is Vowel or Consonant 00:15:00
  20. 20 JavaScript: Check Number Is Positive or Negative 00:15:00
  21. 21 JavaScript: Create an Exception Class to Display a Custom Error Message Based On The Exception Type 00:25:00
  22. 22 HTML: Create a Webpage using Subscript and Superscript tags 00:15:00
  23. 23 CSS: Design a Tribute Page using HTML & CSS 00:20:00
  24. 24 CSS: Make a link button with CSS 00:20:00
  25. 25 HTML: Create a Registration Form 00:40:00
  26. 26 TypeScript: Check Number Is Positive or Negative 00:15:00
  27. 27 CSS: Make a Home Page for Your Blog 00:40:00
  28. 28 jQuery: Use Jquery Form Validation Plugin 00:40:00
  29. 29 jQuery: Create a Registration Form and apply validations using Jquery 00:20:00
  30. 30 TypeScript: Create Classes For Handling Different Bank Accounts (Saving and Current) Submit, Withdrawal 00:30:00
  31. 31 TypeScript: Create an Exception Class to Display a Custom Error Message Based On The Exception Type 00:30:00
  32. 32 jQuery: Create the Dialog Box 00:20:00
  33. 33 CSS: Create a Two-Column Layout using CSS 00:20:00
  34. 34 jQuery: Create a Datepicker using Jquery UI 00:20:00
  35. 35 TypeScript: Check Whether an Alphabet Is Vowel or Consonant 00:15:00
  36. 36 CSS: Create and Style a Login Page using CSS 00:20:00
  37. 37 HTML: Creating an HTML Web Page 00:20:00
  38. 38 HTML: Create an Application form 00:40:00
  39. 39 JavaScript: Create Classes for Building Different Types Of Vehicles like Bikes, Scooters, Cars In A Factory 00:25:00
  40. 40 JavaScript: Check if a Number Is Even or Odd 00:15:00
  41. 41 JavaScript: Check Character Is Alphabet or Not 00:15:00
  42. 42 JavaScript: Create Classes for Employee 00:25:00
  43. 43 HTML: Create a Web Page with Responsive Images 00:30:00
  44. 44 HTML: Creating a Web Page Layout using Block Elements 00:20:00
  45. 45 CSS: Change the Link Color Using CSS 00:15:00
  46. 46 TypeScript: Find the Largest Number among the Four Numbers 00:15:00
  47. 47 jQuery: Create a Menu using Jquery Selectors 00:20:00
  48. 48 CSS: Make a responsive navigation menu using media queries in CSS 00:40:00
  49. 49 TypeScript: Create Classes for Building Different Types Of Vehicles like Bikes, Scooters, Cars In A Factory 00:30:00
  50. 50 TypeScript: Create Classes for Employee 00:30:00
  51. 51 CSS: Use Flexbox to create a responsive layout in CSS 00:40:00
  52. 52 jQuery: Create a slideshow that automatically cycles through the images every 3 seconds 00:30:00
  53. 53 jQuery Password and Image Handling 00:30:00
  54. 54 TypeScript: Check Whether a Year Is Leap Year or Not 00:20:00
  55. 55 CSS: Remove link underline with CSS 00:20:00
  56. 56 HTML: Create an About Page 00:20:00
  57. 57 HTML: Create an Image Slider 00:30:00
  58. 58 JavaScript: Create Classes For Handling Different Bank Accounts (Saving and Current) Submit, Withdrawal 00:25:00
  59. 59 JavaScript: Check Whether a Year Is Leap Year or Not 00:20:00
  60. 60 JavaScript: Display the Fibonacci Series 00:20:00
  61. 61 JavaScript: Find the Factorial Of A Number Using Recursion 00:15:00
  62. 62 HTML: Create an audio player using HTML5 audio. 01:00:00
  63. 63 HTML: Create a Visiting Card 00:30:00
  64. 64 TypeScript: Find the Highest Common Factor (HCF) or Greatest Common Factor (GCD) 00:20:00
  65. 65 CSS: CSS Grid to create a responsive layout 00:40:00
  66. 66 jQuery Dynamic Table and Scroll to Top 00:30:00
  67. 67 TypeScript: Find the Factorial Of A Number Using Recursion 00:20:00
  68. 68 TypeScript: Convert Binary Numbers To Decimals 00:20:00
  69. 69 CSS: Create a bouncing effect on an element using CSS 00:15:00
  70. 70 TypeScript: Find the Factorial of a Number 00:20:00
  71. 71 HTML: Make a To-Do List using HTML 00:20:00
  72. 72 CSS: Use the Hover effect on images using CSS 00:20:00
  73. 73 HTML : Creating a Web Page that adds a video background 00:20:00
  74. 74 JavaScript: Convert Binary Numbers To Decimals 00:10:00
  75. 75 JavaScript: Find the Highest Common Factor (HCF) or Greatest Common Factor (GCD) 00:20:00
  76. 76 JavaScript: Find the Factorial of a Number 00:20:00
  77. 77 JavaScript: Display Armstrong Numbers Between Intervals 00:15:00
  78. 78 HTML: Create an Image Gallery 00:30:00
  79. 79 HTML: Create a Student Marksheet 00:30:00
  80. 80 CSS: Use the Hover effect on Text using CSS 00:20:00
  81. 81 TypeScript: Find the Lowest Common Multiple Factor (LCM) 00:20:00
  82. 82 CSS: Show or hide an element using CSS 00:40:00
  83. 83 TypesScript: Display Armstrong Numbers Between Intervals 00:20:00
  84. 84 TypeScript: Display Prime Numbers Between Intervals 00:20:00
  85. 85 TypeScript: Check whether a Number is Palindrome Or Not 00:15:00
  86. 86 CSS: Make an image gallery using hover box 00:20:00
  87. 87 HTML: Design a Webpage for a Restaurant Menu 00:20:00
  88. 88 JavaScript: Display Prime Numbers Between Intervals 00:15:00
  89. 89 JavaScript: Find the Lowest Common Multiple Factor (LCM) 00:20:00
  90. 90 JavaScript: Check whether a Number is Palindrome Or Not 00:20:00
  91. 91 JavaScript: Reverse A Sentence Using Recursion 00:15:00
  92. 92 HTML: Make a Classic Resume for Yourself 00:20:00
  93. 93 CSS: Convert Pixel value to a relative unit using CSS 00:15:00
  94. 94 TypeScript: Check whether a Number Is Armstrong Or Not 00:15:00
  95. 95 TypeScript: Reverse A Sentence Using Recursion 00:20:00
  96. 96 TypeScript: Concatenate Two Arrays 00:15:00
  97. 97 TypeScript: Check whether a Number Is Prime Or Not 00:20:00
  98. 98 HTML: Design a Calendar in the Table 00:20:00
  99. 99 JavaScript: Check whether a Number Is Armstrong Or Not 00:20:00
  100. 100 JavaScript: Check whether a Number Is Prime Or Not 00:20:00
  101. 101 TypeScript: To Make A Calculator For Addition Subtraction Multiplication and Division Of Two Numbers 00:15:00
  102. 102 TypeScript: To Print a table of a number 00:15:00
  103. 103 JavaScript: Count the Vowel and Consonants in A Sentence 00:20:00
  104. 104 JavaScript: To Print a table of a number 00:20:00
  105. 105 TypeScript: Right Triangle Star Pattern 00:15:00
  106. 106 TypeScript: Left Triangle Star Pattern 00:20:00
  107. 107 JavaScript: To Make A Calculator For Addition Subtraction Multiplication and Division Of Two Numbers 00:20:00
  108. 108 JavaScript: Right Triangle Star Pattern 00:20:00
  109. 109 TypeScript: Pyramid Star Pattern 00:20:00
  110. 110 TypeScript: Diamond Star Pattern 00:15:00
  111. 111 JavaScript: Left Triangle Star Pattern 00:20:00
  112. 112 javaScript: Pyramid Star Pattern 00:20:00
  113. 113 Typescript: Right Triangle Number Pattern 00:20:00
  114. 114 TypeScript: Right Triangle Repeat Number Pattern 00:20:00
  115. 115 Diamond Star Pattern in JavaScript: Step-by-Step Guide for Beginners 00:20:00
  116. 116 JavaScript: Right Triangle Simple Number Pattern 00:20:00
  117. 117 TypeScript::Pyramid Number Pattern (Asc) 00:15:00
  118. 118 TytpeScript: Pyramid Number Pattern (Desc) 00:15:00
  119. 119 JavaScript: Right Triangle Repeat Number Pattern 00:20:00
  120. 120 JavaScript: Pyramid Number Pattern (Asc) 00:20:00
  121. 121 TypeScript: Pyramid Repeat Number Pattern 00:15:00
  122. 122 TypeScript: Inverted Right Triangle Number Pattern (Asc) 00:15:00
  123. 123 JavaScript: Pyramid Number Pattern (Desc) 00:20:00
  124. 124 JavaScript: Pyramid Repeat Number Pattern 00:20:00
  125. 125 TypeScript: Inverted Right Triangle Number Pattern (Desc) 00:15:00
  126. 126 TypeScript: Right Triangle Number Pattern (Asc) 00:15:00
  127. 127 JavaScript: Inverted Right Triangle Number Pattern (Asc) 00:20:00
  128. 128 JavaScript: Inverted Right Triangle Number Pattern (Desc) 00:20:00
  129. 129 TypeScript: Right Triangle Number Pattern (Desc) 00:15:00
  130. 130 TypeScript: Diamond Number Pattern 00:15:00
  131. 131 JavaScript: Right Triangle Number Pattern (Asc) 00:20:00
  132. 132 JavaScript: Right Triangle Number Pattern (Desc) 00:20:00
  133. 133 TypeScript: Right Triangle Alphabetic Pattern 00:15:00
  134. 134 TypeScript: Right Triangle Repeat Alphabet Pattern 00:15:00
  135. 135 JavaScript: Diamond Number Pattern 00:20:00
  136. 136 JavaScript: Right Triangle Alphabetic Pattern 00:20:00
  137. 137 TypeScript: Pyramid Alphabet Pattern (Asc) 00:15:00
  138. 138 TypeScript: Pyramid Alphabet Pattern (Desc) 00:15:00
  139. 139 JavaScript: Right Triangle Repeat Alphabet Pattern 00:20:00
  140. 140 JavaScript: Pyramid Alphabet Pattern (Asc) 00:20:00
  141. 141 TypeScript: Pyramid Repeat Alphabet Pattern 00:15:00
  142. 142 TypeScript: Inverted Right Triangle Alphabet Pattern 00:15:00
  143. 143 JavaScript: Pyramid Alphabet Pattern (Desc) 00:20:00
  144. 144 JavaScript: Pyramid Repeat Alphabet Pattern 00:20:00
  145. 145 TypeScript: Diamond Alphabet Pattern 00:15:00
  146. 146 JavaScript: Inverted Right Triangle Alphabet Pattern 00:20:00
  147. 147 JavaScript: Diamond Alphabet Pattern 00:20:00
  1. 01 Introduction to HTML 10 questions
  2. 02 HTML 5 Basics: Tags, Elements & Attributes 15 questions
  3. 03 HTML 5 Table, Lists & Layout 15 questions
  4. 04 HTML 5 Forms, Media & Storage 15 questions
  5. 05 CSS 3 Fundamentals 15 questions
  6. 06 CSS 3 Advanced Concepts 15 questions
  7. 07 Introduction to JavaScript 10 questions
  8. 08 JavaScript Conditional Statements & Loops 10 questions
  9. 09 JavaScript Functions 15 questions
  10. 10 ES6 Object Oriented JavaScript 15 questions
  11. 11 JavaScript Advanced Concepts 10 questions
  12. 12 Bootstrap Fundamentals & Layout 15 questions
  13. 13 Bootstrap Flexbox, Utilities & Helpers 15 questions
  14. 14 Bootstrap Core Components 15 questions
  15. 15 Bootstrap Forms & Navigation 15 questions
  16. 16 Bootstrap Advanced Customization 15 questions
  17. 17 jQuery Fundamentals 15 questions
  18. 18 jQuery Effects & Events 15 questions
  19. 19 jQuery AJAX & API Integration 15 questions
  20. 20 jQuery Advanced Concepts 15 questions
  21. 21 jQuery Integration & Logic Test 15 questions
  1. Q&A guideGetting Started with JavaScript 5 questions
    • Introduction to JavaScript 0:20:00
    • Understanding var, let, and const in JavaScript 0:20:00
    • JavaScript Runtime Execution Flow 0:20:00
    • Data Types, Coercion & Equality Rules 0:17:00
    • Variables, Hoisting & Temporal Dead Zone 0:15:00
  2. Q&A guideJavaScript Conditional Statements and Loops 5 questions
    • Conditional Statements in JavaScript 0:20:00
    • JavaScript Loops 0:20:00
    • Jump Statements in JavaScript (Break, Continue, Return, Throw) 0:20:00
    • Operator in JavaScript 0:19:00
    • Conditional Logic Design 0:16:00
  3. Q&A guideJavaScript Functions, Closure and Prototypes 5 questions
    • Functions in JavaScript 0:20:00
    • Prototypal Inheritance in JavaScript 0:30:00
    • Scope Chain & Lexical Environment 0:18:00
    • Closures in JavaScipt 0:20:00
    • Object Prototypes & Inheritance Models 0:17:00
  4. Q&A guideES6 : Object-Oriented JavaScript 6 questions
    • JavaScript Objects 0:20:00
    • Destructuring and Spread Operator in JavaScript 0:20:00
    • JavaScript Classes and Methods 0:30:00
    • Understanding this in Classes ( JavaScript) 0:30:00
    • ES6 Class Syntax vs. Constructor Functions 0:30:00
    • Getter and Setter Methods in Classes 0:30:00
  5. Q&A guideJavaScript Advanced Concepts: Module, Promises and Ajax 9 questions
    • Regular Expressions in JavaScript 0:30:00
    • Error Handling in JavaScript 0:20:00
    • Introduction to JavaScript Events 0:20:00
    • Event Listeners and Event Delegation 0:20:00
    • Event Propagation in JavaScript 0:30:00
    • Working with Window Objects in JavaScript 0:30:00
    • DOM Manipulation in JavaScript 0:30:00
    • Asynchronous JavaScript & Event Loop 0:20:00
    • Modules, Fetch APIs & Network Communication 0:16:00
  6. Q&A guideIntroduction to HTML 2 questions
    • HTML Document Structure 0:20:00
    • Evolution of HTML Specifications 0:18:00
  7. Q&A guideHTML5 Basics: Tags, Elements and Attributes 4 questions
    • Browser Parsing Process & DOM Construction 0:15:00
    • Semantic Elements 0:19:00
    • Attributes, Global Attributes & Custom Data Attributes 0:16:00
    • Inline vs Block Rendering Behavior 0:20:00
  8. Q&A guideHTML5 Tables, Lists and Layouts 2 questions
    • Modern Layout Methodologies 0:17:00
    • Lists, Tables & Accessibility Semantics 0:19:00
  9. Q&A guideHTML5 Forms, Media and Storage 2 questions
    • Advanced Forms & Validation Techniques 0:15:00
    • Media Elements, Canvas, SVG & Web Storage 0:18:00
  10. Q&A guideCSS3 Fundamentals 4 questions
    • CSS Cascade, Inheritance & Specificity 0:20:00
    • Advanced Selectors and Matching Rules 0:16:00
    • Box Model Rendering Mechanics 0:19:00
    • Positioning Systems & Stacking Contexts 0:17:00
  11. Q&A guideCSS3 Advanced Concepts 5 questions
    • CSS Units & Responsive Scaling Systems 0:15:00
    • Media Queries and Adaptive Strategies 0:19:00
    • Transforms, Transitions & Rendering Flow 0:16:00
    • Animation Optimization & Performance 0:15:00
    • Modern Visual Effects & Styling Systems 0:20:00
  12. Q&A guideGetting Started with Bootstrap 4 2 questions
    • Bootstrap Architecture & Grid System Internals 0:20:00
    • Containers, Breakpoints & Responsive Layout 0:18:00
  13. Q&A guideBootstrap Flexbox, Style and Utilities 2 questions
    • Spacing, Display & Utility API 0:15:00
    • Flexbox Utility Framework 0:19:00
  14. Q&A guideBootstrap CSS Components: Images, List, Tables, Button and Cards 3 questions
    • Buttons, Cards & Component Composition 0:16:00
    • Tables, Images & Content Presentation 0:18:00
    • Media Object Layout Pattern 0:20:00
  15. Q&A guideBootstrap CSS Components: Forms, Navbars, Pagination and Spinners 3 questions
    • Form Controls & Input Group Patterns 0:17:00
    • Navigation Systems & Pagination 0:15:00
    • Alerts, Feedback & Loading Indicators 0:19:00
  16. Q&A guidejQuery Fundamentals 4 questions
    • Client-side scripting with JavaScript and jQuery 0:20:00
    • jQuery Architecture & Role in Modern Development 0:16:00
    • DOM & BOM Manipulation Concepts 0:20:00
    • jQuery Selector 0:17:00
  17. Q&A guidejQuery Advanced Concepts 5 questions
    • Event Handling Models 0:15:00
    • Traversal & Manipulation Techniques 0:18:00
    • Performance Optimization Strategies 0:16:00
    • AJAX Communication & API Interaction 0:19:00
    • Plugin Architecture & Extension Patterns 0:17:00
  18. Q&A guideTypescript Fundamentals 12 questions
    • Introduction to TypeScript 0:20:00
    • Types in TypeScript 0:20:00
    • Type Inference in TypeScript 0:20:00
    • Type Assertion in TypeScript 0:20:00
    • Enums in TypeScript 0:20:00
    • Tuples in TypeScript 0:20:00
    • Union and Intersection Types in TypeScript 0:20:00
    • Type Guards in TypeScript 0:20:00
    • Mapped Types in TypeScript 0:20:00
    • Utility Types in TypeScript 0:20:00
    • Type Compatibility in TypeScript 0:20:00
    • Advanced Types in TypeScript 0:20:00
  19. Q&A guideTypeScript: Conditional Statements and Loops 1 questions
    • Statements in TypeScript 0:20:00
  20. Q&A guideObject-Oriented Programming in TypeScript 7 questions
    • Classes in TypeScript 0:20:00
    • Inheritance in TypeScript 0:20:00
    • Access Modifiers in TypeScript 0:20:00
    • Interfaces in TypeScript 0:20:00
    • Generics in TypeScript 0:20:00
    • Mixins in TypeScript 0:20:00
    • Decorators in TypeScript 0:20:00
  21. Q&A guideTypeScript Concepts: Functions, Namespace and Modules 4 questions
    • Functions in TypeScript 0:20:00
    • Arrow Functions in TypeScript 0:20:00
    • Optional and Default Parameters in TypeScript 0:20:00
    • Modules and Namespaces in TypeScript 0:20:00

OUR ALUMNI WORK AT

Trusted by learners whose careers now thrive at leading companies

Choose Training Options

50% OFF
Live Training

Live, expert-led classes mapped to your certification.

₹19,999 ₹9,999
12 months access to the course
Contact Us
What you get
Live Sessions 15
Skill Tests 21
50% OFF
★ Most Popular
Live Training Plus

Live classes plus the complete self-paced library.

₹23,442 ₹11,646
12 months access to the course
Contact Us
5-Day 100% Money-Back Guarantee
What you get
Live Sessions 15
Videos 275+
Labs 147+
Q&A 92+
Notes 60+
Skill Tests 21
For Business
Corporate Training

Tailored team training for your organization.

Let's talk
Minimum 5 users
Contact Us
Includes
Live Sessions
Custom Content
Flexible Schedule
Labs & Tests
Real Projects
24x7 LMS Access
Trusted by 2,00,000+ Thought Developers, Tech Leads and Architects

Course Mentors

Shailendra Chauhan
11X MICROSOFT MVP AI ARCHITECT

Shailendra Chauhan

Microsoft MVP, Founder & CEO at ScholarHat

17+ Years of Industry Experience as Mentor & Solution Architect
Expert in .NET, Angular, React & Python
Azure Cloud & AI/ML/Gen AI Specialist
Shailendra Chauhan
11X MICROSOFT MVP AI ARCHITECT

Shailendra Chauhan

Microsoft MVP, Founder & CEO at ScholarHat

17+ Years of Industry Experience as Mentor & Solution Architect
Expert in .NET, Angular, React & Python
Azure Cloud & AI/ML/Gen AI Specialist
View Profile

Frequently Asked Questions

Q1. Do you offer a certificate of completion?
Yes. The front end certification is valid and can be used for interviews. Additionally, the student can register for the Certification exam after completing this course.
Q2. What does certification of front end developer entail?
The certification makes the professional stay ahead as a front end developer. Get skilled in the technical knowledge and abilities required to drive dynamic web activities and visualizations. With the help of this graduate certificate, you'll learn the fundamental abilities needed to create a web page or website front end that is both usable and accessible.
Q3. Do front-end professionals need to be certified?
Yes. The front end certification requires the holder to be proficient in HTML, CSS, and JavaScript. These are covered by the front-end web certification training. You can learn to create dynamic, interactive websites with the use of these abilities.
Q1. What is the Azure AI Cloud Sandbox?
The Azure AI Cloud Sandbox is a secure, isolated environment that lets you practice and experiment with Azure AI services without affecting production resources. It provides hands-on access to real Azure AI capabilities in a risk-free setup.
Q2. Can I Attend a Demo Session before Enrolment?
Yes, you can Attend a Demo Session before Enrolment in angular certification course. It gives you the opportunity to assess whether the training program aligns with your learning objectives. So, don't hesitate! Take advantage of this opportunity and attend a demo session before making your decision.
Q3. Can I request for a support session if I need to better understand the topics?
Yes, of course you can request for a support session if you need to better understand the topics. For that, you need to be in touch with the counsellor. Contact on +91- 999 9123 502 or you can mail us at hello@scholarhat.com
Q4. Who are your mentors?
All our mentors are highly qualified and experience professionals. All have at least 8-10 yrs of development experience in various technologies and are trained by ScholarHat to deliver interactive training to the participants.
Q5. What If I miss my online training class?
All online training classes are recorded. You will get the recorded sessions so that you can watch the online classes when you want. Also, you can join other class to do your missing classes.
Q6. Can I share my course with someone else?
In short, no. Check our licensing that you agree to by using ScholarHat LMS. We track this stuff, any abuse of copyright is taken seriously. Thanks for your understanding on this one.
Q7. Do you provide any course material or live session videos?
Yes we do. You will get access to the entire content including class videos, mockups, and assignments through LMS.
Q8. Do you provide training on latest technology version?
Yes we do. As the technology upgrades we do update our content and provide your training on latest version of that technology.
Q9. Do you prepare me for the job interview?
Yes, we do. We will discuss all possible technical interview questions and answers during the training program so that you can prepare yourself for interview.
Q10. Will I get placement assistance after receiving my course completion certificate?
Yes, you’ll get placement assistance after receiving your course completion certificate. The placement assistance provided by the US will guide you through the job search process, help you polish your resume, and connect you with potential employers. For that, you need to be in touch with the counsellor. Contact on +91- 999 9123 502 or you can mail us at hello@scholarhat.com
Still have some questions? Let's discuss.
CONTACT US
We use cookies to make interactions with our websites and services easy and meaningful. Please read our Privacy Policy for more details.
Accept Cookies