Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

Moderne web i frontend tehnologije 2015

Avatar for Zarko Susnjar Zarko Susnjar
April 24, 2015
Programming
240
0

Moderne web i frontend tehnologije 2015

Avatar for Zarko Susnjar

Zarko Susnjar

April 24, 2015

More Decks by Zarko Susnjar

See All by Zarko Susnjar
Uvod u Backbone.js
Avatar for Zarko Susnjar zarkosusnjar
2
140

Other Decks in Programming

See All in Programming
速く作れる。その次は、速く確かめられる開発へ 〜AIネイティブ開発を支える、Shift Down〜 / Can build fast. Next, moving to development where we can verify fast.
Avatar for r-kagaya rkaga
2
1.2k
AI に Inclusive UI を書かせよう — Design Rules Skill で Compose UI を作り直す
Avatar for テオリア・テクノロジーズ theoriatec2024
1
490
スマート反転とウェブアクセシビリティ
Avatar for KAMIHARA Takumi camiha
0
210
Are APIs Still Relevant in the AI Era?
Avatar for Antoine Bluchet soyuka
0
160
世界の中心で、AI（App Intents）をさけぶ ー App Intents中心設計の実践ガイド
Avatar for touyou touyou
0
550
更なる可用性を求めて、5年間運用したKotlinのアプリケーションをGoでリプレイスする話
Avatar for Kensuke Taguchi ken_tunc
0
180
[GoCon2026] When Goroutines Are Not Enough: Runtime Locality in High-Throughput Go
Avatar for Takeru Hayasaka takehaya
6
2.2k
仕様駆動開発による爆速プロダクト開発 / Bakusoku Spec Driven Development
Avatar for Keisuke Kobayashi kobakei
0
110
Intent as Code
Avatar for Shoppingjaws shoppingjaws
6
990
LL言語やWebフレームワークの PostgreSQL対応 〜DBの機能がユーザーに届くまで〜
Avatar for 武田 憲太郎 kentaroutakeda
1
150
AgentCore CLI で進化した AWS での AI エージェントの作り方 : 必要な機能を必要な時に
Avatar for Takahiro Kubo icoxfog417
PRO
3
340
App Intentsのビルドプロセスを支える技術
Avatar for kntk kntkymt
0
360

Featured

See All Featured
DBのスキルで生き残る技術 - AI時代におけるテーブル設計の勘所
Avatar for soudai sone soudai
PRO
68
57k
The Language of Interfaces
Avatar for Des Traynor destraynor
162
27k
Reality Check: Gamification 10 Years Later
Avatar for Sebastian Deterding codingconduct
0
2.3k
A Soul's Torment
Avatar for Nat Ma seathinner
8
3.6k
Mobile First: as difficult as doing things right
Avatar for Swwweet swwweet
225
10k
A designer walks into a library…
Avatar for Paul Jervis Heath pauljervisheath
211
25k
Applied NLP in the Age of Generative AI
Avatar for Ines Montani inesmontani
PRO
4
2.5k
Measuring & Analyzing Core Web Vitals
Avatar for Philip Tellis bluesmoon
9
990
Tell your own story through comics
Avatar for letsgokoyo letsgokoyo
1
1.1k
What Being in a Rock Band Can Teach Us About Real World SEO
Avatar for Ade Holder 427marketing
0
1.1k
4 Signs Your Business is Dying
Avatar for Josh Pigford shpigford
187
23k
Principles of Awesome APIs and How to Build Them.
Avatar for Keavy McMinn keavy
128
18k

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 [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