Romane, dúfam, že ďalšie video bude pokračovanie tejto "rozrobenej" aplikácie. A to Javascript, potom aj PHP a SQL. Nech máme na konci funkčnú aplikáciu. :)
⬇️ Stiahi si KÓD a nájdi všetky ODKAZY github.com/yablko/reminders-remake-mac-to-html 00:00 01 | REMINDERS REMAKE, prerobím do HTML a naučím ťa veci 02:02 02 | INDEX.HTML, normalize.css, app.css (linear-gradient) 03:45 03 | REM vs. PX, relatívne jednotky v CSS 09:28 04 | FLEXBOX, a system fonty (display, flex, align-items, justify-content, -apple-system) 14:42 05 | FLEXBOX, CONTENT a SIDEBAR (aside, main, flex-direction, overflow) 18:40 06 | BUTTONS, flex na zarovnanie elementov vedľa seba 22:27 07 | RGBA, polo-priehľadné farby (rgba, hover, active) 26:00 08 | FORMULÁR, a PSEUDO ELEMENTY (form, input, ::placeholder, ::first-letter) 31:57 09 | RELATÍVNE POZÍCIE, mínusové hodnoty (position, relative) 36:50 10 | CSS GRID pre LAYOUT, zalomenie (grid, fraction, gap) 41:57 11 | CSS GRID vs. FLEXBOX, kedy použiť ktorý 46:19 12 | JAVASCRIPT?? pripravíme NADPISY, aby sa ním dali prepínať 50:26 13 | GOOGLE FONTS, web fonty 53:14 14 | CSS PREMENNÉ, css variables, odlož si hodnotu (::root, display, block, none) 58:10 15 | SVG, vector vs. raster obrázky (svg, png, jpg) 1:01:11 16 | SVG, circle (stroke, stroke-width, fill) 1:07:46 17 | REMINDERS REMADE ✨
Tak na toto si určite nájdem čas aby som si to súvislo a celé pozrel (aj keď ja to mám pravda aj na L2C prístupné, ale tu je to tak pekne v kuse...). Lebo práve takéto "väčšie projekty" pekne ukazujú ako treba pri ich tvorbe postupovať. Čo sa pri krátkych lekciách nenaučím.
Výnikajúce. Idem si kúpiť tvoj kurz HTML, CSS a potom ďalšie od teba. Ale pls, nedalo by sa urobiť pokračovanie platené!!! tohto Prerobím Mac appku do HTML a CSS, kde by si tuto apku sfunkčnil pomocou Java Scriptu? Možno idealne React? Dik mooooc :)
Oplatilo sa pozrieť. Konečne som si uvedomil prečo píšem občas "::" a občas iba ":" :-) Vedel som to vždy použiť, ale teraz viem prečo je to presne tak a budem si istejší. A mimochodom - premenné pre farby a ich použitie: Tu sa použil štýl: --color: 25, 25, 25; background-color: rgb(var(--color)); Ale ja som si zvykol na : --color: rgb(25, 25, 25); background-color: var(--color); Funguje to aj takto. Je v tom dačo špeciálne, či ide iba o to kto to ako používa? Môj variant ide prepísať aj na rgba, hex či hsl hodnoty ľahko ak treba neskôr. Ale teda JS kód k tomuto bude tiež pekná sranda...
daj si náš podcast th-cam.com/video/uyTeQ9njND0/w-d-xo.html každé 2 týždne na tému IT firiem. ako bežia a ako si myslíme, že by bežať mali. tu o platoch. či by ľudia mali poznať platy kolegov, rozdiely medzi mestami, krajinami, či by si každý mal nastavovať vlastnú výplatu... a tak!
jj, pravda, ale bez rgb() je to univerzálnejšie. napríklad môžeš hodnotu použiť aj v rgb() aj v rgba(). na druhej strane zápis v premennej spolu s rgb() je jasnejší - okamžite je zrejmé, že ide o farbu.
rem je relatívne k veľkosti písma html elementu, em je relatívne k veľkosti písma rodiča. čo... chápem, že je takto ťažké si predstaviť, ale v popise videa je odkaz na github, tam nájdeš odkazy na ďalšie články, ktoré sa témam venujú bližšie, aj k tomuto tam niečo je. a vo webrebel kurze sa detailne "em" jednotke venujem, na príkladoch.
Romane, dúfam, že ďalšie video bude pokračovanie tejto "rozrobenej" aplikácie. A to Javascript, potom aj PHP a SQL. Nech máme na konci funkčnú aplikáciu. :)
⬇️ Stiahi si KÓD a nájdi všetky ODKAZY github.com/yablko/reminders-remake-mac-to-html
00:00 01 | REMINDERS REMAKE, prerobím do HTML a naučím ťa veci
02:02 02 | INDEX.HTML, normalize.css, app.css (linear-gradient)
03:45 03 | REM vs. PX, relatívne jednotky v CSS
09:28 04 | FLEXBOX, a system fonty (display, flex, align-items, justify-content, -apple-system)
14:42 05 | FLEXBOX, CONTENT a SIDEBAR (aside, main, flex-direction, overflow)
18:40 06 | BUTTONS, flex na zarovnanie elementov vedľa seba
22:27 07 | RGBA, polo-priehľadné farby (rgba, hover, active)
26:00 08 | FORMULÁR, a PSEUDO ELEMENTY (form, input, ::placeholder, ::first-letter)
31:57 09 | RELATÍVNE POZÍCIE, mínusové hodnoty (position, relative)
36:50 10 | CSS GRID pre LAYOUT, zalomenie (grid, fraction, gap)
41:57 11 | CSS GRID vs. FLEXBOX, kedy použiť ktorý
46:19 12 | JAVASCRIPT?? pripravíme NADPISY, aby sa ním dali prepínať
50:26 13 | GOOGLE FONTS, web fonty
53:14 14 | CSS PREMENNÉ, css variables, odlož si hodnotu (::root, display, block, none)
58:10 15 | SVG, vector vs. raster obrázky (svg, png, jpg)
1:01:11 16 | SVG, circle (stroke, stroke-width, fill)
1:07:46 17 | REMINDERS REMADE ✨
Super, těším sa na video. :D Ešte som ho nevidel, ale viem, že bude zase parádne ! :)
Určite chceme pokračovanie apky pomocou javascriptu.
❤ PATREON patreon.com/yablko podpor ma
🎙 PODCAST th-cam.com/video/DktmaHXd4ps/w-d-xo.html podcast
📚 MOJE KURZY www.learn2code.sk/instruktori/roman-hraska 1300+ videí
🍿 TWITCH twitch.com/yablko_ tu odpovedám na otázky
🎬 DRUHÝ TH-cam th-cam.com/users/yablko humor
Tak na toto si určite nájdem čas aby som si to súvislo a celé pozrel (aj keď ja to mám pravda aj na L2C prístupné, ale tu je to tak pekne v kuse...).
Lebo práve takéto "väčšie projekty" pekne ukazujú ako treba pri ich tvorbe postupovať. Čo sa pri krátkych lekciách nenaučím.
Výnikajúce. Idem si kúpiť tvoj kurz HTML, CSS a potom ďalšie od teba. Ale pls, nedalo by sa urobiť pokračovanie platené!!! tohto
Prerobím Mac appku do HTML a CSS, kde by si tuto apku sfunkčnil pomocou Java Scriptu? Možno idealne React?
Dik mooooc :)
Perfektní video. Bude v budoucnu nějaký video na téma ElectronJS? Docela mě ElectronJS zajímá.
🤩
Super, díky 👌
Oplatilo sa pozrieť. Konečne som si uvedomil prečo píšem občas "::" a občas iba ":" :-) Vedel som to vždy použiť, ale teraz viem prečo je to presne tak a budem si istejší.
A mimochodom - premenné pre farby a ich použitie:
Tu sa použil štýl:
--color: 25, 25, 25;
background-color: rgb(var(--color));
Ale ja som si zvykol na :
--color: rgb(25, 25, 25);
background-color: var(--color);
Funguje to aj takto. Je v tom dačo špeciálne, či ide iba o to kto to ako používa?
Môj variant ide prepísať aj na rgba, hex či hsl hodnoty ľahko ak treba neskôr.
Ale teda JS kód k tomuto bude tiež pekná sranda...
takto ten isty color mozes pouzit aj v rgb() aj v rgba() napriklad, podla potreby
mohol by si si spravit discord server by som sa tam uz rad pripojil
daj si náš podcast th-cam.com/video/uyTeQ9njND0/w-d-xo.html každé 2 týždne na tému IT firiem. ako bežia a ako si myslíme, že by bežať mali. tu o platoch. či by ľudia mali poznať platy kolegov, rozdiely medzi mestami, krajinami, či by si každý mal nastavovať vlastnú výplatu... a tak!
Mozem sa opytat ci pouzivas vim plugin? Ak nie tak ako inak sa da tak rychlo kodit vo VSCode? Dakujem :-)
nepoužívam. ale pozeráš silno prestrihané video! to dosť pomôže s rýchlosťou, keď vystrihneš všetky zdĺhavé pasáže. ako keby nikdy neexistovali;)
@@RobWebSK jaj taaak :-D lebo to vyzera ako keby si silno ovladal vsetky skratky mozne aj nemozne :-D
Použivaš mozilu iba pre programovaní alebo aj normalne?
používam firefox a safari
zdá se mi jednodušší do css proměnné dát i rgb ... --promenna: rgb(1,2,3) abych nemusel pak psát rgb(--var(promenna), ale jen
--var(promenna)
jj, pravda, ale bez rgb() je to univerzálnejšie. napríklad môžeš hodnotu použiť aj v rgb() aj v rgba(). na druhej strane zápis v premennej spolu s rgb() je jasnejší - okamžite je zrejmé, že ide o farbu.
dotaz "rem" a "em" je to iste ?
rem je relatívne k veľkosti písma html elementu, em je relatívne k veľkosti písma rodiča. čo... chápem, že je takto ťažké si predstaviť, ale v popise videa je odkaz na github, tam nájdeš odkazy na ďalšie články, ktoré sa témam venujú bližšie, aj k tomuto tam niečo je. a vo webrebel kurze sa detailne "em" jednotke venujem, na príkladoch.
When I heard these variable names I almost shot myself in Minecraft
K nobelovej cene ti chyba este vrchnak. Tie hrnceky su vzdy s vrchnakom 😂