Uvod v internet in programiranje: Enostavno, kratko in prijazno
Upcoming SlideShare
Loading in...5
×
 

Uvod v internet in programiranje: Enostavno, kratko in prijazno

on

  • 1,694 views

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

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

Statistics

Views

Total Views
1,694
Views on SlideShare
753
Embed Views
941

Actions

Likes
1
Downloads
3
Comments
0

34 Embeds 941

http://ialja.blogspot.com 313
http://blog.ialja.com 197
http://blog.ialja.com 197
http://ialja.blogspot.de 105
http://localhost 19
http://ialja.blogspot.co.uk 13
http://ialja.blogspot.nl 10
http://ialja.blogspot.com.es 8
http://ialja.blogspot.fr 7
http://ialja.blogspot.co.nz 6
http://ialja.blogspot.be 6
http://ialja.blogspot.gr 6
http://ialja.blogspot.ca 5
http://ialja.blogspot.com.au 5
http://ialja.blogspot.co.il 4
http://ialja.blogspot.ie 4
http://ialja.blogspot.it 4
http://ialja.blogspot.pt 3
http://ialja.blogspot.com.br 3
http://ialja.blogspot.sg 3
http://ialja.blogspot.se 3
http://ialja.blogspot.co.at 2
http://cloud.feedly.com 2
http://digg.com 2
http://ialja.blogspot.hu 2
http://www.feedspot.com 2
http://ialja.blogspot.jp 2
http://ialja.blogspot.ro 2
http://www.newsblur.com 1
http://ialja.blogspot.fi 1
http://ialja.blogspot.ru 1
http://ialja.blogspot.hk 1
http://ialja.blogspot.no 1
http://ialja.blogspot.in 1
More...

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

CC Attribution-NonCommercial-ShareAlike LicenseCC Attribution-NonCommercial-ShareAlike LicenseCC Attribution-NonCommercial-ShareAlike License

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Uvod v internet in programiranje: Enostavno, kratko in prijazno Uvod v internet in programiranje: Enostavno, kratko in prijazno Presentation Transcript

  • 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 z njimi početi?
  • 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 (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
  • 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
  • 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
  • 4) Brskalnik poskrbiza ustrezen prikaz spletne strani Ta-da! A ni fajn stran?
  • 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! j j spletna stran Octocat sushi.htmlAvtorica fotografije: melanie_hughes
  • sushi.html je tak, kot je! simplsushi.com Ampak ... ne jem rib ... jj statična sushi.html spletna stranOctocat
  • Kaj pa tu? fensisushi.com Lahko dobim sushi brez rib?jOctocat
  • 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
  • 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
  • spletna aplikacija na strežniku j fensisushi.comjOctocat j sushi.html vendar je to sedaj dinamična spletna stran, ki se prilagodi uporabniku
  • spletna aplikacija V praksi ... na strežniku j facebook.comjOctocat jzato je Facebook za vsekega izmed nas drugačen
  • Če torej hočemodelati spletne aplikacije ...
  • Če torej hočemodelati spletne aplikacije ... j Se moramo znati pogovarjati s sushi mojstrom na strežniku
  • 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 ...
  • 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)
  • Preprost primerUporabimo irb = Interactive RuBy “Rails Girls”
  • 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
  • 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 puts "Hmm... Jaz dobim #{rezultat}"end
  • 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 http://www.codecademy.com
  • 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
  • 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 = 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
  • Nič jasno? Nič panike :) Pri programiranju je: • Googlanje zaželjeno; • copy-paste ok; • važno, da dela. P.S.: Vaja dela mojstrico!
  • 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.