Web development
•Télécharger en tant que PPTX, PDF•
2 j'aime•456 vues
The presentation was made for absolute beginners. It was presented in one of the workshops at Aiesec ITSchool Timisoara.
Recommandé
Contenu connexe
Tendances
Tendances (20)
Similaire à Web development
Similaire à Web development (20)
Dernier
Dernier (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