webdev-01-ulohy.md

Info: na learn2code stranke mate pristupny kurz Webrebel 2: PHP. V nom su tiez ulohy. Pre tych, ktorym su tieto komplikovane, skuste sa pozriet na ulohy DU 01 - 03 pre zaciatok.

---

1 Muzli a Nightfury ulohy

Zadavam par uloh na domacu. Znova, su dobrovolne, ale velmi silno odporucam vyskusat si ich. Je to naozaj jediny sposob, ako sa nieco naucit, treba si to vyskusat na vlastnej kozi/klavesnici:)

V diskusii je kod, ktory som vytvaral na hodine. Ten si stiahni a kradni z neho co len potrebujes. Skus to, co som ukazal na hodine, pouzit pri tychto ulohach. Nevadi, ak nevies spravit vsetko. Zatial nie vsetko z toho, co je v ulohach, som ukazoval. Ale skus spravit kolko vies.

Ak mas otazky, poznac si ich, ja ich potom zodpovediem na hodine:)

 

 

1) Prerob kod z muzli-html na php stranku:

• hod cely adresar do sidebaru (ten lavy panel) v sublime texte
• premenuj subory z .html na .php
• prezri si vsetky podstranky, najdi ktore casti kodu sa opakuju na vsetkych a vytiahni ich do novych suborov header.php a footer.php - tieto vloz cez include do kazdej podstranky
• v headeri budes mat navigaciu, linky smeruju na html stranky, prepis, aby smerovali na php stanky

Cize uloha je zmenit stranku z html na php a rozbit kazdu podstranku na 3 kusky - header, obsah, footer - ktore sa cez include zlepia dokopy.

 

 

2) Toto iste zopakuj pre stranku nightfury-html:

• zas najdes, co patri do headera, co do footera, prepises linky v navigacii z .html na .php, ...
• na stranke je telefonne cislo a email (v headeri vlavo hore a potom znova nizsie na stranke)
  • skus si vytvorit premenne, jednu pre cislo, druhu pre email a vypis ich do stranky tam, kam patria
• skus spravit navigaciu cez pole (znova, navigacia je vpravo hore a potom aj nizsie v stranke)
  • tymi ikonkami v navigacii sa zatial nezaoberaj, nevadi, ak tam nebudu

 

 

Tieto dalsie su "pokrocilejsie" ulohy. Treba mat napozerane videa dopredu alebo pockat, kym veci vysvetlim na hodine. Cize nevadi, ak vies. Ak vies, tak super, ty biflos jeden;)

 

3) Naspat na stranku muzli ked dokoncis ulohu 1:

• pozadia podstranok sa prestanu vyfarbovat na pekne farby (za to je zodpovedny class na elemente body), prestane fungovat navigacia poriadne, ...
• ak chces, napozeraj si videa dopredu a nauc sa vytiahnut nazov suboru, ktory mas prave otvoreny
  • to ti pomoze doplnit class do body elementu, co vyfarbi stranku
  • a dovoli ti to tiez opravit navigaciu

 

 

4) Naspat na stranku nightfury ked dokoncis ulohu 2:

• tu je dolezita podstranka "Portfolio", kde sa mozem prepinat medzi roznymi galeriami (modre menu v strede stranky)
• skus vymysliet sposob, aby sa zobrazila spravna galeria, na zaklade toho, ktory link mam stlaceny

Chcel by som, aby linky v adrese vyzerali napriklad takto:

http://localhost/nightfury/portfolio.php?page=branding 

alebo

http://localhost/nightfury/portfolio.php?page=web

Cize stale budem mat len jeden php subor pre podstranku portfolio, ale v nom bude kod, ktory sa pozrie co sa nachadza v adrese za &page= a ak je tam slovo branding, zobrazi branding galeriu. Ak je tam fotografia, zobrazi fotografia galeriu, atd...

Odporucam, aby subory a adresare vyzerali takto:

Ide o to, ze mam 4 stranky index, about, portfolio, contact a pre kazdu z nich budem mat jeden subor. S tym, ze v subore portfolio.php potrebujem napisat kod, ktory z adresy vytiahne hodnotu za slovom ?page= a podla toho do stranky vlozi (klasicky cez include) subor z adresara portfolio/.

V kazdom z tych suborov all.php, foto.php, video.php, ... bude iba HTML kod zodpovedny za obrazky. Cize ziadne header, footeri, nic, iba obrazky.

 

 

5) Stiahni si z diskusie subor muzli-file-exists.zip (Materiály a pokyny [ streda, 2. 11. ]):

• skus opravit navigaciu
• linky teraz musia vyzerat takto /muzli/index.php?page=blog
• tie linky sa vyrobia podla toho, co mam ulozene v $navigation
  • nie je tam ziaden trik, iba cez foreach prebehnem $navigation a vyrobim linky tak, ako som pisal vyssie, ziadne specialitky tam nehladat...

 

 

webdev-02-ulohy.md

2 Ulohy na precvicenie formularov a poli

1) Vytvor jednoduche pole, nahadz donho zopar cisel a vypis ich sucet.

 

 

2) V diskusii su subory k stranke muzli-31-10. Je tam podstranka contact.php kde je formular. Ked ho odosles, chcem, aby sa nad nim zobrazili vety typu

Tvoje meno je <strong>Meno</strong>.
Tvoj email je <strong>Email</strong>.
Napisal si "<strong>Sprava</strong>".

Kde Meno, Email a Sprava pridu z formularu.

 

 

3) Vyrob HTML formular. Ako startovny body mozes pouzit ten kod z diskusie "Odoslanie formularu". Bude mat 2 inputy:

• jeden pre meno
• druhy pre priezvisko

Po odoslani sa vypise spolu:

Tvoje meno je <strong>Meno Priezvisko</strong>.

Kde Meno a Priezvisko budu z formularu.

Potom to uprav tak, aby formular mal 2 inputy:

• jeden na jedno cislo
• druhy na druhe cislo

Po odoslani formularu vypis sucet tych dvoch cisel.

 

 

4) Vyrob HTML formular s jednym inputom.

Don zadas cislo. Po odoslani formularu:

• vyrob UL zoznam s tolkymi LI elementami, ake cislo si zadal

Cize ak zadas 4, vypise sa:

<ul>
	<li>1. hodnota</li>
	<li>2. hodnota</li>
	<li>3. hodnota</li>
	<li>4. hodnota</li>
<ul>

Ak zadas 1, vypise sa:

<ul>
	<li>1. hodnota</li>
<ul>

Atd. Ak nezadas cislo alebo kladne cislo, namiesto zoznamu sa vypise "Musis zadat cislo."
Ak nevies ako, pozri si / vygoogli si FOR cyklus.

Napr toto vypise cisla od 0 po 9.

for ($i=0; $i < 10; $i++)
{
	echo $i;
}

 

 

5) Prerob kod z ulohy 9 tak, ze ak zadas cislo napriklad 11, na obrazovku sa vypise:

1-2-3-4-5-6-7-8-9-10-11

Od 1 az po cislo, ktore zadas v premennej.
Idealne tak, aby posledny vypisany znak nebola pomlcka.

webdev-03-ulohy.md

3 Zapisnik a Todoapp ulohy

1) Stiahni si z diskusie zapisnik-start.zip.

• rozbi kod klasicky do _partials (cize vytvor tam header a footer)
• vytvor partial aj pre formular na pridavanie noveho prispevku
• stiahni si sex masinu, skus spravit pridavanie novych zaznamov do zapisnika tak, ako bola robena sex masina
  • zatial ignoruj datum a cas, ukladaj iba text
  • ak chces pridavat na koniec suboru file_put_contents('_inc/storage.dat', 'novy text', FILE_APPEND);

 

 

2) Stiahni si z diskusie Materiály a pokyny [ pondelok, 7. 11. ] subor zapisnik-do-suboru-1.zip.
A z tej istej si stiahi todoapp-kostra.zip.

a) - ten zapisnik vie ukladat zaznamy do suboru

• tvoja uloha je toto iste spravit v todo applikaci
• cize kradni funkcionalitu zo zapisnika a pouzivaj ju v todo appke
• ta ma vlavo zoznam a vpravo formular - ked odoslem formular, ulozi sa zaznam do suboru a zobrazi vlavo v zozname... tak isto, ako v zapisniku

b) Dorob moznost editovat a vymazat specificky zaznam. V zozname bude vedla todo item aj link na edit a delete. Edit a Delete podstranky mozu vyzerat takto:

Povedzme, ze mas vsetky prispevky vytiahnute do premennej $data.

Ked si nechas vylistovat ulozene data, kazdy zoznam bude v poli. Z pola napriklad cez unset( $data[2] ) vies vymazat treti zoznam pola. Toto bude zrejme jednoduchsia cast ulohy. Najskor skus spravit vymazanie. Potom sprav editovanie zaznamu.

Pozor: ked z $data odstranim polozku vznikne diera v cislovani klucov. A funkcia json_encode() evidentne ma problem s podobne deravymi polami. Pred vykonanim json_encode treba na pole zavolat array_values($data), co prepocita kluce a "odstrani diery" v poli a potom je to ok.

Ak nevies ako zacat, skus najprv spravit ulohu 1 zo sekcie Polia, Stringy a iné nizsie na stranke.

 

 

3) Stiahi si z diskusie Materiály a pokyny [ streda, 9. 11. ] subor zapisnik-do-suboru-json.zip.

• pridaj dalsi input pre nadpis (napriklad input s name="title") a potom do suboru vo forme JSONu ulozis pre kazdy zaznam 3 informacie:
• nadpis
• text
• datum vytvorenia

 

 

4) Uprav zapisnik tak, aby si mohol pridat viac zaznamov naraz. Najprv sprav tieto 3 veci:

1. do suboru footer.php pridaj pred </body> element tieto 2 riadky

<script src="assets/js/jquery.js"></script>
<script src="assets/js/app.js"></script>

2. vo formulari musis pri textarea zmenit name="message" na name="message[]" tie hranate zatvorky pridat na koniec name atributu, tym padom ziskas moznost odoslat viac hodnot naraz (kde $_POST['message'] predtym bol string s jednym zaznamom, teraz z toho bude pole... lepsie to pochopis, ked vyskusas:))

3. Do formularu za input pridaj takyto link:

<a href="#" class="one-more">one more</a>

Teraz vdaka javascritpu, ktory si pridal v kroku 1, ked kliknes na one more, pribudne dalsia textarea do formularu.

Tvoja uloha je upravit kod tak, aby sa naraz do suboru ulozilo viac hodnot. Cize budes musiet cez foreach prebehnut vsetko v $_POST['message'] a pridat kazdy zaznam do jsonu, ktory ulozis do suboru.

webdev-04-ulohy.md

4 JSON ulohy

1) Stiahi si z diskusie Materiály a pokyny [ streda, 9. 11. ] subor json-na-vasa.zip. Ono to stiahne vsetky albumy Vasa Patejdla, ktore Spotify eviduje. Uloha bude spravit to iste cez iTunes:

https://itunes.apple.com/search?term=vaso+patejdl&entity=album

Cize ked si necham stiahnut tuto adresu, chcem vylistovat albumy vo formate:

<p>
    <img src="https://i.scdn.co/image/a0ca32e9d182efe92e304f490b27e202b4ab6c9a">
    <a href="https://open.spotify.com/album/2zArwwKgl7q13YvJsoMcxi">Vaso Patejdl - Mon Amour</a>
</p>

Cize pre kazdy album sa spravi odstavec, v nom bude obal albumu ako obrazok a pod nim link na stranku albumu s nazvom interpeta a nazvom albumu.

 

 

2) Vylepsi ulohu 1 tak, ze pridas formlar s jednym inputom, kde zadam meno interpreta a vylistuju sa mi jeho albumy. Ak interpret ma medzery v nazve, potrebujes ich zmenit na pluska, cize Justin+Bieber. Na to mozes pouzit funkciu urlencode( $interpret ).

 

 

3) Pre zopakovanie - do diskusie Materiály a pokyny [ streda, 9. 11. ] som pridal subor albums.zip. Stiahni, rozbal do nejakej tvojej php stranky a sprav s nim to iste, ako v ulohe 1. Pre zmenu nepouzi odstavec, ale zoznam.

a) Kazda polozka zoznamu bude vyzerat klasicky - obal albumu, nazov interpreta a nazov albumu, vsetko funguje ako link na spotify stranku.

b) Potom sprav formular, kde budu 4 gombiky:

• abecedne a-z
• abecedne z-a
• od najnovsieho
• od nastarsieho

Skus vymysliet, ze zoznam albumov sa usporiada podla gombika, ktory si stlacil. Cize kliknem na od nastarsieho, na vrchu zoznamu bude najstarsi album atd.

c) V ulohe 2 si spravil/a formular kde zadas interpreta a ono ti to najde vsetky jeho albumy na iTunes. Skus toto iste spravit na Spotify. Rozdiel je, ze tu budes musiet najprv ziskat IDcko toho interpreta, tu ti nestaci jeho meno.

Ako na to budes musiet vycitat z dokumentacie: https://developer.spotify.com/web-api/endpoint-reference/
(napriklad to najst tu https://developer.spotify.com/web-api/search-item/ a mozno namiesto urlencode() bude treba rawurlencode()).

Cize fomular, zadam meno, najde mi vsetky jeho albumy na Spotify.

 

 

4) Stiahni si appku filmy.zip (z Materiály a pokyny [ pondelok, 7. 12. ]). Je to HTML tabulka, kde sa udaju nacitavaju z premennej $data v config.php subore. Uprav tuto appku tak, aby sa udaju nacitavali z JSON suboru. V appke je niekolko functions.php suborov, ktore ti s tym mozu pomoct. Su to funkcia z todoappky, ktoru najdes v Materiály a pokyny [ streda, 30. 11. ].

Cize uloha je zlucit tieto filmy a todoappku dokopy. Odporucam tento postup:

1) z $data vyrob json subor, uloz si ho napr do _inc/storage.json  
2) sprav zobrazenie tychto dat zo suboru do stranky  
3) potom sprav novy html formular, ktory bude obsahovat 5 inputov - jeden pre kazdy udaj, co potrebujes o filme evidovat   
4) ked odosles formular, uloz novy zaznam do suboru  
5) ked mas pridavanie, vies spravit editovanie a mazanie  

Vsetko je to spravene v tej todoapp. Tvoja uloha je prerobit todoapp na filmy. Vela stastia:)

webdev-05-ulohy.md

5 Polia, Stringy a iné

1) Sprav jednoduchy index.php subor. Don vyrob jeden HTML formular s jednym inputom.
Don zadas cislo. Po odoslani formularu vyrob OL zoznam s tolkymi LI elementami, ake cislo si zadal. Vyhladaj si v php ako sa pouziva for.

Napr toto vypise cisla od 0 po 9.

for ($i=0; $i < 10; $i++)
{
	echo $i;
}

Pouzi to, a vypis nieco nasledovne:

1. zaznam 1, edit, delete
2. zaznam 2, edit, delete

S tym, ze su to 3 linky.

Ked kliknem na "1. hodnota", hodi ma to na show.php?id=1
Ked kliknem na "edit", hodi ma to na edit.php?id=1
Ked kliknem na "delete", hodi ma to na delete.php?id=1

Pre druhy zoznam na konci budu dvojky.

Vyrob podstranky show.php a edit.php a delete.php.

Na show.php sa zobrazi "Zobrazujem 2. zaznam.".
Na edit.php sa zobrazi. "Editujem 2. zaznam".
Na delete.php sa zobarazi "Mazem 2. zaznam".

Cislo bude podla toho, na ktory link kliknem.

Toto mozes pouzit na riesenie ulohy 2 zo sekcie Zapisnik a Todoapp ulohy.

 

 

2) Stiahni si pics-new.zip. Su tam obrazky s nazvami ako:

dexters_lab.jpg
Super-mario-3.png
dredd.jpg
Duken_Nuken_3D.jpg
Papers_Please.jpg

Vyrob z nich HTML zoznam (ol, li), ktory (pomocou glob()) zobrazi ich nazvy takto nejak:

1. Dexters Lab
2. Super Mario 3
3. Dredd

A tak dalej. Cize pomlcka alebo podtrznik sa zmeni na medzeru (cez str_replace()) a prve pismena sa zmenia na velke (cez ucfirst()). A odreze sa pripona suboru.

Pozor, niektore subory pouzivaju pomlcky. Niektore pouzivaju podtrzniky. Niektore subory su jpg, niektore png. Ma to fungovat so vsetkymi subormi.

Z toho isteho zoznamu suborov vyrob toto:

{ type: 'quiz', title: '12 Honkeys', pic: 'twelve-monkeys.jpg' },
{ type: 'quiz', title: 'La Jetee', pic: 'la-jetee.jpg' },
{ type: 'quiz', title: 'Back To The Future 2', pic: 'back-to-the-future-2.jpg' },
{ type: 'quiz', title: 'Foor', pic: 'foor.jpg' },
{ type: 'quiz', title: 'Pool', pic: 'pool.jpg' },

V title je ludsky nazov suboru. V pic je nazov suboru.

 

 

3) Stiahni si produkty.zip. Su tam adresare ako brany, postele, univerzalna-kovovyroba. V kazdom z nich su 2 adresare. Jeden, ktory obsahuje velke obrazky produktov. Druhy obsahuje male thumbnails. Sprav jednoduchu stranku, ktora funguje takto nejak:

Dizajnom sa velmi nezaoberaj. Dolezite je, ze su tam linky na rozne "kategorie" produktov. Nazvy tychto linkov sa odvijaju od nazvu adresara. Cize musis cez napr. glob() prebehnut adresare, najst z nich nazvy, zmenit ich na slovenskejsie vyzerajuce nazvy.

Napriklad "univerzalna-kovovyroba" sa zmeni na "Univerzalna Kovovyroba".
Cize pomlcka sa zmeni na medzeru (cez str_replace()) a prve pismena sa zmenia na velke (cez ucfirst()).

Potom pre kazdu sekciu sa zobrazia spadajuce obrazky.
S tym, ze obrazok bude maly thumbnail a bude to link, ked nan kliknem, zobrazi sa mi velka verzia obrazka.

Ak to nevies spravit presne podla obrazka, nevadi. Sprav to najlepsie, ako sa podari. Dolezite je pre kazdy adresar vylistovat produkty.

Ak fakt nevies, najskor skus vylistovat nazvy adresarov pod seba. Potom zmenit nazvy na krajsie nazvy. Alebo skus iba vyrobit linky s malym obrazkom smerujuce na velky obrazok. A tak dalej. Kazdy kusok, ktory vies spravit, je dobry. Len nesprav to, ze si povies "Ja neviem, ako spravit celu tuto ulohu" a vyseres sa na to:) Skus spravit tu cast, na ktoru si trufas.

 

 

4) (Tato uloha je dost hardcore.) Skus z tychto stranok vytiahnut obrazky triciek:

• http://shirt.woot.com/
• https://www.riptapparel.com/
• https://www.qwertee.com/
• http://www.othertees.com/

Ukazoval som, ze cez file_get_contents('http://stranka.sk') sa da stiahnut HTML kod stranky. Z neho sa potom daju vytiahnut img elementy. Ale to sa robi na hovno.

Skus radsej pouzit nieco ako:

• http://simplehtmldom.sourceforge.net/
• https://code.google.com/archive/p/phpquery/
• https://github.com/paquettg/php-html-parser

webdev-06-ulohy.md

6 Funkcie

0) sprav funkciu s nazvom pozdrav(), ktoru ked zavolam, iba vypise:

Ahoj, truľo.

Uprav ju tak, ze do nej mozem hodit meno. Ked tam hodim meno Vašo, takto pozdrav('Vašo'), vypise:

Ahoj, Vašo, ty truľo.

 

 

0 a pol) Sprav funkciu, do ktorej ked poslem pole, napriklad [ 'web', 'gule', 'vajcia' ] vyrobi to pre kazdy zaznam link na tento styl:

<a href="web.php?page=WEB">Web</a>

Cize v href sa vypise zaznam a za to sa prida .php.
Potom sa prida ?page= a za tym zaznam, ale cely velkym pismenom.
A ako text v linku sa zobrazi zaznam, ale s velkym iba prvym pismenom.

 

 

1) sprav funkciu, ktora ak mam premenne, ze

	$pocet_produktov = 5;
	$cena_jedneho = 300;

a zavolam ju nasledovne

	how_much( $pocet_produktov, $cena_jedneho );

do stranky vypise

	<p>
		Kupil si 5 predmetov za 1500€ dokopy.
	</p>

 

 

2) dalsiu funkciu, ktora ak mam float cislo

	$cislo = 15321.35;

ktoru ked zavolam takto

	money( $cislo );

vypise na obrazovku

	15 321,35€

cize cislo naformatuje na vysledok, ktory vyzera ako suma penazi

 

 

3) funkciu, ktora od sumy vie odpocitat zlavu

	$suma = 124.12;
	$zlava = 13; // tym myslim akoze 13%

a ked zavolam

	discount( $suma, $zlava )

vypise to sumu o 13 percent niziu idealne ked sa ten vysledok naformatuje ako pekna suma penazi, na co pouzijete tu predoslu funkciu

samozrejme ked pomenim hodnoty v tych premennych, vsetko sa prepocita spravne

 

 

4) sprav funkciu, ktora dostane 2 cisla a vypise vacsie z nich

5) sprav funkciu, kam posles pole s cislami a ona vypocita ich sucet

6) sprav funkciu, ktora vypise iba kazdu druhu hodnotu z pola

7) sprav funkciu, ktora ktora najde najvacsie cislo v poli (existuje na to aj funkcia v php, ale pre vacsi challenge, skus si to spravit len cez foreach)

 

 

8) otvor si v Webrebel 2: PHP kurze DÚ 7 a sprav ju:)
Je o precviceni si prechadzania polami, ktore v sebe maju dalsie polia.
A o precvicovani si generovania komplikovanejsieho html kodu - tabulky.

 

 

9) v diskusii Materiály a pokyny [ pondelok, 28. 11. ] si siahni subor zapisnik_a_fury.zip (je v druhom komentari). Stiahni si aj 01-muzli-s-funkciami.zip v tej istej diskusii.

Na stranke 02-zapisnik:

a) pouzi funkciu input(), ktora je spravena v tej stranke muzli s funkciami, na skontrolovanie, ci bol odoslany formular a ulozenie message z neho

b) vyrob novu funkciu get_all_messages() ktora zo suboru vytiahne vsetky ulozene messages a spravi z nich pole a vrati toto pole (ak nic ulozene nebolo, vrati prazdne pole)

c) sprav funkciu add_new_message() ktora prida novu, prave odoslanu spravu do suboru

Je to podobne, ako to, co som robil teraz na hodine. Ja som zobral stranku muzli a kod v nej som rozbijal do funkcii. Teraz toto iste je treba spravit so strankou kontakt. Cize nic nove nepribudne do stranky, ale po novom to bude fungovat cez funkcie.

 

 

10) Rovnako, ako v ulohe 9 - v diskusii Materiály a pokyny [ pondelok, 28. 11. ] si siahni subor zapisnik_a_fury.zip (je v druhom komentari). Stiahni si aj 01-muzli-s-funkciami.zip v tej istej diskusii.

Na stranke 03-nightfury:

a) v header.php a footer.php je foreach, ktory vyraba menu - sprav novu funkciu make_main_nav_link() ktora vyrobi tie <li> elementy podobne, ako je to spravene na stranke 01-muzli-s-funkciami.zip.. v headeri maju byt linky ale vo footeri nie, cize do funkcie posli aj informaciu, ci vyrabas horne alebo dolne menu a potom cez if bud pridas ikonky alebo nie

b) v portfolio.php je modra navigacia pre galerie... sprav podobnu funkciu aj pre vyrobenie tohoto menu... napriklad make_gallery_nav_link()

c) mozes skusit spravit dalsiu funkciu make_navigation_link() do ktorej ked poslem bud slovo 'main' alebo 'gallery', tak ona podla toho zavola make_main_nav_link() alebo make_gallery_nav_link() a tym padom budem moct v headeri, v portfoliu aj vo footeri pouzivat iba jednu funkciu na vykreslenie menu

 

 

11) 2 casti:

a) Sprav funkciu anchor(), do ktorej ked hodim url adresu a text, ona z toho spravi klikatelny link a hned ho vypise do stranky. Napriklad $url a $text. Ten link bude smerovat na adresu $url ked kliknem na $text. Cize keby ju zavolam takto:

<p>ked chces googlit, pouzi tento kvalitny <?php anchor('http://bing.hu', 'vyhladavac') ?></p>

A teraz slovo vyhladavac bude <a href=""> element, na ktory ked kliknem, vezme ma na stranku bing.hu.

 

b) Rozsir funkciu tak, ze ked tam poslem pole s atributmi, spravia sa z nich html atributy... cize, keby mam napriklad:

$atts = [
	'title' => 'toto je link',
	'class' => 'red'
];

anchor('http://brm.sk', 'kvalitný blog', $atts);

Tak sa vyrobi klikatelny link s textom a bude mat title="" a class="" podla toho, co je v poli.

webdev-07-ulohy.md

7 Ulohy na DATABAZU

Tu su priklady SQL funkcii https://gist.github.com/yablko/939618217d872979c40242c3ccd07ad8
Tu su ulohy pre filmovu aplikaciu https://gist.github.com/yablko/50d0607ef2df60b2f3986f21e636dd01

---

V diskusii Materiály a pokyny [ streda, 14. 12. ] todoapp s db je TODO appka s databazou - je tam hotove vyberanie, pridavanie, upravovanie a mazanie zaznamov z databazy. V diskusii Materiály a pokyny [ pondelok, 19. 12. ] filmy s db a strankovanim kde ja appka s filmami - je tam hotove strankovanie - rozdelenie na stranky.

 

 

1) predtym sme robili appku Zapisnik

• prerob ho tak, aby pracoval s databazou
• vytvor databazu, nacitavaj data z nej, zobrazuj ich do stranky
• dorob upravu a mazanie zaznamov

 

 

2) dorob do TODOappky strankovanie:

• mozes ho ukadnut z filmov

 

 

3) dorob do FILMOV pridavanie, editaciu, mazanie:

• aj filmov
• aj reziserov
• pri filmoch bude SELECT vo formulari na rezisera - ked pridavam novy film, musim si vybrat, ktoremu reziserovi patri

A potom samozrejme vsetky tieto ulohy pre filmy https://gist.github.com/yablko/50d0607ef2df60b2f3986f21e636dd01

Hlavicka tej stranky by mohla vyzerat takto:

S tym, ze tie linky smeruju na formulare na pridanie noveho filmu a rezisera. A tiez potom treba pridat moznost zmazat ho a editovat ho.