• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Uvod v internet in programiranje: Enostavno, kratko in prijazno
 

Uvod v internet in programiranje: Enostavno, kratko in prijazno

on

  • 1,573 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,573
Views on SlideShare
645
Embed Views
928

Actions

Likes
1
Downloads
3
Comments
0

34 Embeds 928

http://ialja.blogspot.com 305
http://blog.ialja.com 196
http://blog.ialja.com 196
http://ialja.blogspot.de 105
http://localhost 19
http://ialja.blogspot.co.uk 12
http://ialja.blogspot.nl 10
http://ialja.blogspot.com.es 8
http://ialja.blogspot.fr 6
http://ialja.blogspot.gr 6
http://ialja.blogspot.co.nz 6
http://ialja.blogspot.be 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.com.br 3
http://ialja.blogspot.se 3
http://ialja.blogspot.pt 3
http://ialja.blogspot.co.at 2
http://cloud.feedly.com 2
http://digg.com 2
http://ialja.blogspot.sg 2
http://ialja.blogspot.jp 2
http://ialja.blogspot.ro 2
http://ialja.blogspot.hu 2
http://www.feedspot.com 2
http://ialja.blogspot.fi 1
http://www.newsblur.com 1
http://ialja.blogspot.in 1
http://ialja.blogspot.ru 1
http://ialja.blogspot.hk 1
http://ialja.blogspot.no 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.