Web development

Web Development
Melania Danciu
Solution Architect / mela.ro
Haufe-Lexware

Mela
Engineer  - Politehnica Timisoara
Software developer
Solution Architect at Haufe-Lexware
Speaker
@melaniadanciu
http://mela.ro

Agenda
• HTTP
• Client – Server
• HTML
• CSS
• XML, JSON, CSV
• JavaScript
• REST & SOAP
• Other Server Languages

HTTP ( Hypertext Transfer Protocol)
Browser Server
Http Request
Http Response
HTTP
Headers
Request line
HTTP
Headers
Status line
Content

Client – Server
Server
W8
iOS
Desktop
WP8
Android
Client*
JavaScript
Java
C#
Java, C#, JS, …
Objective C
C#, VB, …
* Can be any language

HTML(Hyper Text Markup Language)
<!DOCTYPE html>
<html>
<head>
<title>Hello Timisoara</title>
</head>
<body>
<p>Hello HTML Tags!</p>
</body>
</html>
http://www.htmldog.com/reference/htmltags/

HTML
• By Berners-Lee in late 1991
• Not displayed, interpreted
• Building blocks
• Elements and attributes <tag atr1=“value1”></tag>
• Special characters &amp

CSS (Cascading Style Sheets)
• Presentation semantics
.ui-overlay [,selector]{
background: #666;
filter: Alpha(Opacity=50);
opacity: .5;
position: absolute;
width: 100%;
height: 100%;
}
<link href=“cssfilepath.css” rel=“stylesheet”>

XML (Extensible Markup Language)
• Set of rules
<?xml version="1.0" encoding="UTF-8" ?>
<person FirstName = “Mela”>
<blog value = “mela.ro”/>
<person/>

JSON ( JavaScript Object Notation)
• Human readable data interchangeable
• Language independent – with parsers for every language
{
"firstName": “Melania",
"lastName": “Danciu",
"age": 26,
"address": {
"streetAddress": “One Infinite loop",
"city": “Timisoara",
"state": “RO",
"postalCode": “30029”
},
"phoneNumbers":
[
{ "type": "home", "number": "234 555-1234" },
{ "type": "fax", "number": “234 555-4567" }
]
}

CSV (comma-separated values)
• Plain text
• Consists of records
• The records are divided into fields separated by delimiters (“,”)
• Every record has the same sequence of fields
“Mela”, Danciu, 26
“Raul”, Andrisan, 26

JavaScript
• Client site script – interact with users
• Communicate asynchronously
• Dynamic, weakly typed

SOAP(Simple Object Access Protocol)
• state full
• Over HTTP and TCP/IP
• XML
• Binary data that is sent must be encoded first into a format such as
base64 encoded

REST (Representational State Transfer)
• Stateless
• Over HTTP
• Lightweight
• HTTP GET, POST and PUT
• Resource Oriented Architecture(ROA)
• Binary data or binary resources can simply be delivered upon their
request.

C#, Java, node.js…
• C# Tutorial
• Java
• Node.js
http://msdn.microsoft.com/en-us/library/aa288436(v=vs.71).aspx
http://docs.oracle.com/javaee/6/tutorial/doc/
http://www.nodebeginner.org/

Web development

Recommandé

Recommandé

Contenu connexe

Tendances

Tendances (20)

Similaire à Web development

Similaire à Web development (20)

Dernier

Dernier (20)

Web development