Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Upcoming SlideShare
API Management @ Haufe
API Management @ Haufe
Loading in …3
×
1 of 16

Web development

2

Share

Download to read offline

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

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

×