Scribd
Upload
4 views14 pages

Web Dev

The document provides an overview of web development, including its definition, the difference between static and dynamic websites, and the full stack development approach. It highlights modern trends such as AI in web development and responsive design, as well as introduces React.js as a popular front-end library for building user interfaces. The presentation concludes with resources for learning React and a Q&A session.

Uploaded by

ishasharma8766
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
4 views14 pages

Web Dev

The document provides an overview of web development, including its definition, the difference between static and dynamic websites, and the full stack development approach. It highlights modern trends such as AI in web development and responsive design, as well as introduces React.js as a popular front-end library for building user interfaces. The presentation concludes with resources for learning React and a Q&A session.

Uploaded by

ishasharma8766
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 14

KICKSTART

WEB DEVELOPMENT
Aman Kumar
Software
development
engineer at Radius

@aman_kumar11z
amankumarrr
01 What is web development ?

Agenda Web development stack

02 Demo

03 Modern trends in web-development

04 React js

05 Resources

06 Q&A
What is Web Development?

Web development refers to the creating,


building, and maintaining of websites.
It includes aspects such as web design,
web publishing, web programming, and
database management.

How does a website work?


Static VS Dynamic websites

Static website Dynamic website

Dynamic websites generate pages


Static websites deliver pre-made
on demand at runtime using server-side
pages using HTML, CSS, or JavaScript,
scripting languages like PHP, Node.js, or
without user-driven changes.
ASP.NET, based on user requests.
Web Development Stack

FRONTEND-

BACKEND-

DATABASES-

TOOLS AND FRAMEWORK-

DEVELOPER TOOL-
Fullstack

Full Stack Development refers to the


development of both front end (client side)
and back end (server side) portions of web
applications.

ADVANTAGES:

• Saves Time and Money


• Rounded Solution
• Great Exposure
• Complete Ownership
• Greater opportunity with more learning
Live Demonstration: Building a HTML, CSS
website
Modern trends in Web Development

• AI in web development
Given AI's popularity, it's become a valuable tool for web
developers, simplifying app and website creation while
helping attract hundreds or even thousands of users daily.

• Responsive Design

Responsive Web Design is about using HTML and CSS


to automatically resize, hide, shrink, or enlarge, a
website, to make it look good on all devices.
What is React js and why is it used?

React (also known as React.js or ReactJS) is a free and open-source front-


end JavaScript library that aims to make building user interfaces based
on components more "seamless".

• It uses components, small pieces of code, to create complex UIs.


• It solves common front-end challenges, making dynamic and interactive
web apps easier to build.
• React has a strong and growing development community, making it a great
choice for developers.
Where to learn React js?
Resources
<Q&A Session>.
Thank You!

You might also like