Profile cover photo
Profile photo
Roman Hraška
238 followers -
I do web stuff. http://yablko.sk
I do web stuff. http://yablko.sk

238 followers
About
Posts

Post has attachment
Poď na +Profesia.sk days, 28. február, Bratislava
robíme HTML/CSS súťaž Code Arena
vyhráš VR, nasadíš brejle a unikneš z tohoto sveta
Add a comment...

Post has attachment
#jskurz 6 nových videí NPM / BABEL

V JavaScript svete máš dnes milión nástrojov. Nie všetky potrebuješ poznať, neboj. Každopádne my chceme písať moderný JavaScript, ale zároveň chceme, aby kód fungoval aj v starších prehliadačoch.

Na to potrebujeme Babel.
Aby sme Babel nainštalovali, potrebujeme npm.
Cez npm môžeš sťahovať moduly pre Node.js.
Lenže mi nepracujeme v Node.js, my pracujeme v prehliadači.
Webpack vie Node moduly rozbehať v prehliadači.

Babel je tzv. tanspiller.
Npm je tzv. package manager.
Webpack je tzv. module bundler.

Každý z nich má aj svoju konkurenciu, ale tieto sú asi najpoužívanejšie.
O nich bude táto časť kurzu.

49 NPM a rozprávka o moduloch, sadnite si deti
50 NPM, Code Reuse, Modul vs Package, [n]ode [p]ackage [m]anager
51 NPM, konzolový rýchlokurz, local vs global inštalácia
52 NPM init, package.json súbor, sladké dependencies
53 NPM, node_modules, koľko ti zaberá? pošli mi tvoj package
54 NPM, devDependencies, Production vs Development prostredie

http://brm.sk/851/javascript-es6-online-kurz
Add a comment...

Post has attachment
Hej +Learn2Codesk po novom ponúka MESAČNÉ predplatné všetkých kurzov za 25, šup https://www.learn2code.sk/predplatne

:: https://www.learn2code.sk/predplatne
Photo
Add a comment...

Post has attachment
JavaScript je najpopulárnejší jazyk súčasnosti.
React, Angular, Vue a Node vyžadujú moderný JavaScript.
Tento kurz ťa naučí moderný JavaScript.

🎉 JavaScript a ES6 :: http://bit.ly/JavascriptKurz

Naučíš sa syntax a pravidlá jazyka JavaScript. Prácu s prehliadačom. Potom prejdeme na ES6, npm/yarn, webpack, babel moduly, SVG, ...

Kurz si môžeš kúpiť už teraz, v zľave, videá doň stále pribúdajú. Nauč sa JavaScript, čo sa budeš:)
Add a comment...

Post has attachment
Pomôž mi vyhrať Lektor roka 2017 😈
https://medium.com/@yablko/pom%C3%B4%C5%BE-mi-vyhra%C5%A5-lektor-roka-2017-1d06c5a23440

Nominovali ma a rozmýšľam, či môj šľahnutý štýl budú brať vážne a potom mi napadne, čo ak ma nominuje fakt veľa ľudí?:) Budú ma musieť brať vážne!

Poďme to spolu vyhrať!

Ak som ti ja niekedy pomohol, ak ti moje kurzy niekedy pomohli alebo ak som ťa pobavil, daj tomu 5 minút a nominuj ma na Lektora roka:) Bude to tvoj vianočný darček pre mňa:

http://www.lektorroka.sk/nominacia

Zelený gombík Nominácia na ocenenie.
Najprv chcú pár vecí o tebe.
Potom klikneš, že chceš nominovať Lektora.

Moje meno Roman Hraška.
Môj kontakt roman.hraska@gmail.com.
Napíš z akého kurzu ma poznáš.
Máš do 31. decembra!

A ja idem ďalej makať na spustení toho nového JavaScript kurzu. Vďaka!
Add a comment...

Post has attachment
čaute čaute, dáme si NINTEDO SWITCH UNBOXING smash that like 🔥🚒🔥🔥 https://www.facebook.com/yablko.smrdi/posts/838997436305536

https://www.youtube.com/watch?v=FhdNKw9fWKU
Add a comment...

Post has attachment
javascript kurz, december
pozri si kedy, o čom a ako

...budeš počuť es6, webpack, babel, svg, npm, yarn, module bundler a iné trigger words a splachovanie záchoda
Add a comment...

Post has attachment
po tvrdom dni
Add a comment...

Post has attachment
Vyskúšaj si #Sass kurz. Môžeš si vyrábať vlastný funkcie a tzv mixiny. Napríklad taký, čo za teba prehodí pixely na percentá a matematiku môžeš nechať smrdieť v kúte a hanbiť sa.

Kurz, 35 epizód :: http://bit.ly/SassKurz

Target / context je najväčšia klasika responzívneho dizajnu. Ak stránka má 1200 pixelov a vo vnútri hlavný obsah 720px a sidebar 480px, tak:

800 / 1200 = 0,6 (čiže 60%)
480 / 1200 = 0,4 (čiže 40%)

Rovnako je to pri veľkosti fontov, ak ich chcem prehodiť z fixných pixelov na relatívne em hodnoty. Ak rodič má veľkosť 18px a môj element má 13px, tak:

13px / 18px = 0.722222222em;

Ide o to, že ja dostanem dizajn, zrejme vo Photoshope. Tam si viem odmerať hodnoty v pixeloch. Keď chcem stránku responzívnu, potrebujem ju prehodiť do relatívnych hodnôt - percentá, em.

A musím to spraviť so všetkými rozmermi. Veľkosť písma, výška riadku, každý margin, padding, border, radius, všetko.Vďaka Sass nemusím. V Sass môžem robiť matematiku. Môžem zadeliť mixin, ktorý mi vráti už vypočítaný font-size, napr:

@mixin font-size($size, $context: 16) {
font-size: ($size / $context) + em;
}

Z videa to bude jasné. A z kurzu jasnejšie:P
Add a comment...

Post has attachment
Mám NOVÝ KURZ 💥🎉
CSS preprocesory: Sass :: http://bit.ly/SassKurz
35 epizód, píš menej CSS, rýchlejšie, prehľadnejšie!

Vyskúšaj 5 epizód zdarma https://www.youtube.com/playlist?list=PL3VwAXKvhemV4mIbi990BfjsEtzNBPeQE

Už nemusíš loviť farby a hľadať, na ktorom riadku v CSS si nastavil ten font-weight. Prestaneš rozmýšlať nad prefixami. Neotvoríš Photoshop len preto, aby si našiel tmavší odtieň farby. Už nemusíš HEX farby prehadzovať na RGB len preto, aby si nastavil polo-priesvitné pozadie. Pri responzívnom dizajne Sass za teba prepočíta pixely na percentá.

Môžeš si svoj kód rozdeliť na koľko len súborov chceš a tvoj prehliadač aj tak vždy dostane len jeden, z ktorého sa automaticky odstránia nadbytočné znaky a komentáre, pre rýchle načítavanie. Môžeš si vytvárať $premenné, kam uložíš všetky často používané / meniace sa hodnoty. Môžeš si písať vlastné funkcie(), ktoré ti spravia poriadok v kóde, alebo používať kopu predvyrobených.

Sass je guča život zlepšujúcich drobností, vďaka ktorým ťa CSS začne baviť:)
A ak nie, tak ťa minimálne prestane otravovať. A to sa pri CSS počíta.
Add a comment...
Wait while more posts are being loaded