Moderne web i frontend tehnologije 2015

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.

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….….

Moj prvi računar (1992.)

Tema Moderne web i frontend tehnologije

Internet / WWW Tim Berners-‐Lee Prvi web server u
istoriji

WEB 1.0

HTML •  <html> •  <head> • 
<title>This is a title</title> •  </head> •  <body> •  <p>Hello world!</p> •  </body> •  </html>

WEB 1.0

Prva objavljena fotografija na WWW (1992.)

WEB 1.0 •  1995 JavaScript (ECMAScript) •  1995 Java Applet
•  1996 VBScript, JScript, ActiveX •  1996 Flash •  1996 CSS

WEB 2.0

WEB 2.0 •  Ostali: •  2004. Flex, ActionScript •  2005.
Unity •  2007. Silverlight •  2008. JavaFX •  Javascript: •  1999 … 2005 Ajax •  2006 jQuery •  2005… HTML5

Mobile •  2000. Windows Mobile •  2000. Symbian •  …
•  2007. iPhone •  2008. Android •  2010. Windows Phone 7

Drugi uređaji •  2005. XBOX 360 •  2006. Sony PlayStation
3 •  2006. Nintendo Wii •  2007. Internet TV, Smart TV •  2007. Netbook

javascript

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>

Javascript •  document.getElementById("korpa").innerHTML = “200 RSD”; •  document.write("<h2>Totalno novi
sadrzaj!</h2>"); •  window.open(http://www.w3schools.com);

jQuery

jQuery •  <script type="text/javascript"> •  $(document).ready(function(){ • 
// javascript koji se izvrisi tek kada je // strana potpuno ucitana •  }); •  </script>

jQuery •  $("div.naslov").add(”p.vazno").text(“…Necete verovati sta se onda dogodilo!”)
•  $("div.naslov").addClass(”red") •  $("div.naslov").slideDown(”slow");

Javascript

Podaci umesto HTML

Frontend - Backend

Javascript Renesansa •  Framework - оквир, окосница, поредак •  Library
– библиотека

Javascript “Frejmvorci”

MVC MVP MVVM

MV* Liga šampiona

Nova generacija

Dodatni alati

Šta učiti

jQuery

Bootstrap

Knjige

Javascript: The Good Parts

Online univerziteti / kursevi

Youtube

Pitanja

Hvala! Switzerland youngculture AG Hotelstrasse - Postfach 2574 CH-8060 Zürich-Airport
Tel. +41 (0)44 366 40 40 [email protected] Germany youngculture (Deutschland) Rottmannstrasse 11 DE-80333 Munich Tel. +49 (0)89 890 637 40 [email protected] om Austria youngculture (Österreich) GmbH Renngasse 4 AT-1010 Vienna Tel. +43 (0) 1 532 19 60 [email protected] Serbia (Nis and Belgrade) youngculture d.o.o. Bulevar Z.Đinđića 64a RS-11000 Belgrade Tel. +381 (0)11 404 99 50 [email protected] m Romania youngculture (Romania) S.R.L Palas 7B-7C, UBC3 Tower RO-700032 Iași Tel. +40 (0)33 27 10 530 [email protected] m

Moderne web i frontend tehnologije 2015

Moderne web i frontend tehnologije 2015

More Decks by Zarko Susnjar

Other Decks in Programming

Featured

Transcript