FULLSTACK
WEB
DEVELOPMENT
FULL-SKACK
A full-stack web
developer is a person
who can develop a
both client and
server software
They work with the
front –end and back-
end of a website or
application
2
HTML CSS &
JAVASCRIPT
HTML VERSIONS OF HTML
HTML 1.0: The first version of html
HTML was developed by “TIM BERNERS-LEE” in1993
HTML 2.0: Released in1995
Hyper Text Markup Language
HTML 3.2: Released in 1997
It’s a programming language used to create the
HTML 4.0: Released in 1999
structure of web page
HTML 5: Released in 2014
HTML tag is start with ‘<>’ end with ‘</>’
HTML TAGS
HTML document made up of three parts
A line with HTML version information <html>…</html>,<title></title>,<body
>
A declarative header section
A body contains the document content </body>,<p></p>,<h1></h1>,<img>,
<audio></audio>
3
CSS
CSS was first proposed by “HAKON WIUM LIE” released on 1995
CSS stands for cascading style sheets
CSS is the language we use to style an HTML document
THREE TYPES OF CSS
Inline CSS for example:” <h1
style=“color:red;”>HELLO</h1>”
External CSS for example:”<link ref=“stylesheet”
href=“style.css”>”
Internal CSS for example:”<style>h1{color:red;}</style>”
Tuesday, February 2, 20XX Sample Footer Text 4
JAVASCRIPT
javascript was first released in 1995
Javascript is a test based programming language use both
on the client-side and server-side that allow you to make web
pages interactive
Javascript is used to add interactivity to web page for
example: to create slideshow ,animations and forms.
Javascript is also used on the server-side for example node
js
THERE ARE TWO TYPES
Internal js for 5
PHP
PHP: Hypertext Preprocessor
PHP is a server scripting language and open source
PHP was developed by Danish Canadian and
released on 1995
PHP runs on various platforms (Windows, Linux,
Unix, Mac OS X, etc.…)
PHP used to create dynamic web applications with
MySQL database
<?php
?>
Tuesday, February 2, 20XX Sample Footer Text 6
MYSQL
MySQL was developed by oracle
corporation and released on 1995
MySQL is a popular open source database
management system
MySQL is a relational database management
system(RDBMS) and the datas are stored in row
and column
Tuesday, February 2, 20XX Sample Footer Text 7
XAMPP
Tuesday, February 2, 20XX Sample Footer Text 8
XAMPP is a open source software package that
provides a local web server environment for
testing and development
DISADVANTAGE:
No password for database administrator
Everything is open by default
Not configured for security
9
HTML EXTENSION
10
FRAMEWORK FOR WEB
DEVELOPMENT
ANGULAR
ANGULAR is a Type-script
based,free open-source web application
framework let by the team at google.
ANGULAR is used to create a
single-page web application .
ANGULAR is a complete rewrite
from the same team that build angular
js
ANGULAR V.17 is the latest version
ANGULAR have build in library
12
ANGULAR USING COMPANIES
Microsoft office
Mixer
Santander
Gmail
Forbes
Upwork
PayPaL
Tuesday, February 2, 20XX Sample Footer Text 13
14
DJANGO
Python Django is a web framework that
is used to create web applications very
efficiently and quickly.
Django is based on
MVT (Model-View-Template) architecture.
MVT is a software design pattern for
developing a web application.
It contains a lot of in-built features
such as Django Admin Interface, default
database – SQLite3
15
DJANGO USING USING COMPANIES
Instagram
National Geographic
Mozilla
Spotify
Pinterest
Disqus
Bitbucket
Eventbrite
Tuesday, February 2, 20XX Sample Footer Text 16
17
FLASK
Flask is a python framework
Flask is an API of Python that allows us to
build up web-applications.
It was developed by Armin Ronacher
Flask framework is more explicit than
Django’s framework and is also easier to learn
because it has less base code to implement a
simple web-Application
Flask is based on WSGI(Web Server
Gateway Interface) toolkit and Jinja2 template
engine.
18
FLASK USING COMPANIES
Samsung
Uber
Zomato
Reddit
Lyft
Teradata
Trivago
Tuesday, February 2, 20XX Sample Footer Text 19
20
REACT is a JavaScript library for
building user interfaces
REACT REACT (also known as React.js or ReactJS) is a
free and open-source front-end JavaScript library for building
user interfaces based on components.
REACT was developed by facebook
R REACT 16.8 was released on 2019 to the public,
introducing React Hooks.
REACT provides several built-in Hooks such as
useEffect useMemo
useReduce useContext
useState 21
22
Tuesday, February 2, 20XX Sample Footer Text 23
VUE JS
Vue.js was developed by Evan you
Vue.js is a open source and it has javascript
library for building user interface and single
page applications
Vue use basic HTML elements with in the
template tag
<template>
</template>
Vue use script like an
HTML<script></script>
24
THIS ARE THE COMPANY USING Vuejs
Xiaomi Nintendo
BMW UpWork
Apple Behance
9GAG Gitlab
Google ibaba
Adobe
The Motley Fool
Trivago
Tuesday, February 2, 20XX Sample Footer Text 25
26
THANK YOU