Front-End Development Courses

Overview of How Web Works

What is Html, Css, Javascript

Environmental Setup With VsCode

Running Our First Project With Html, Css, Javascript

Introduction to Html & Html Dom Structure

Overview of Html Elements & Attributes

Html Elements - div, span, i, b, p, a, ul, ol, li, h1-h6

Html Semantic Elements - tables, section, header, footer, main, aside, article

Basic Site With Above Covered Topics

Html Form & Elements - Inputs, Check Box, Radio, Select, Options, Buttons, Textarea

Html Media - Image, Audio, Video, Svgs, Canvas

Html Meta & Doctypes

Introduction to Css, Types Of Styling & Selectors

Specificity of Selectors

Box Model & Basic Properties - box sizing, margin, padding, border, width(min,max), height(min,max), float

Basic Properties - background image and positioning it, box shadow, font size, font style, font weight, line height, letter spacing, text decoration, text transform

Combinations of Selectors(>,’ ’,+,comma,full-stop)

Display Properties

Position Properties

Pseudo Elements & Classes

Viewport Height, Width And Controlling Overflowing Contents

Transition Properties & Animation Properties

Detailed View of Flex & Grid Structures

Introduction to Javascript, Types of Scripting, Alerts & Console Logging

Variables - defining, modifying

Data types

Types of Operators - Comparing(Boolean), Operations

Conditional Statements - if else, switch

All Types Of Loops

Defining & Using Functions

Basic Events & Handlings

Basic Manipulation of Dom(innerHtml)

Arrays, Objects, Arrays of Objects & Objects of Arrays

Functions - Parameters & Return Values, Multiple Parameters in Functions

Getting Values from Forms And Logging it in Console

Exercise Programs - finding large numbers, Odd Even finding, Prime number etc,.

Classes, Constructors, Instance Variables, Static Variables, Methods & Extending Classes

Oops Concepts

Site Generation using Html, Css, Javascript & Dom Manipulation(Todo App, Crud Applications)

Introduction to Angular & Overview of Angular & Folder Structure

Typescript - introduction, structural typing, built-in types, type guards

Understanding the Basics - components, modules, services, routing, templates, dependency injection

Angular CLI - ng new, ng g c, ng g m, ng build, ng serve, etc,.

Templates - interpolation, property binding, template statements, Binding(data,props,attr,event), Reference Variables, @Input & @Output

Built-in & Custom Directives, Built-in & Custom Pipes

Form Handlings - Reactive Forms & Template Driven Forms

Routings - router outlet, router links, router events, guards

Lazy Loading

Services, Lifecycle Hooks & State Management

Api Calls - http request, response

Server Side Rendering

Building & Deployment Locally

Introduction to React, CLI Tools(create react app) & React Folder Structures

Components - Functional Components - jsx, props vs state, conditional rendering, composition

Rendering - component lifecycle, lists & keys, rendering props, refs, events & higher order components

Hooks - basic hooks(useState,useEffects), common hooks(useRef,useCallback,useMemo,useReducer,useContext)

Router - React router

State Management - Context or Redux toolkit

Styling - styled components, css modules, tailwind, material ui

Api Calls - Graphql(Apollo), REST(react query, axios)

Forms - React hook forms, Formik

Building & Deployment Locally