Learn with us to sharp your skills

New HTML5 Structural Tags

Overview on HTML/CSS/JS

Necessity of frontend development

Source file and How to Debugs

The section Tag, The article Tag

Outlining, Accessibility

Aside tag, detail tag, summary tag

Nav tag, header tag, footer tag

Search, tel

Url and email

Date/time input types

Number, range

Min, max, and step attributes

Color

Autocomplete

Novalidate

Required

Placeholder

Autofocus

Autocomplete

Form and pattern

New Form Elements

Datalist

Progress and meter

HTMl5 coding conventions (Best practices, style guide and coding conventions)

The Document Object Model and the Legacy DOM 0

About HTML Forms

Attributes of the < form> Tag

Naming Forms and Input Types (Controls) for Forms

The Legacy DOM with Forms

Naming Forms and Buttons

Submitting Fillout Forms

The this Keyword

The submit() and reset() Methods

Simple Form Validation

SessionStorage

LocalStorage

IndexedDB

HTML5 Web Workers

HTML5 Messaging APIs/Post Message API

HTML 5 History API – popstate, pushstate, replacestate,

HTML5 Canvas

HTML5 SVG

What is a service worker?

The service worker life cycle

Install a service worker

Cache and return requests

Update a service worker

Non-CORS fail by default

Title & meta tag

The h1 tag

Meta Description, Keywords

Overview on Google analytics

Content, Age of site, domain, Keyword and google

Overview on Offpage SEO

Selectors and Pseudo Classes

Attribute Selectors

The Target Pseudo-Class

UI Element States Pseudo-Classes

Negation Pseudo-Class

Structural Pseudo-Classes

BEM — Block Element Modifier Naming Convention

CSS3 Advance for

1. Techniques to optimize CSS

2. CSS compression tool

Fluid Grids

Fluid Images/Media

Media Queries

Breakpoints

Adaptive Design

Responsive vs Adaptive

Progressive Enhancement

Graceful Degradation

Design Approaches

Mobile First

Desktop First

Units: Absolute vs relative

Units: %,em,rem,vh,vw,vmin,vmax

Targeting Widths and Devices with CSS3 Media Queries

Responsive Images and the viewport Metatag

Breakpoints

Writing media queries for desktop browsers

Writing media queries for tablet viewports

Writing media queries for mobile devices

Flexbox Container

Display

Flex-direction

Flex-wrap

Justify-content

Align-items

Align-content

Flexbox children

Order

Flex-grow

Flex-basis

Flex-shrink

What is SASS?

Getting and installing SASS

SASS formats: .sass vs .scss

Comments

Variables

Nesting selectors

Selectors inheritance

Modularising SASS with partials

Mixins

What Are Objects?

JavaScript Core Objects

What Are Core Objects?

Array Objects

Declaring and Populating Arrays

Array Object Properties

Associative Arrays

Nested Arrays

Array Methods

Object Oriented Javascript Overview

OOP Concepts

Inheritance, Encapsulation, Abstraction, Polymorphism

Encapsulation

The new operator; The typeof operator

Create user-defined Objects

Object Constructor

Dynamic object properties

Instanceof operator

Constructor property

Reusability of code

Prototype

Prototype/Constructor Pattern, Chaining

Revisiting chain upto Object prototype

Customizing the Date Object with the prototype Property

JSON and Literal Objects

The call() method

The apply()method

The with statement

Handling “this”

‘this’ in borrowing method; in callback; in global scope

Nested Functions as Closures

Private properties with closures

Closures in timers

InsClosures as callbacks

Design Patterns for Publisher /Subscriber

Facade and Singleton

DRY and SOLID principles

Common JS / RequireJS

Let, const, block scoping

Arrow functions

Default function params

Rest and spread operator

Object literals, template literals

Destructuring in-depth

ES6 Modules

Classes

New Array Extensions and Collections

Understand Promises

Life Cycle

Create, Resolve & Reject

Chaining Promises

Waiting on Multiple Promises

Using Fetch API

Async Functions

Async Await Flow

Async Await

Async + Await Error Handling

Iterators

Generators

Using Generators for Ajax Flow Control

Looping Generators with for of

Yielding in Generators

Key Difference Between Functional Programming and OOP

Apply functional programming techniques to your JavaScript projects.

Section 508

WCAG2.0

ARIA

W3C Validator and testing tools (WAVE, Lighthouse)

What is Memory Management? Why to worry?

What is GC in JavaScript? How GC works?

How to find memory utilization

How to find memory leaks/loitering objects

Memory leaks & closures, how to handle them

What, Why and Types of XSS and Preview

Stored XSS or Persistent XSS

DOM XSS

mXSS or Mutation XSS

RPO or Relative Path Overwrite XSS

What are the different Sources of XSS?

HTML Context

Attribute Context

URL Context

Style Context

Script Context

Exploiting XSS with OWASP Xenotix XSS Exploit Framework