Your SlideShare is downloading. ×
0
Uvod v internet in  programiranje   Enostavno, kratko in prijazno
3 osnovna vprašanjaKaj so in kako delujejo spletne aplikacije?Kaj je Ruby in kako je povezan z Railsi?Kaj so Railsi in kaj...
Kako deluje internet?• Poglejmo si na primeru: - Kaj se zgodi, ko v spletni brskalnik   vpišem railsgirls.com?
1) Spletni brskalnik preko DNS poišče                                      IP naslov spletne strani                       ...
2) Brskalnik strežniku pošlje zahtevo “GET”Hej, potrebujem informacije o                               Trenutek ...   Rail...
3) Strežnik brskalniku odgovori      s spletno stranjo, napisano v jeziku HTML                                        Aha!...
4) Brskalnik poskrbiza ustrezen prikaz spletne strani                              Ta-da!                         A ni faj...
Torej, kaj bomodanes naredili?        j    Spletno aplikacijo     za zbiranje idej
Kako bo spletna aplikacija izgledala v brskalniku?
Hmm... kaj sploh sospletne aplikacije?In kaj spletne strani?
simplsushi.com                                      Hočem sushi!                                                          ...
sushi.html                                               je tak, kot je!                                        simplsushi...
Kaj pa tu?      fensisushi.com           Lahko dobim          sushi brez rib?jOctocat
spletna aplikacija                                                                  na strežniku                          ...
spletna aplikacija                                           na strežniku                                                j...
spletna aplikacija                                          na strežniku                                               j  ...
spletna aplikacija          V praksi ...              na strežniku                                         j              ...
Če torej hočemodelati spletne aplikacije ...
Če torej hočemodelati spletne aplikacije ...                                j             Se moramo znati pogovarjati s   ...
Ruby je en izmed programskih jezikov, ki   ga lahko uporabimo v aplikacijah                                               ...
Kako se lahko z računalnikom   pogovarjamo v Ruby-ju?Za začetek:1) Imeti moramo inštaliran Ruby (Installation Party!)2) Up...
Preprost primerUporabimo irb = Interactive RuBy       “Rails Girls”
irb examples"Rails Girls"           # nizi znakov (strings)2+2                     # števila (integers)2*2                ...
Preprost primerProgram shranimo v datoteko .rb za lažji dostop   Sublime Text 2               Terminal
simpl.rbputs “Rails Girls”
ime.rbputs "Kako ti je ime?"ime = gets.chomp!puts "#{ime}, tvoje ime ima #{ime.length}znakov."
racun.rbputs "Koliko je 2 + 2?"rezultat = 2 + 2odgovor = gets.to_iif odgovor == rezultat       puts "Bravo!"else       put...
Tudi velik, strašen zmaj je sestavljen                             iz preprostih Lego kock!Avtor fotografije: themickeyd
Bonus namig: za lažje         učenje doma obišči       http://tryruby.orghttp://www.codeschool.com                        ...
Kaj pa Rails?Rails = Ruby on Rails = RoR = “Ruby na tračnicah” :)= ogrodje (framework), ki poskrbi, da Ruby enostavno     ...
Današnjo aplikacijobomo izdelali z Railsi ...
... sestavljajo jo različne tekstovnedatoteke z Ruby, HTML in ostalo kodo
Rails* aplikacije imajo v                                   osnovi tri dele                           MVC arhitektura = Mo...
Nič jasno? Nič panike :)            Pri programiranju je:            • Googlanje zaželjeno;            • copy-paste ok;   ...
Ogrevanje pred izdelavo aplikacije: spoznajmo spletne tehnologije!                   My Bentobox                          ...
Upcoming SlideShare
Loading in...5
×

Uvod v internet in programiranje: Enostavno, kratko in prijazno

1,575

Published on

Uvodno predavanje z osnovnimi koncepti spleta in spletnega programiranja za delavnico Rails Girls Ljubljana.

Več o predavanju: http://ialja.blogspot.com/2012/12/explaining-web-and-web-programming-with.html

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
1,575
On Slideshare
0
From Embeds
0
Number of Embeds
29
Actions
Shares
0
Downloads
4
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Transcript of "Uvod v internet in programiranje: Enostavno, kratko in prijazno"

  1. 1. Uvod v internet in programiranje Enostavno, kratko in prijazno
  2. 2. 3 osnovna vprašanjaKaj so in kako delujejo spletne aplikacije?Kaj je Ruby in kako je povezan z Railsi?Kaj so Railsi in kaj z njimi početi?
  3. 3. Kako deluje internet?• Poglejmo si na primeru: - Kaj se zgodi, ko v spletni brskalnik vpišem railsgirls.com?
  4. 4. 1) Spletni brskalnik preko DNS poišče IP naslov spletne strani (109.74.202.152) Hočem vedeti Čakaj, da najdem več o Rails Girls naslov strežnika, ki ti lahko to pove.Avtor fotografije: Ed Yourdon
  5. 5. 2) Brskalnik strežniku pošlje zahtevo “GET”Hej, potrebujem informacije o Trenutek ... Rails Girls! HTTP zahteva GET Host: railsgirls.com j tvoj računalnikj strežnik, ki gosti railsgirls.com
  6. 6. 3) Strežnik brskalniku odgovori s spletno stranjo, napisano v jeziku HTML Aha! Našel! odgovor v jeziku HTML jČaki, da vidim, kaj tvoj računalnik j si mi to poslal ... strežnik, ki gosti railsgirls.com
  7. 7. 4) Brskalnik poskrbiza ustrezen prikaz spletne strani Ta-da! A ni fajn stran?
  8. 8. Torej, kaj bomodanes naredili? j Spletno aplikacijo za zbiranje idej
  9. 9. Kako bo spletna aplikacija izgledala v brskalniku?
  10. 10. Hmm... kaj sploh sospletne aplikacije?In kaj spletne strani?
  11. 11. simplsushi.com Hočem sushi! j j spletna stran Octocat sushi.htmlAvtorica fotografije: melanie_hughes
  12. 12. sushi.html je tak, kot je! simplsushi.com Ampak ... ne jem rib ... jj statična sushi.html spletna stranOctocat
  13. 13. Kaj pa tu? fensisushi.com Lahko dobim sushi brez rib?jOctocat
  14. 14. spletna aplikacija na strežniku j Kaj pa tu? fensisushi.com Lahko dobim sushi brez rib? j Seveda, Octocat, naš sushi mojster Octocat se ti prilagodi!Avtor fotografije: iwillbehomesoon
  15. 15. spletna aplikacija na strežniku j fensisushi.comjOctocat j Izvoli sushi po meri, sushi.html lahko ti takoj naredimo novega rezultat je spet spletna stran
  16. 16. spletna aplikacija na strežniku j fensisushi.comjOctocat j sushi.html vendar je to sedaj dinamična spletna stran, ki se prilagodi uporabniku
  17. 17. spletna aplikacija V praksi ... na strežniku j facebook.comjOctocat jzato je Facebook za vsekega izmed nas drugačen
  18. 18. Če torej hočemodelati spletne aplikacije ...
  19. 19. Če torej hočemodelati spletne aplikacije ... j Se moramo znati pogovarjati s sushi mojstrom na strežniku
  20. 20. Ruby je en izmed programskih jezikov, ki ga lahko uporabimo v aplikacijah Če hočeš, da kaj naredim, mi moraš povedati v Ruby-ju Drugi priljubljeni jeziki: PHP, Python, Java, ASP.NET, Perl ...
  21. 21. Kako se lahko z računalnikom pogovarjamo v Ruby-ju?Za začetek:1) Imeti moramo inštaliran Ruby (Installation Party!)2) Uporabimo Terminal oz. Command Prompt (Win)
  22. 22. Preprost primerUporabimo irb = Interactive RuBy “Rails Girls”
  23. 23. irb examples"Rails Girls" # nizi znakov (strings)2+2 # števila (integers)2*2 # Ruby kot preprost kalkulator"Rails " * 2 # nice lahko pomnožimo š številom"Rails " + "Girls" # združimo dva niza"Rails" * "Girls" # množenje dveh nizov ne dela"Rails Girls".length # imamo pa na voljo posebne metode"Rails Girls".reverseime = "Rails Girls" # za poenostavitev dela shranimo objekte v spremenljivkeime.length # na spremenljivki uporabimo isto metodo kot prejime.reverseime.upcaseime.downcaseime + ime # združevanje spremenljivk, isto kot prej
  24. 24. Preprost primerProgram shranimo v datoteko .rb za lažji dostop Sublime Text 2 Terminal
  25. 25. simpl.rbputs “Rails Girls”
  26. 26. ime.rbputs "Kako ti je ime?"ime = gets.chomp!puts "#{ime}, tvoje ime ima #{ime.length}znakov."
  27. 27. racun.rbputs "Koliko je 2 + 2?"rezultat = 2 + 2odgovor = gets.to_iif odgovor == rezultat puts "Bravo!"else puts "Hmm... Jaz dobim #{rezultat}"end
  28. 28. Tudi velik, strašen zmaj je sestavljen iz preprostih Lego kock!Avtor fotografije: themickeyd
  29. 29. Bonus namig: za lažje učenje doma obišči http://tryruby.orghttp://www.codeschool.com http://www.codecademy.com
  30. 30. Kaj pa Rails?Rails = Ruby on Rails = RoR = “Ruby na tračnicah” :)= ogrodje (framework), ki poskrbi, da Ruby enostavno uporabimo za izdelavo spletnih aplikacij = hitre tračnice za Ruby na internetu
  31. 31. Današnjo aplikacijobomo izdelali z Railsi ...
  32. 32. ... sestavljajo jo različne tekstovnedatoteke z Ruby, HTML in ostalo kodo
  33. 33. Rails* aplikacije imajo v osnovi tri dele MVC arhitektura = Model | View | Controller Controller = sushi šef sprejema zahteve, povezuje vse dele v delujočo celoto Model = sestavine predstavlja podatke iz baze View = sushi predstavitev rezultata, ki ga* Pa tudi veliko ostalih spletnih aplikacijah v drugih jezikih vidimo uporabnikiAvtor fotografije: Michael Kappel
  34. 34. Nič jasno? Nič panike :) Pri programiranju je: • Googlanje zaželjeno; • copy-paste ok; • važno, da dela. P.S.: Vaja dela mojstrico!
  35. 35. Ogrevanje pred izdelavo aplikacije: spoznajmo spletne tehnologije! My Bentobox Application: Designed by: Storage Logic Backend. Backend. How the application stores data. How the application works. Style and structure Frontend. How the application looks. Infrastructure Backend. How the application runs.
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×