Web development
•Download as PPTX, PDF•
2 likes•456 views
The presentation was made for absolute beginners. It was presented in one of the workshops at Aiesec ITSchool Timisoara.
Recommended
More Related Content
What's hot
What's hot (20)
Similar to Web development
Similar to Web development (20)
Recently uploaded
Recently uploaded (20)
Web development
- 1. Web Development Melania Danciu Solution Architect / mela.ro Haufe-Lexware
- 2. Mela Engineer - Politehnica Timisoara Software developer Solution Architect at Haufe-Lexware Speaker @melaniadanciu http://mela.ro
- 3. Agenda • HTTP • Client – Server • HTML • CSS • XML, JSON, CSV • JavaScript • REST & SOAP • Other Server Languages
- 4. HTTP ( Hypertext Transfer Protocol) Browser Server Http Request Http Response HTTP Headers Request line HTTP Headers Status line Content
- 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. 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. HTML • By Berners-Lee in late 1991 • Not displayed, interpreted • Building blocks • Elements and attributes <tag atr1=“value1”></tag> • Special characters &
- 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. XML (Extensible Markup Language) • Set of rules <?xml version="1.0" encoding="UTF-8" ?> <person FirstName = “Mela”> <blog value = “mela.ro”/> <person/>
- 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. 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. JavaScript • Client site script – interact with users • Communicate asynchronously • Dynamic, weakly typed
- 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. 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. 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. Let’s Discuss