Moderne web i frontend tehnologije 2015

Transcript

1. 1   Moderne web i frontend tehnologije Žarko Šušnjar, Senior Software Engineer, youngculture doo Centar za razvoj karijere i savetovanje studenata Univerziteta u Beogradu Beograd 24.04.2015.
2. O meni •  Web developer od 2005. •  2006.-2008. iTV, TV igre, SMS gateway, Mobile content delivery •  2009. gejming portali •  2010. stock photo platforma •  2011-2015. warranty management system •  Tehnologije: •  Javascript, Java SE/ME/EE, ColdFusion, Flash, Flex, AIR, Ruby On Rails, Groovy, Grails, Symbian, Clojure, Scala, C#, ASP, JSP, JSF, MySQL, PostgreSQL, MSSQL….….
3. Moj prvi računar (1992.)
4. Tema Moderne web i frontend tehnologije
5. Internet / WWW Tim  Berners-­‐Lee   Prvi  web  server  u  istoriji  
6. WEB 1.0
7. WEB 1.0
8. HTML •  <html>   •     <head>   •         <title>This  is  a  title</title>   •     </head>   •     <body>   •         <p>Hello  world!</p>   •     </body>   •  </html>  
9. WEB 1.0
10. Prva objavljena fotografija na WWW (1992.)
11. WEB 1.0 •  1995 JavaScript (ECMAScript) •  1995 Java Applet •  1996 VBScript, JScript, ActiveX •  1996 Flash •  1996 CSS
12. WEB 2.0
13. WEB 2.0 •  Ostali: •  2004. Flex, ActionScript •  2005. Unity •  2007. Silverlight •  2008. JavaFX •  Javascript: •  1999 … 2005 Ajax •  2006 jQuery •  2005… HTML5
14. Mobile •  2000. Windows Mobile •  2000. Symbian •  … •  2007. iPhone •  2008. Android •  2010. Windows Phone 7
15. Drugi uređaji •  2005. XBOX 360 •  2006. Sony PlayStation 3 •  2006. Nintendo Wii •  2007. Internet TV, Smart TV •  2007. Netbook
16. NZS
17. javascript
18. Javascript <!DOCTYPE  html>   <html  lang="en">      <head>          <title>Some  Page</title>          <script  type="text/javascript">              alert("Hello  World!");          </script>      </head>      <body>          <p>The  content  of  the  web  page.</p>      </body>   </html>  
19. Javascript <!DOCTYPE  html>   <html  lang="en">      <head>          <title>Some  Page</title>          <script  type="text/javascript">              alert("Hello  World!");          </script>      </head>      <body>          <p>The  content  of  the  web  page.</p>      </body>   </html>  
20. Javascript <!DOCTYPE  html>   <html  lang="en">      <head>          <title>Some  Page</title>          <script  type="text/javascript">              alert("Hello  World!");          </script>      </head>      <body>          <p>The  content  of  the  web  page.</p>      </body>   </html>  
21. DOM
22. Javascript •  document.getElementById("korpa").innerHTML  =  “200  RSD”;   •  document.write("<h2>Totalno  novi  sadrzaj!</h2>");     •  window.open(http://www.w3schools.com);  
23. jQuery
24. jQuery •  <script  type="text/javascript">   •  $(document).ready(function(){   •                 //  javascript  koji  se  izvrisi  tek  kada  je            //  strana  potpuno  ucitana   •  });   •  </script>  
25. jQuery •  $("div.naslov").add(”p.vazno").text(“…Necete   verovati  sta  se  onda  dogodilo!”)   •  $("div.naslov").addClass(”red")   •  $("div.naslov").slideDown(”slow");  
26. Javascript
27. Javascript
28. Podaci umesto HTML
29. Frontend - Backend
30. Javascript Renesansa •  Framework - оквир, окосница, поредак •  Library – библиотека
31. Javascript “Frejmvorci”
32. MVC MVP MVVM
33. MV*
34. MV* Liga šampiona
35. Nova generacija
36. Dodatni alati
37. Šta učiti
38. jQuery
39. Bootstrap
40. Knjige
41. Javascript: The Good Parts
42. Online univerziteti / kursevi
43. Youtube
44. Pitanja
45. Hvala! Switzerland youngculture AG Hotelstrasse - Postfach 2574 CH-8060 Zürich-Airport Tel. +41 (0)44 366 40 40 office.ch@youngculture.com Germany youngculture (Deutschland) Rottmannstrasse 11 DE-80333 Munich Tel. +49 (0)89 890 637 40 office.de@youngculture.c om Austria youngculture (Österreich) GmbH Renngasse 4 AT-1010 Vienna Tel. +43 (0) 1 532 19 60 office.at@youngculture.com Serbia (Nis and Belgrade) youngculture d.o.o. Bulevar Z.Đinđića 64a RS-11000 Belgrade Tel. +381 (0)11 404 99 50 offfice.rs@youngculture.co m Romania youngculture (Romania) S.R.L Palas 7B-7C, UBC3 Tower RO-700032 Iași Tel. +40 (0)33 27 10 530 offfice.ro@youngculture.co m