z
[Link]
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.
[Link] 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 [Link]
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: [Link] 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
[Link] 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 [Link]
Easy Scalability: Developers prefer to use [Link] 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 [Link], But if I am
talking about building chat apps or gaming apps [Link] is much more
preferable because of faster synchronization.
FCS | RANJIT KUMAR SAH (GU-2019-2135)
Cont..
Features of [Link]
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 [Link]
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 [Link]
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)