Scribd
Upload
26 views

ADP-IV- Web System (Full Stack)

Full Stack Development encompasses both front-end and back-end web application development, enabling developers to create complete web solutions. Key front-end technologies include HTML, CSS, and JavaScript, along with frameworks like AngularJS and React.js, while back-end development utilizes languages such as PHP, Java, and Node.js. Enrolling in a Full Stack Developer course can enhance coding skills and open up career opportunities in this field.

Uploaded by

Ch Uzair
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
26 views

ADP-IV- Web System (Full Stack)

Full Stack Development encompasses both front-end and back-end web application development, enabling developers to create complete web solutions. Key front-end technologies include HTML, CSS, and JavaScript, along with frameworks like AngularJS and React.js, while back-end development utilizes languages such as PHP, Java, and Node.js. Enrolling in a Full Stack Developer course can enhance coding skills and open up career opportunities in this field.

Uploaded by

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

ADP

Subject: Web System & Technology


Semester 4th Lecture #9
Date: 2/9/2024 Final Term
 Topic: Full Stack State Management/
Development
What is Full Stack Development ?
Full Stack Development refers to the development of both front end (client side)
and back end (server side) portions of web applications. If you want to learn in full
structure form then you should enrol in our Full stack devloper course! You’ll learn
to create powerful web applications from scratch, mastering both front-end and
back-end skills. Join us to transform your coding abilities and open doors to
exciting career opportunities!

Full Stack Web Developers


Full Stack web developers have the ability to design complete web applications
and websites. They work on the frontend, backend, database, and debugging of
web applications or websites.

Technology Related to Full Stack Development


Front-end Development
It is the visible part of website or web application which is responsible for user
experience. The user directly interacts with the front end portion of the web
application or website.

Front-end Technologies
The front end portion is built by using some languages which are discussed below:

HTML: HTML stands for Hyper Text Markup Language. It is used to design the
front end portion of web pages using markup language. HTML is the combination
of Hypertext and Markup language. Hypertext defines the link between the web
pages. The markup language is used to define the text documentation within tag
which defines the structure of web pages.

CSS: Cascading Style Sheets, fondly referred to as CSS, is a simply designed


language intended to simplify the process of making web pages presentable. CSS
allows you to apply styles to web pages. More importantly, CSS enables you to do
this independent of the HTML that makes up each web page.

JavaScript: JavaScript is a famous scripting language used to create the magic on


the sites to make the site interactive for the user. It is used to enhancing the
functionality of a website to running cool games and web-based software.

Front End Libraries and Frameworks


AngularJS: AngularJs is a JavaScript open source front-end framework that is
mainly used to develop single page web applications(SPAs). It is a continuously
growing and expanding framework which provides better ways for developing
web applications. It changes the static HTML to dynamic HTML. It is an open
source project which can be freely used and changed by anyone. It extends HTML
attributes with Directives, and data is bound with HTML.

React.js: React is a declarative, efficient, and flexible JavaScript library for


building user interfaces. ReactJS is an open-source, component-based front end
library responsible only for the view layer of the application. It is maintained by
Facebook.

Bootstrap: Bootstrap is a free and open-source tool collection for creating


responsive websites and web applications. It is the most popular HTML, CSS, and
JavaScript framework for developing responsive, mobile-first web sites.

jQuery: jQuery is an open source JavaScript library that simplifies the


interactions between an HTML/CSS document, or more precisely the Document
Object Model (DOM), and JavaScript. Elaborating the terms, jQuery simplifies
HTML document traversing and manipulation, browser event handling, DOM
animations, Ajax interactions, and cross-browser JavaScript development.

SASS: It is the most reliable, mature and robust CSS extension language. It is used
to extend the functionality of an existing CSS of a site including everything from
variables, inheritance, and nesting with ease.

Back-end Technologies
It refers to the server-side development of web application or website with a
primary focus on how the website works. It is responsible for managing the
database through queries and APIs by client-side commands. This type of website
mainly consists of three parts front end, back end, and database. The back end
portion is built by using some libraries, frameworks, and languages which are
discussed below:

PHP: PHP is a server-side scripting language designed specifically for web


development. Since, PHP code executed on server side so it is called server side
scripting language.

C++ It is a general purpose programming language and widely used now a days
for competitive programming. It is also used as backend language.

Java: Java is one of the most popular and widely used programming language and
platform. It is highly scalable. Java components are easily available.
Python: Python is a programming language that lets you work quickly and
integrate systems more efficiently.

Node.js: Node.js is an open source and cross-platform runtime environment for


executing JavaScript code outside of a browser. You need to remember that
NodeJS is not a framework and it’s not a programming language. Most of the
people are confused and understand it’s a framework or a programming language.
We often use Node.js for building back-end services like APIs like Web App or
Mobile App. It’s used in production by large companies such as Paypal, Uber,
Netflix, Walmart and so on.

You might also like