Scribd
Upload
21 views16 pages

Web Design Technologies

The document discusses key concepts in web design technologies including browsers, HTML, CSS, programming languages, databases, frameworks, libraries, APIs, client-side development, server-side development, front-end and back-end development, protocols, and data formats.

Uploaded by

faryal
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
21 views16 pages

Web Design Technologies

The document discusses key concepts in web design technologies including browsers, HTML, CSS, programming languages, databases, frameworks, libraries, APIs, client-side development, server-side development, front-end and back-end development, protocols, and data formats.

Uploaded by

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

Web Design Technologies

Lecture 2
Browsers Libraries
Back-end

HTML Databases
Protocols 

CSS Client-side
API 

Programming
Server-side
Languages
Data formats

Frameworks Front-end
• Browsers • Programming • Frameworks
• HTML • Databases • Libraries
• CSS and JavaScript • API

Stage 1 Stage 2 Stage 3

• Client-side • Protocols
• Server-side • Data formats
• Front-end
• Back-end
What is Browser?
Browsers are the interpreters of the web. They request
information and then hen they receive it, they show us on the page
in a format we can see and understand.
– Google Chrome - Currently, the most popular browser by Google 
– Safari - Apple’s web browser 
– Firefox - Open-source browser supported by the Mozilla Foundation 
– Internet Explorer - Microsoft’s browser.
HTML
Hyper Text Markup Language

HTML is a markup language. It provides structure of a website so that web


browsers know what to show.
Versions
• Previous: HTML 4.0

• Current: HTML 5.0


CSS
Cascading Style Sheet

CSS is a Cascading Style Sheet. CSS let’s web designers change colors, fonts,
animations, and transitions on the web. They make the web look good.
Versions
• Previous: CSS 2.0

• Current: CSS 3.0


Programming Languages
• Programming languages are ways to communicate to computers and tell them what to
do. There are many different programming languages just like there are many
different national languages (english, spanish, french, chinese, urdu etc). One is not
better than the other. Developers typically are just proficient at a couple so they
promote those more than others.

• Some language names are:


• PHP
• Java
• C++
• Python
• C Sharp
Databases
• Databases are where all your data is stored. It’s like a bunch of filing cabinets
with folders filled with files. Databases come mainly in two flavors: SQL and
NoSQL. SQL provides more structure which helps with making sure all the data is
correct and validated. NoSQL provides a lot of flexibility for building and
maintaining applications.
• SQL Server
• MongoDB 
• MySQL 
• Oracle
Frameworks
• Bootstrap - A UI (user interface) framework for building with
HTML/CSS/Javascript 
• WordPress - A CMS (content management system) built on PHP. Currently,
about 35% of all websites run on this framework 
• Node.js - A server-side javascript framework
• .NET - A full-stack framework built by Microsoft 

• Others
Libraries
Libraries are groupings of code snippets to enable a large amount of
functionality without having to write it all by yourself. Libraries typically also
go through the trouble to make sure the code is efficient and works well
across browsers and devices (not always the case, but typically they do). 

• jQuery 
API
application programming interface

• An API is an application programming interface. It is created by the


developer of an application to allow other developers to use some of the
applications functionality without sharing code. Developers expose “end
points” which are like inputs and outputs of the application. Using an API
can control access with API keys. Examples of good API’s are those created
by Facebook, Twitter, and Google for their web services.
Client-side
• A client is one user of an application. It’s you and me when we visit
http://google.com. Client’s can be desktop computers, tablets, or mobile
devices. There are typically multiple clients interacting with the same
application stored on a server.
Server-side
• Server is where the application code is typically stored. Requests
are made to the server from clients, and the server will gather
the appropriate information and respond to those requests.
Front-end Back-end
• The front-end is comprised of The back-end is comprised of
HTML, CSS, and JavaScript. your server and database. It’s
This is how and where the the place where functions,
website is shown to users. methods, and data manipulation
happens that you don’t what the
client’s to see.
Protocols
Protocols are standardized instructions for how to pass information back and
forth between computers and devices.
• HTTP: Hyper Text Transfer Protocol
• HTTPS: Hyper Text Transfer Protocol Secure
• SMTP: Send Mail Transfer Protocol

• FTP: File Transfer Protocol


• Etc. Etc.
Data formats
Data formats are the structure of how data is stored.

• JSON - is quickly becoming the most popular data format 

• XML - was the main data format early in the web days and predominantly
used by Microsoft systems 

• CSV - is data formatted by commas. Excel data is typically formatted this


way. 

You might also like