z

www.gnauniversity.edu.in

WEB DEVELOPEMENT

By - Ranjit Kumar Sah

We Make The Difference BCA 5th
GU-2019-2135
Web Development
 Web Development refers to the building, creating, and maintaining of
websites.

 It includes aspects such as web design, web publishing, web programming,

and database management.

 It is the creation of an application that works over the internet i.e. websites.

FCS | RANJIT KUMAR SAH (GU-2019-2135)

Cont..
 Web Development can be classified into two ways:

 Frontend Development: The part of a website that the user interacts directly
is termed as front end.

 Backend Development: Backend is the server side of a website. It is the

part of the website that users cannot see and interact.

FCS | RANJIT KUMAR SAH (GU-2019-2135)

Frontend Development
 Frontend Web Development is the development of the graphical user
interface of a website, through the use of HTML, CSS, and JavaScript etc.

 The part of a website that the user interacts directly is termed as front
end. It is also referred to as the ‘client side’ of the application.

 Front end development manages everything that users visually see first in

their browser.

FCS | RANJIT KUMAR SAH (GU-2019-2135)

Introduction to HTML
 HTML

 HTML stands for Hypertext Markup Language.

 It is used to design the front end portion of web pages using markup
language.
 It acts as a skeleton for a website since it is used to make the structure of a
website.

FCS | RANJIT KUMAR SAH (GU-2019-2135)

Introduction to CSS
 CSS
 Cascading Style Sheets fondly referred to as CSS is a simply designed
language intended to simplify the process of making web pages presentable.
 It is used to style our website.

FCS | RANJIT KUMAR SAH (GU-2019-2135)

Introduction to JavaScript
 JavaScript
 JavaScript is a scripting language used to provide a dynamic behavior to our
website..

FCS | RANJIT KUMAR SAH (GU-2019-2135)

Introduction to React JS
 React JS
 React is a declarative, efficient, and flexible JavaScript library for building
user interfaces. 
 React.js is an open-source, component-based front-end library responsible

only for the view layer of the application. 

FCS | RANJIT KUMAR SAH (GU-2019-2135)

Cont..
 Features of React.js
 There are unique features are available on React because that it is widely
popular.

 Use JSX : It is faster than normal JavaScript as it performs optimizations while

translating to regular JavaScript. It makes it easier for us to create templates.

 Virtual DOM: Virtual DOM exists which is like a lightweight copy of the actual
DOM. So for every object that exists in the original DOM

FCS | RANJIT KUMAR SAH (GU-2019-2135)

Cont..
 One-way Data Binding: This feature gives you better control over your
application.

 Component: A Component is one of the core building blocks of React. In other

words, we can say that every application you will develop in React will be made
up of pieces called components.

 Performance: React.js use JSX, which is faster compared to normal

JavaScript and HTML. Virtual DOM is a less time taking procedure to update
WebPages content.

FCS | RANJIT KUMAR SAH (GU-2019-2135)

Introduction to Node JS
 Node JS
 Node.js is an open-source and cross-platform runtime environment built on
Chrome’s V8 JavaScript engine for executing JavaScript code outside of a
browser. 
 You need to recollect that NodeJS isn’t a framework, and it’s not a

programing language.

FCS | RANJIT KUMAR SAH (GU-2019-2135)

Cont..
 Features of Node.js
 Easy Scalability: Developers prefer to use Node.js because it is easily
scaling the application in both horizontal and vertical directions.

 Real-time web apps: If you are building a web app you can also use PHP,
and it will take the same amount of time when you use Node.js, But if I am
talking about building chat apps or gaming apps Node.js is much more
preferable because of faster synchronization. 

FCS | RANJIT KUMAR SAH (GU-2019-2135)

Cont..
 Features of Node.js
 Fast Suite: NodeJS runs on the V8 engine developed by Google. Event loop
in NodeJS handles all asynchronous operation so NodeJS acts like a fast
suite and all the operations can be done quickly like reading or writing in the
database, network connection, or file system

 Easy to learn and code: NodeJS is easy to learn and code because it uses
JavaScript. If you are a front-end developer and have a good grasp of
JavaScript you can easily learn and build the application on NodeJS

FCS | RANJIT KUMAR SAH (GU-2019-2135)

Cont..
 Features of Node.js
 Advantage of Caching: It provides the caching of a single module.
Whenever there is any request for the first module

 Easy Data Streaming: In NodeJS HTTP request and response are

considered as two separate events. 

FCS | RANJIT KUMAR SAH (GU-2019-2135)

Cont..
 Features of Node.js
 Hosting: PaaS (Platform as a Service) and Heroku are the hosting platforms
for NodeJS application deployment which is easy to use without facing any
issue.

 Corporate Support: Most of the well-known companies like Wal-Mart,

PayPal, Microsoft, Yahoo are using NodeJS for building the applications.

FCS | RANJIT KUMAR SAH (GU-2019-2135)

FCS | RANJIT KUMAR SAH (GU-2019-2135)