Scribd
Upload
20 views

WebDevelopment Lec1

The document discusses web application development and full stack development. It covers front end technologies like HTML, CSS, JavaScript and frameworks like Bootstrap. It also covers back end technologies like Python, PHP, Java, Ruby and databases like PostgreSQL, MongoDB, CouchDB, MySQL and Redis. The document also discusses servers like Apache and Nginx.

Uploaded by

Amr Hossam
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
20 views

WebDevelopment Lec1

The document discusses web application development and full stack development. It covers front end technologies like HTML, CSS, JavaScript and frameworks like Bootstrap. It also covers back end technologies like Python, PHP, Java, Ruby and databases like PostgreSQL, MongoDB, CouchDB, MySQL and Redis. The document also discusses servers like Apache and Nginx.

Uploaded by

Amr Hossam
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 28

Web Application

Development Course

Lecture 1
What is Full Stack?
Full Stack developer is someone who is
familier with all layers of software
development.

A full stack web developer is a


person who can develop
both client and server software.
In addition to mastering HTML and
CSS
https://svdigitalindia.in
https://svdigitalindia.in
Layers in Full Stack Development

https://svdigitalindia.in
Front End Technology
HTML
CSS

BOOTSTRAP
Java Script
HTML DOM

https://svdigitalindia.in
Back End Technology
PYTHON

PHP
JAVA

RUBY

https://svdigitalindia.in
Database Technology
POSTGRESQL

MONGO DB

COUNCH DB
MYSQL
REDIS

https://svdigitalindia.in
Servers
APACHE

NGINX

https://svdigitalindia.in
What is Web Technology?

⚫ Web technology refers to the means by which


computers communicate with each other using
Markup languages and multimedia software packages.
⚫ It gives us a way to interact with hosted information, such
as websites.
⚫ It involves the use of Hypertext Markup Language
(HTML) and Cascading Style Sheets (CSS).
⚫ The three basic languages that make up the World
Wide Web are HTML, CSS, and JavaScript.
What Are The Different Types Of
Web Technologies?

⚫ The basics, which will cover web browsers and some web
app development fundamentals

⚫ Programming languages and frameworks which are used in


the development of websites

⚫ Databases that are used at the backend to store data


required or collected by websites
⚫ Some protocols, that is, rules for communicating on the
web
Introduction to WWW
⚫ WWW”, "Web" or "W3"
⚫ The World Wide Web is a way of exchanging information
between computers on the Internet.
⚫ It is the network of pages of images, texts and sounds on
the Internet which can be viewed using browser software .
⚫ It is a way of accessing the information over the medium of
the internet.
⚫ The World Wide Web, or Web, consists of a worldwide
collection of electronic documents (Web pages)
⚫ A Web site is a collection of related Web pages and
associated items.
⚫ Simple and easy to use
⚫ A Web server is a computer that delivers requested
Web pages to your computer
⚫ Web 2.0 refers to Web sites that provide a means for
users to interact
⚫ 1989 – 1990 Tim Berners Lee invents the World Wide
Web (www) at Cern .
⚫ Published in 1992 - Means for transferring text and
graphics simultaneously
⚫ The World Wide Web allows computer users to locate
and view multimedia-based documents (i.e.,
documents with text, graphics, animations, audios or
videos) on almost any subject.
GENERATION OF DYNAMIC
WEB PAGES
⚫ Web page is a document available on world wide web.
Web Pages are stored on web server and can be viewed
using a web browser.
⚫ A web page can cotain huge information including text,
graphics, audio, video and hyper links. These hyper links
are the link to other web pages.
⚫ Collection of linked web pages on a web server is known
as website. There is unique Uniform Resource Locator
(URL) is associated with each web page
Static Web page
⚫ Static web pages are also known as flat or stationary
web page.
⚫ They are loaded on the client’s browser as exactly they
are stored on the web server. Such web pages contain
only static information.
⚫ User can only read the information but can’t do any
modification or interact with the information.
⚫ Static web pages are created using only HTML.
Dynamic Web page

⚫Dynamic web page shows different


information at different point of time.
⚫It is possible to change a portion of a web page
without loading
the entire web page.
1) Server-side dynamic web page
⚫It is created by using server-side scripting.
⚫There are server-side scripting parameters that
determine how to assemble a new web page which
also include setting up of more client-side
processing.
2) Client-side dynamic web page
⚫ It is processed using client side scripting such as
JavaScript.
⚫ And then passed in to Document Object Model
(DOM).
Schematic view of a dynamic webpage
Scripting Languages

⚫Scripting languages are like programming languages


that allow us to write programs in form of script.

⚫ These scripts are interpreted not compiled and


executed line by line.
⚫Scripting language is used to create dynamic web pages.
1) Client-side Scripting

⚫ Client-side scripting refers to the programs that are


executed on client-side. Client-side scripts contains the
instruction for the browser to be executed in response to
certain user’s action.
⚫ Client-side scripting programs can be embedded into
HTML
files or also can be kept as separate files.
Client-Side scripting languages

JavaScript
It is a prototype based scripting language. It inherits its
naming conventions from java. All java script files are stored in file
having .js extension.
ActionScript
It is an object oriented programming language used for the
development of websites and software targeting Adobe flash
player.
Dart
It is an open source web programming language developed
by Google. It relies on source-to-source compiler to JavaScript.
Why use client-side programming?

• client-side scripting benefits:


• usability: can modify a page without having to post back to the server
(faster UI)
• efficiency: can make small, quick changes to page without waiting for
server
• event-driven: can respond to user actions like clicks and key presses

7
2) Server-side Scripting

Sever-side scripting acts as an interface for the


client and also limit the user access the resources
on web server. It can also collects the user’s
characteristics in order to customize response
Why use client-side programming?
• server-side programming benefits:
• security: has access to server's private data; client can't see source code
• compatibility: not subject to browser compatibility issues
• power: can write files, open connections to servers, connect to
databases, ...

You might also like