Ce diaporama a bien été signalé.
Le téléchargement de votre SlideShare est en cours. ×

Web development

Prochain SlideShare
Class 10
Class 10
Chargement dans…3
×

Consultez-les par la suite

1 sur 16
1 sur 16

Web development

Télécharger pour lire hors ligne

The presentation was made for absolute beginners. It was presented in one of the workshops at Aiesec ITSchool Timisoara.

The presentation was made for absolute beginners. It was presented in one of the workshops at Aiesec ITSchool Timisoara.

Plus De Contenu Connexe

Web development

  1. 1. Web Development Melania Danciu Solution Architect / mela.ro Haufe-Lexware
  2. 2. Mela Engineer  - Politehnica Timisoara Software developer Solution Architect at Haufe-Lexware Speaker @melaniadanciu http://mela.ro
  3. 3. Agenda • HTTP • Client – Server • HTML • CSS • XML, JSON, CSV • JavaScript • REST & SOAP • Other Server Languages
  4. 4. HTTP ( Hypertext Transfer Protocol) Browser Server Http Request Http Response HTTP Headers Request line HTTP Headers Status line Content
  5. 5. Client – Server Server W8 iOS Desktop WP8 Android Client* JavaScript Java C# Java, C#, JS, … Objective C C#, VB, … * Can be any language
  6. 6. 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/
  7. 7. HTML • By Berners-Lee in late 1991 • Not displayed, interpreted • Building blocks • Elements and attributes <tag atr1=“value1”></tag> • Special characters &amp
  8. 8. 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”>
  9. 9. XML (Extensible Markup Language) • Set of rules <?xml version="1.0" encoding="UTF-8" ?> <person FirstName = “Mela”> <blog value = “mela.ro”/> <person/>
  10. 10. 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" } ] }
  11. 11. 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
  12. 12. JavaScript • Client site script – interact with users • Communicate asynchronously • Dynamic, weakly typed
  13. 13. 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
  14. 14. 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.
  15. 15. 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/
  16. 16. Let’s Discuss

×