Wad

Html, Css, Javascript, Bootstrap promises and async/await ,Ajax

What are the web frameworks their types, example and their use

Web frameworks are tools that provide a pre-built structure and components to accelerate web
applica on development.

Types:

1) front-end frame work: React: A JavaScript library for building user interfaces, Angular: A
comprehensive framework for building web applica ons.

2) back-end frame work: Express.js: A minimalist framework for Node.js, useful for building APIs.

Spring: A Java framework for building enterprise-level web applica ons.

What is MVC, their use with example and MVC on web frameworks

MVC (Model-View-Controller) is a so ware design pa ern that separates an applica on into three
interconnected parts: the Model (data and logic), the View (user interface), and the Controller
(handles user input and manages interac ons between Model and View). This separa on promotes a
more organized and maintainable codebase, par cularly beneficial for complex web applica ons.

Helps developers to develop applica on efficiently , give clear idea about applica on

What is typescript, features of typescript, use, pros and cons

Features:

1) Sta c typing: devlopers able to define type of variable during devlopment to avoid errors

2Object-Oriented Programming: supports oop Like class, object and related proper es

Pros: early error detec on due to sta c typing, Scalability due to structured nature of typescript

Cons: Increased Compile Time:

Use: Large-Scale Applica ons, Angular Development

Angular

What is angular: it is typescript based web applica on framework develop by Google

Used for crea ng single page applica on (SPA), and dynamic web pages

Basic angular project structure

Src

App

App. Module. Ts

App. Component. Ts

App. Component. Html

Assets:

environments: Contains environment-b specific configura on files.

index.html: The main HTML file

main.ts: The entry point of the applica on.

styles.css: Global styles for the applica on.

Angular Modules: block of code dedicated to specific func onality

Angular component: nasic building block of UI, component controla por on of screen called view

Component consist of

A TypeScript class that defines the component's behavior.

An HTML template that defines the component's view.

Op onal CSS styles that define staying

Data binding: allows data flow between component (logic) and UI view

Direc ves: direc ve are special marker that tell angular to do something with DOM

Pipes : pipes are used to transform the data into Template before displaying it

Ex {{ price | currency }}

Angular services: are classes that encapsulate reusable logic or data, making them available to
different components

Dependency injec on (DI) : is process where a class receives its dependencies from external sources

DI main func on includes providing components, direc ves, pipes, and services with the
dependencies they need.

What is react.js and use and pros and cons

React. Js is JavaScript library used for crae user interfaces mainly used for crea ng SPA single page
applica on where content is dynamically change without page load

Uses:

Single page applica on

Interac ve UI great dynamic and user friendly UI

Reusable components: React's component-based architecture allows for the crea on of reusable UI
elements.

Pros

Virtual DOM:
React uses a virtual DOM, which op mizes rendering performance by upda ng only the changed
components.

Reusable components:

Components can be reused throughout the applica on, promo ng code reusability and
maintainability.

Cons

Rapid development:

The fast pace of development can make it challenging to keep up with the latest changes

Large bundle size:

React applica ons can have large bundle sizes, which can impact ini al load mes.

What is react component

React components are independent and reusable building blocks of UI , They can be thought of as
custom HTML elements with enhanced func onality. Each component encapsulates its own logic,
state, and UI rendering, which makes it easier to manage and maintain complex applica ons.

React components two main types:

Func on Components: wri en as a JavaScript func on and return JavaScript XML (jsx)

Class components: hooks are be er than this

React hooks, features, use, pro and cons

React Hooks are func ons that allow the use of state and other React features within func onal
components . They provide a more straigh orward and efficient way to manage component logic
compared to class components.

Use state management useState , sideeffect useEffect

Pros

Simply the code making it more readable, enable the use of states

what is node JS its features its use and pros and cons

Features npm , npx, Asynchronous

Used in real me applica on development, web servers, API

Pros: east to learn , full stack JavaScript both for client side and server side,

Cons not indeal for heavy task

NPX: package executer that is used to directly execute Javascript packages without installing them.

What is express.js , features , use, pros and cons

Express.js is web applica on framework that provides set of features like middlewire, roun ng ,It
simplifies the development of server-side applica ons by offering an easy-to-use API for rou ng,
middleware, and HTTP u li es.

Features: Middleware, roun ng

Used in developing SPA and server side web applica on logic

Pros

Simplicity and ease of use

REST API methods in Express.js correspond to HTTP methods for performing CRUD opera ons:

GET: Retrieves data from the server.

POST: Submits data to the server to create a new resource.

PUT: Updates an exis ng resource on the server.

DELETE: Removes a resource from the server.

What is mongoDB , its features, use , pro and cons

MongoDB is a NoSQL database primarily used for storing and managing both structured and
unstructured data, especially in applica ons requiring flexibility( stores various datatypes)and
scalability.(horizontal scalling)

Used in content management system, e commerce pla orm

Pros

Scalability, flexibility, dynamic schema

Cons

High memory usage due to key-value storage and mera data storage

CURD opera on create read update delete

Mobile first :Mobile-first design is a web development strategy that priori zes designing for smaller
screens, like smartphones, before scaling up to larger devices

Mobile width 320 to 450

Mobile height 700 to 800

What is jquery, its features, its use, pro and cons

Features:dom manipula on, event handling, ajax

Used to create dynamic web pages

Pros: simplified syntax, Cross-browser Compa bility

Cons: Performance: extension use can slower app performance

What is cloud compu ng, what is aws cloud, services provided by aws cloud, pros and cons

Cloud compu ng provides on demand services like compu ng power, storage, and databases over
the internet,

Aws services: compute(EC2) , storage (S3) , database, network,

Alterna ve to aws: Microso Azure, google cloud pla orm

Pros: cost effec ve, scalability, flexibility

Cons: can be expensive, security, internet dependent