Náš blog

Doteraz si pamätám, ako rozoberáme business nápady s kamarátmi a každý jeden bol o nejakej aplikácii alebo technológií, ktorá by „to“ vyriešila lepšie, rýchlejšie, lacnejšie, celoplošne. Avšak na ich exekúciu nám chýbali potrebné zručnosti ako napr. programovanie, design, online marketing a pod. V tej dobe sa ešte o startupoch príliš nehovorilo, ale táto vlna pomaly prichádzala aj na Slovensko. Nájsť programátora, ktorý by išiel do „toho“ za podiel bolo náročné. A tak vzniklo Learn2Code, 3-mesačný bootcamp, vďaka ktorému sa mohli účastníci naučiť programovať webové aplikácie a vytvoriť si svoj prvý webový projekt – prototyp svojho nápadu.   Malo to veľký úspech a kurz sa vypredal do posledného miesta. Počas kurzu sa hlásili už ďalší záujemcovia a z prvotnej potreby naučiť sa programovať vznikal vzdelávací projekt.   Bootscampy sme postupne rozšírili do 5 miest na Slovensku, pridali sme ďalšie témy ako design, marketing a postupne začali s online vzdelávaním. To posunulo Learn2Code zo vzdelávania desiatok účastníkov na tisícky pomocou videotutoriálov a tešíme sa dodnes, že už môže naše kurzy využiť ktokoľvek a odkiaľkoľvek s prístupom na internet.   Pandémia urýchlila aj našu digitálnu transformáciu a zamerali sme sa primárne na online vzdelávanie, ktorému sa plánujeme venovať aj naďalej. Čo je dobrá správa, že to bude s novou vzdelávacou aplikáciou a v novom šate.    Dlhšie sme bojovali s názvom Learn2Code, ktorý nás začal trochu obmedzovať, keďže v preklade "learn 2 code" znamená učiť sa programovať. Väčšina našich kurzov je už mimo segment programovania a do budúcna sa plánujeme venovať aj iným oblastiam a témam ako vzdelávanie.    Avšak všetko to bude mať jedného spoločného menovateľa – zručnosti. Preto vzniká nový názov Skillmea ⏩ Posuň sa vpred.    Skill je zručnosť a mea pochádza z latinského slova „môj, moje“, vo voľnom preklade sú to teda moje zručnosti, ktoré môže získavať alebo ponúkať každý. Skillmea bude kariérny portál, ktorý ti pomôže na tvojej ceste za vysnívanou prácou alebo tvojím vlastným businessom. Jednoducho ťa posunie vpred.

V říjnu a listopadu 2021 vyšly dvě novinky do perfektního Wordpress tématu DIVI. V tomto článku se na novinky podíváme podrobněji, konkrétně na první z nich. Celostránkové editování v DIVI. První novinkou je možnost editovat celou stránku odkudkoli. V minulosti, pokud jste chtěli upravit hlavičku stránky, tak jste museli přejít speciálně na místo pro úpravu hlavičky. Nyní umíte upravit všechno odkudkoli. Pokud to vidíš, umíš to upravit. Tato aktualizace ti umožňuje snadno přejít na tvé vlastní hlavičky, zápatí a šablony příspěvků během prohlížení webových stránek a tak je rychleji upravovat ve Visual Builderu. K úpravě částí tvého webu již není třeba přecházet přes informační panel WordPressu nebo Divi builderu. Když povolíš Visual Builder, můžeš upravovat vše, co vidíš, od horní části webu až po její spodní část. V jednoduchosti řečeno: bez ohledu na to, kde se na svém webu nacházíš, můžeš upravovat to, co vidíš. Samozřejmě, pomocí Divi umíš upravovat vše, co na stránce vidíš, ale v minulosti jsi musel jít přes Divi theme builder, který jsi musel lokalizovat a poté najít specifickou část stránky a tak ji upravit. To mohlo zabrat nějaký čas, zvláště pokud jsi měl vytvořeno několik templatů a nejprve jsi musel zjistit, který chceš upravit – který je aktivní. Nainstaluj updaty Jako první krok musíš udělat update Divi témata na nejnovější verzi. Pokud nemáš povoleny automatické updaty, tak postup je následující: půjdeš do Appearance – Themes a uděláš update.[Image]Pokud vlastníš jednorázovou licenci, tak updaty si umíš stahovat během prvního roku. Pokud ne, tak ti doporučuji zakoupit si plnou licenci - updaty máš stále zadarmo. Jak začít Jsme na našem webu, který chceme upravovat. Jsme přihlášeni a prohlížíme si web. [Image] V horní liště povolíme Visual Builder stisknutím na Enable Visual Builder. Nyní umíš jednoduše upravovat custom header, custom footer, stránky a prostě všechno, co na stránce vidíš.[Image]Teď už ti nic nebrání vyzkoušet tuto novinku a potěšit se s jednodušším editováním 🙂

  Co jsme se naučili přes home office?Home office, neboli práce z domova, se začala rozvíjet s nástupem novějších trendů elektronických zařízení, umožňujících komunikaci mezi zaměstnancem a zaměstnavatelem v podstatě odkudkoli. Tento druh práce se častěji objevoval po roce 2008, kdy se svět postupně vracel do normálu po světové finanční krizi. Avšak až do roku 2020 se jednalo převážně o firemní benefit. Během nástupu pandemie Korona viru bylo mnoho firem nuceno umožnit práci z domova, aby nedocházelo k setkávání zaměstnanců na pracovištích a tím se zamezilo šíření nákazy. I když se mnoho společností vrátila do běžného pracovního režimu, forma zaměstnání přes home office stále u některých oblastí převládá. Nejčastěji práci na dálku nabízejí firmy, kde nemusí docházet k dennímu osobnímu kontaktu mezi zaměstnanci. Home office se stává populárním v softwarových firmách, marketingových a přidružených oborech, u některých projektantů a celkově u lidí, kteří vykovávají své povolání spíše v kancelářích. Pandemie přinesla výzvy pro mnohé společnosti a změnila zažité pracovní normy. I mnohé banky či finanční instituce začaly hledat možnost, jak změnit pracovní prostředí tak, aby splňovalo požadavky současné doby, kdy část zaměstnanců pracuje z domova a část je v práci. Hlavní priorita při práci z domova by měla být důsledná organizace času, stanovení rutiny či režimu a nastavení pauzy na odpočinek. Ovšem nesmí se zapomínat na deadliny, pracovní schůzky mimo domov, důležité telefonáty, či neodkladné odpovědi na emaily. Kromě stanovení harmonogramu práce je také nutné mít dobré technické a programové vybavení v podobě notebooku, kvalitního internetu apod., které pro práci potřebujeme. Podstatným, ale pro někoho i možná velmi zanedbatelným bodem je přehled ve věcech a na pracovní ploše. Při práci by se měl člověk cítit pohodlně, příjemně a ideálně pro větší soustředěnost by neměl být rušen okolním prostředím.[Image] Nástroje, které pomohou při plánování časuNejprve si vysvětlíme, co je to time management. Je to soubor rad, postupů a nástrojů vedoucí k rozplánování přístupu k práci, rodině, koníčkům ak samým sobě. Time management je tedy zaměřen na dosahování určených cílů, priorit, jejich monitoring a následné vyhodnocení. Měl by pomáhat ke snížení napětí, stresu a možnosti využití více času pro sebe či své blízké. Pro time management existuje několik offline a online nástrojů. S rychlou dobou a novějšími technologickými trendy přechází více lidí od využití papírových kalendářů a diářů k formě digitálních nástrojů. Asi nejznámější a nejdostupnější nástroj pro plánování času je Google Kalendář. Co je Kalendář Google ak čemu se používá?Jak již bylo zmíněno v předchozím odstavci, Google Kalendář slouží k efektivnějšímu uspořádání času. Tato aplikace či služba je dostupná online na digitálním zařízení. Lze jej volně stáhnout pro Android i iOS, Kalendář je součástí uživatelského účtu na Google. Podporují jej prohlížeče Google Chrome, Microsoft Edge, Firefox či Safari. Kromě správy času nabízí služba úpravy více než jednoho kalendáře, sdílení kalendáře s ostatními uživateli a propojení s dalšími službami poskytovanými od Google: Gmailem a Google Workspace aplikacemi. Kalendář lze propojit i s MS Outlook. V rámci kalendáře je možnost nastavit až 5 upomínek v různých časech. Ty přicházejí buď formou emailu, notifikací a vyskakujících oken, nebo bezplatných SMS, které jste si při zakládání účtu v Google nastavili. Pro pracovní prostředí je vhodné přejít na Google Workspace (G Suite), kde kromě běžného uspořádání času nabízí také možnost vytvoření rezervací na konferenční místnosti, sledovat kalendáře mezi jednotlivými zaměstnanci, vytvoření a sdílení odkazů na videokonferenci v Google Meet – běžný uživatel nemůže vytvořit, jen se ke konferenci přidat na základě pozvání. Administrátor může přidávat také nové nástroje, které nejsou dostupné pro běžné uživatelské využití.[Image] Pro koho je Google Kalendář vhodný?Google Kalendář je vhodný v podstatě pro kohokoli, kdo si chce stanovit časový harmonogram a mít přehled v naplánovaných činnostech, získávat upozornění. V případě, že jste se rozhodli tuto službu využít naplno a nevíte si rady, zkuste se podívat na náš online kurz Google Kalendár, kde se kromě základních informací naučíte propojit osobní kalendář s firemním, vytvořit událost, pozvat hosty a například i to, jakým způsobem si přidat kalendáře dalších osob. 

WordPress je platforma, která nabízí řadu výhod pro správu jakéhokoli obsahu. Zpočátku se tato platforma využívala pouze k blogování, avšak dnes díky množství vylepšení v podobě pluginů je možné na prostřednictvím tohoto systému vytvořit jakýkoli web. Přitom samotná tvorba obsahu, stejně jako obsluhování webové stránky je nesmírně rychlé, jednoduché a pohodlné.[Image] Jak tvořit prostřednictvím Wordpress?V první řadě je třeba, abyste si zvolili název stránky a vybrali si dobrou hostingovou společnost, díky čemuž si vytvoříte stabilní základ. Informace o WordPresshostingu naleznete zde na stránce IONOS. Následně si nainstalujete Wordpress a můžete začít tvořit. Vyberete si vhodné téma, přičemž můžete sahat po bezplatných i placených verzích. Nahrajete téma a začátek vaší zběsilé jízdy může začít. Tento redakční systém je zdarma a současně nevyžaduje ani žádné nadměrné programovací dovednosti. Prakticky ho umí používat i obyčejný uživatel internetu, jelikož na webu umíme najít spoustu návodů. Problémem není ani vytvořit i multijazyčnou webstránku. V neposlední řadě jej využívá nespočet uživatelů, protože jeho využívání poskytuje mnoho výhod. Jaké výhody WordPress poskytuje? Výhody WordPressu1. WordPress je díky svým funkcím dnes již rovnocenný CMS (Content management system) v porovnání s jakýmkoli jiným. Mezi základní výhodu, která mu zaručuje i stále více uživatelů, je jeho jednoduchost. Stránky umíte jednoduše vytvořit, upravit a ovládá se jednoduše i intuitivně. 2. Další výhodou je i to, že si na vaši webovou stránku umíte doplnit množství pluginů. Ty slouží především k obohacení, zlepšení funkcí ale také jako získávání feedbacku od návštěvníků. Širokou škálu pluginů umíte získat zdarma, přičemž některé si umíte i zakoupit. Ať už tedy chcete dopřát vaší stránce větší bezpečnost, přehlednost nebo získat přehlednější statistiky o zákaznících, pluginy jsou správnou volbou. 3. Kromě toho, že tvorba stránek je jednoduchá a umíte vytvořit opravdu kreativní a pěkné stránky, WordPress stránky se umí rychle dostat i do pozornosti. Jak to? No je to způsobeno zejména tím, že mají skvělou korelaci se SEO. SEO umožňuje vaší stránce, aby byla viditelná při vyhledávání prostřednictvím vyhledávačů. Takováto optimalizace vás dokáže dostat na přední příčky při vyhledávání, kde získáte i náležitou pozornost. Můžete toho docílit více způsoby 4. Rovněž patří WordPress mezi nesmírně bezpečné systémy, které zaručí, že vaše stránka bude chráněna. Zvyšování ochrany lze realizovat volbou a změnou hesel, případně nainstalováním nových pluginů. Opatrní byste měli být iv případě, že máte více administrátorů stránky, abyste základní informace měli stále pod kontrolou.[Image] 5. Grafická úprava patří asi mezi největší výhody samotného WordPressu. Poskytuje totiž opravdu nesmírně variabilní možnosti, jak si vytvořit nový, zajímavý web. 6.Každý web, is použitím stejného bezplatného tématu může vypadat úplně jinak. Umíte si totiž najít spoustu zajímavých doplňků a tvořit tak něco zcela nového a graficky jedinečného. Samozřejmě samotný systém podporuje tvorbu videí, audio nahrávek i fotografií. 7.  WordPress umožňuje vytvářet více stránek prostřednictvím jedné domény. 8. Rovněž umožňuje podporu různých hostingů, díky čemuž nevyčleňuje striktně jak postupovat při tvorbě. Variabilita tohoto systému umožňuje vytvořit jakýkoli blog, zda internetový obchod nebo prakticky cokoli co si umanete. Tipy na zajímavé pluginyNa závěr bychom vám chtěli přinést tipy na zajímavé pluginy, které můžete na stránkách využít a díky tomu ji vylepšit. Mezi nejznámější patří určitě Yoast SEO plugin, který se zaměřuje na zmiňovanou SEO optimalizaci a tedy vám může pomoci získat více čtenářů/zákazníků. GDPR Cookie Consent představuje ideální řešení pro ochranu osobních údajů, Wordfence Security zajistí bezpečnost vaší stránky. Chcete-li si vytvořit e-shop, vaším nejlepším pomocníkem bude WooCommerce. Rovněž je skvělým doplňkem i WooCommerce Stripe jako platební brána na e-shopy. Autoptimize může pomoci zlepšit rychlost webu, ale je třeba jej nastavit mechanicky. Akismet je plugin, který vás zbaví spamu. Pro tvorbu kontaktního formuláře na web můžete využít Contact Form 7 s přídavkem Contact Form DB pro ukládání kontaktních údajů. Tvorba webstránky může být pro začátečníka náročná, proto vám nabízíme detailní návod. Pro instalaci pluginů naleznete na internetu také řadu tipů, přičemž můžete využít některé z našich tipů.

Každý rok se velké společnosti ze světa kreativy předbíhají v predikování barevných trendů pro aktuální rok. Každá má k tomu svůj vlastní postup, vždy je však založen na datech a zkušenostech. My jsme se podívali na to, co pro rok 2021 vybrali Shutterstock a Pantone. A dali jsme ti to i do přehledné infografiky v závěru. Barva je v grafickém designu jeden z nejvýraznějších elementů. A je úplně jedno, o jaký typ designu se jedná. Stejně jako fonty či obrázky dokáže upoutat či odpudit pozornost, popřípadě vyvolat nějakou konkrétní asociaci. Výběru barev pro své projekty by si proto měl věnovat náležitou pozornost a nezkazit to hned na začátku. Pokud vidíš svou budoucnost právě v kreativním byznysu, nebude na škodu seznámit se s teorií barev a stavět na léty ověřených základech. Vždy je ale dobré vědět, jaké barvy aktuálně letí. Hezký pohled na věc nám nabízí report barevných trendů od známé společnosti Shutterstock. Jejich predikce stojí na analýze zvýšené aktivity či nárůstu stažení jednotlivých obrázků. Je až neuvěřitelné, že se dívaly na HEX kódy pro každý jeden pixel těchto obrázků. Takto vznikly predikce barevných trendů pro rok 2021. Set Sail Champagne (#FAEBD7)[Image]Jedná se o přírodní odstín s velmi univerzálním použitím. Zejména chceme-li v designech docílit „zemitého“ přírodního efektu. Jedná se o jemný a světlý odstín oranžové, pěkně doplňuje modré barevné palety. Fortuna Gold (#DAA520)[Image]Název Fortuna pochází z římského pojmenování bohyně štěstí. Jedná se o výrazný, tmavý odstín žluté. Je velmi vděčná u metalických designů, případně jako komplementární barva pro předchozí.  Tidewater Green (#2F4F4F)[Image]Základem této barvy jsou modrá a zelená. Je velmi vhodná pro doplnění designů s velkou saturací barevného schématu. Případně ji můžeme použít jako vylepšenou verzi pro neutrální části designů, například místo šedé. Shutterstock ale není jediný, kdo má co říci k barevným trendům. Společnost Pantone rovněž představila barvy pro rok 2021. Jejich předpověď stojí na šedé barvě Ultimate Gray a žluté barvě s přitažlivým názvem Illuminating. Měly by reprezentovat pocit tepla domova a zodpovědnosti, což je pro aktuální situaci na místě. Schopnost společnosti Pantone předpovídat barevné trendy je jejich marketingovou silou, která pomáhá designérům z různých oborů jít s trendy od sezóny k sezóně. Illuminating Yellow (#F5DF4D)[Image]Podle jejich vlastního vyjádření jde o hřejivý odstín „jasné a veselé žluté s temperamentem“. Tento popis je pro danou barvu vcelku výstižný. Ultimate Gray (# 939597)[Image]Jedná se o „kamenitou“ barvu reprezentující to pevné a spolehlivé v životě. Je dobře asociován se stabilitou v životě. Tyto barvy by měly tedy v aktuálním roce dominovat. Ovšem pozor na to, abyste se jimi nenechali příliš unést. Stále jsou to jen trendy. A ty přicházejí a odcházejí. Vždy je třeba se zamyslet a vybrat barvy pro svůj projekt na základě několika faktorů. Někdy je třeba být trendy, někdy nadčasový a někdy to je třeba zkombinovat. Připravili jsme si pro tebe i jednoduchou infografiku ke stažení, kde jsou všechny trendy barvy roku 2021 pohromadě:[Image] Docela zajímavé jsou i preference barev rozdělené podle zemí. Slovensko tam sice uvedeno není, ale když se podíváš na Francii, Německo, Švýcarsko či Itálii, trend je jasný. Náš odhad pro top barvu Slovenska by byla některá z nich. Co ty na to?[Image] Zdroj: Shutterstock

Připravili jsme si pro tebe parádní akci - vyzkoušej si naše online kurzy na 30 dní zdarma. Žádné triky, skryté podmínky. Jednoduše se přihlásíš do předplatného na měsíc a můžeš studovat to, na co máš chuť. Postup aktivace kurzů na 30 dní zdarmaJe třeba jít na stránku https://skillmea.sk/akcia a potom klepnout na OBJEDNAT.[Akcia od Learn2Code]Pokud nejsi u nás zaregistrován, vytvoříš si registraci se svým emailem. Pokud již zaregistrovaný jsi, jednoduše se přihlásíš do svého účtu. Následně se dostaneš na objednávkový formulář a musíš zaškrtnout políčko 'Mám slevový kupón'. A do tohoto políčka vložíš kód “yablko  [V políčku zľavový kód zadaj: yablko]” Voilà, už jen klikneš Vstoupit do kurzu a předplatné máš aktivované. Pak už si jen vybereš kurzy, které chceš studovat. Například půjdeš na stránku https://skillmea.sk/kurzy/online-kurz-javascript-es6 a klikneš Zapsat kurz. Platnost tvého předplatného se zobrazuje ve tvém profilu, můžete si to hezky zkontrolovat. Kód je platný pouze do 31.8.2020. Co všechno na tebe čekáAbsoluj tolik kurzů, kolik jen chceš! Ať už se zaměřuješ na grafiku, weby, video či marketing, vybrat si můžeš z více než 140 online kurzů zahrnujících stovky hodin videa. Tvorba stránek, programování, Excel, ale ani fotografování či střih videa ti už nebudou dělat sebemenší problém 💪 Pojď na to a aktivuj si své předplatné na měsíc ještě dnes, kód je platný do 31.8.2020 👇

Od poloviny června máme přístup k první alpha verzi Bootstrap 5. Kromě nové verze loga v sexy závorkách {B} se dočkáme i obrovského množství vylepšení na všech frontách. Už samotná dokumentace je ukázkou vylepšeného vzhledu a funkcionalit. Pokud se neumíš dočkat a chceš nový Bootstrap vyzkoušet ASAP, začni tady. Je to stále Alpha verze, nedoporučuji ji proto nasadit do žádného projektu. Než dostaneme první betaverzi, může projít změnami, které Ti vyrobí více práce než pomoci. Toto je "sestřih" nejvýraznějších změn, které jsme popsali přesně pro Tebe. Na míru. [Image] JavaScriptUž žádná podpora pro jQuery, i když..Pro některé killer feature, pro jiné nic podstatného. Nový Bootstrap 5 nebude již obsahovat jQuery jako jednu ze svých závislostí (i přesto, že jQuery „asi“ stále žije a v dubnu letošního roku jsme dostali novou verzi jQuery – 3.5). Víme to už dávno, už jsme se na to jen těšili. Ještě nemáme oficiální konečná čísla, ale očekáváme, že Bootstrap díky této zásadní změně ztratí jak na kilobajtech, tak na milisekundách. Pokud si rozumíme 😉 Pokud však stále jQuery ve svém projektu potřebuješ, Bootstrap o tom bude vědět a všechny komponenty přidá k modulům jQuery. V zásadě to znamená, že stále bude možné inicializovat například Tooltip komponent takovým (starým) způsobem (v případě, že Bootstrap detekuje přítomnost jQuery): $('[data-toggle="tooltip"]').tooltip(); Button pluginZměnami projde i state-management tlačítek. Ty využíváme například i jako indikátory ZAP/VYP při různých funkcionalitách našich aplikací. Ve starších verzích Bootstrap stav tlačítka řešil JavaScript. Bootstrap 5 se snaží state-management řešit v co nejvyšší míře dostupnými funkcionalitami a elementy HTML a CSS. Výsledkem tak je manažování stavu tlačítka pomocí checkbox a radio elementů. Naše ZAP/VYP tlačítka tak budou o něco spolehlivější mezi různými platformami. CSSCSS proměnnéS koncem podpory pro Internet Explorer přicházejí i nové možnosti. Jednou z nich jsou i CSS proměnné. Ty jsme spatřili již v předchozí verzi (root variables), avšak ne v takovém rozsahu jako ve verzi 5 – kde se css proměnné dostaly už i do jednotlivých komponent. Například do tabulek: .table { --bs-table-bg: #{$table-bg}; --bs-table-accent-bg: transparent; --bs-table-striped-color: #{$table-striped-color}; --bs-table-striped-bg: #{$table-striped-bg}; --bs-table-active-color: #{$table-active-color}; --bs-table-active-bg: #{$table-active-bg}; --bs-table-hover-color: #{$table-hover-color}; --bs-table-hover-bg: #{$table-hover-bg}; // Styles here... } Výhodou CSS proměnných je jejich používání bez nutnosti zkompilování SASS kódu do CSS. Takto bude možné hodnoty některých proměnných měnit v přímo Inspectoru prohlížeče, což urychlí práci například při prototypování. V Bootstrap 5 stále zůstane možnost definice proměnných v SASS (_variables.scss) souborech, tak, jak jsme to dělali dosud. Osobně bych neočekával kompletní přechod ze SASS proměnných do CSS proměnných. SASS má stále svou nenahraditelnou roli při vytváření proměnných pomocí mapování, proto očekávám, že budeme mít k dispozici kombinaci SASS proměnných s CSS proměnnými iv budoucnosti. Vylepšený gridZískáme nový grid-tier pro obrazovky o šířce větší než 1400px - .col-xxl-. Rovněž mezery mezi jednotlivými sloupci gridu budou nově "ohebnější". Získáme novou css utilitu g pro naše .row. S gutter hodnotami takto bude možné pracovat podobně jako s margin a padding hodnotami, na co jsme si již zvykli: .g-2 .gx-2 .gy-2 .g-lg-2 .g-0 FormulářeOd verze 4 jsme mohli ve svých aplikacích používat checkbox, radio a file elementy dvěma způsoby: 1. Buď jsme použili původní, systémový vzhled (poskytnutý browserem), 2. nebo jsme použili nový vzhled (custom-checkbox, custom-radio). Verze 5 bude obsahovat už jen nový vzhled těchto prvků. Formuláře tak budou vypadat rovněž v každém prohlížeči a operačním systému a přizpůsobení vzhledu těchto komponentů bude stejně jednodušší. Rovněž bude odstraněn i potřebný .form-group wrapper. Nové formuláře již budou obsahovat jen jednotlivé form elementy, bez tohoto DIV elementu. Hurá! Méně kódu! 🙂 <form> <div class="mb-3"> <label for="exampleInputPassword1" class="form-label">Password</label> <input type="password" class="form-control" id="exampleInputPassword1"> </div> ... </form> Wrapper bude potřebný pouze pro custom elementy (.form-select, .form-check, .form-file) a také .form-group. Utilities APIUtility jsou velmi užitečné CSS třídy, kterými obvykle měníme parametry rámování, barev, způsobů zobrazení, stínování a různých velikostí (width, height, padding, margin,...). V praxi se občas stává, že se nevejdeme do předdefinovaných utilit, které jsou součástí Bootstrap-u. Proto jsme někdy vytvářeli vlastní třídy. Například pokud nastavujeme šířku nějakého elementu, máme k dispozici takové css třídy: .w-25 /* 25% */ .w-50 /* 50% */ .w-75 /* 75% */ .w-100 /* 100% */ .w-auto /* auto */ Pokud jsme potřebovali 33% width, 90% width, nebo jiné hodnoty, vytvořili jsme vlastní CSS třídy, udělali override na $sizes mapu v nějakém vlastním souboru, nebo jsme nebodaj editovali přímo $sizes mapu v souboru proměnných _variables.scss. Ve verzi Bootstrap 5 máme k dispozici čistší a užitečnější SASS nástroj, jak modifikovat stávající, nebo přidat nové utility do našeho projektu, tématu nebo pluginu pro Bootstrap - utilities API: $utilities: map-merge( ( "width": ( property: width, class: w, values: ( 33: 33%, 90: 90% ) ), "input-padding": ( property: padding, class: ip, values: ( 0: 0, 1: .3rem, 2: .5rem, 3: .7rem, 4: .9rem, 5: 1rem, ) ) ), $utilities); Výsledkem takového kódu budou nové css třídy utilit: .w-33 /* nastaví width na 33% */ .w-99 /* nastaví width na 90% */ .ip-1 /* nastaví padding na .3rem */ .ip-2 /* nastaví padding na .5rem */ .ip-3 /* nastaví padding na .7rem */ .ip-4 /* nastaví padding na .9rem */ .ip-5 /* nastaví padding na 1rem */ Ostatní vylepšeníIkonyS alpha verzí Bootstrap 5 přichází také pátá alpha verze Bootstrap Icons. Je to sada více než 1000 ikon, které jsou nadesignovány tak, aby parádně ladily s Bootstrapem. Nifty funkcionalita je také SVG sprite, která nám umožňuje vytvořit vlastní mapu SVG ikon a efektně ji používat v projektu, aniž bychom kód špinili samotným SVG zdrojovým kódem. <svg class="bi" width="32" height="32" fill="currentColor"> <use xlink:href="bootstrap-icons.svg#heart-fill"/> </svg> Osobně jsem velkým fanouškem Fontawesome ikon, které obsahují kromě enormně většího množství ikon a jejich variant i velmi užitečné způsoby integrace do projektů. Fontawesome nejsou však dostupné zdarma, proto možná v dalším projektu i my v learn2code zvážíme integraci s Bootstrap ikonami. DokumentaceUž na první pohled je vidět, že dokumentace prošla změnami. Ty však nejsou jen vizuální, ale vylepšen je i samotný obsah. Orientace mezi sekcemi je díky novému postrannímu jménu rychlejší. Jednotlivé sekce obsahují také jakési "overview", které postupně přibývají do každé hlavní sekce dokumentace. I tyto změny urychlují navigaci v dokumentaci a hledání požadované informace je takto rychlejší. BarvyPřibyly také nové barevné odstíny a vylepšen bude také jejich kontrastní poměr. ZávěrTento text není a ani nechtěl být kompletním diffem verze 4 s novou verzí 5. Mnohem více novinek najdeš ve stále rostoucí dokumentaci k Bootstrap 5. Pokud jsem na něco důležitého zapomněl, klidně se ozvi v komentáři.

Tento týden ti na Learn2Code přinášíme 4 nové kurzy, ve kterých jsme dali prostor několika novým tématům. Jsou to online kurzy zaměřené především na soft skills, zpestřením je určitě šachový kurz se slovenskou jedničkou Jánem Markošem. Zaujalo? Přečti si krátké představení kurzů v článku. Prezentační dovednosti - základyPokud i ty míváš roztřesená kolena vždy, když máš vystoupit na pódium nebo prezentovat svůj nápad před skupinou lidí, měl bys zaměřit pozornost na tento kurz. Nikdo jako řečník z nebe nespadl, i ty se máš možnost osvojit si a zdokonalit své prezentační dovednosti tak, abys při vystupování působil/a sebevědomě. Co máš dělat při vystupování s rukama, kam se dívat a jak pracovat s publikem ti vysvětlí Andrej Mažáry - lídr Slovenských Toastmasters (globální organizace věnující se řečnictví) a středoevropský šampion v řečnických improvizacích.   Jak přemýšlet při fotografováníV nabídce máme mnoho kurzů zaměřených na technickou stránku fotografie. Vytvořit dobrou fotku však není jen věcí kompozice a techniky, fotka by měla být nositelem příběhu, emoce, kterou chce fotograf zachytit. Učit se budeš od tří úspěšných a oceňovaných fotografů, kteří se věnují především dokumentární a reportážní fotografii. Každý z nich ti poskytne vlastní pohled na postupy a techniky, které při focení používají, jak pracují s objektem, s různými zdroji světla, prozradí ti kompoziční tipy a nápady. Kurz je určen tobě, máš-li už zvládnuté základy práce s fotoaparátem, možná uvažuješ nad focením jako svým živobytím a hlavně chceš tvořit fotky, které budou výjimečné.  Kurz podnikání - jak začítKurzem tě bude provázet osm zakladatelů a CEO úspěšných slovenských firem. Tím myslíme značky jako Tuli, CURAPROX, daren & curtis, VISIBILITY, Be Cool a další. V tutoriálech se s tebou podělí o své zkušenosti, Know-how a zodpoví důležité otázky, nad kterými možná uvažuješ i ty. Jak myšlenku přeměnit na realitu, nápad na fungující byznys? Jak umíš odhadnout jeho úspěch? Jakou roli hrají brand, firemní kultura či hodnoty firmy? Vysvětlí ti i plusy a minusy partnerství v podnikání, jak a kdy přijímat nové zaměstnance a co dělat, kdyby to celé nevyšlo. Šachy (Coming soon)Dlouholetá šachová jednička na Slovensku Ján Markoš odhaluje své šachové mistrovství. Uč se od něj o šachových strategiích, taktikách či síle jednotlivých figur. Objevíš strategické a taktické postupy, o kterých jsi možná dosud nevěděl. Kurz je určen mírně a středně pokročilým šachistou. Ať už rozehráváš šachové partie online nebo tváří v tvář, tento kurz tě dostane na vyšší úroveň. Našel jsi kurz, který tě zaujal a bude pro tebe přínosným? Pokud máš případně návrh na další témata kurzů, které bys v Learn2Code uvítal, napiš do komentáře.

I ty jsi nám v uplynulých třech týdnech poslal kreativní příspěvek, jak studuješ některý z našich kurzů? Čti tedy dál a možná se najdeš mezi výherci! V první řadě děkujeme za všechny vtipné a kreativní příspěvky, které dokázaly, že studovat lze opravdu odkudkoli. Zároveň nás překvapilo, že někteří chtěli vyhrát až tak moc, že se uchýlili k nečestným praktikám získávání interakcí. Mnozí účastníci soutěže si nakoupili "fake lajky" z Asie a jiných exotických destinací. Považujeme to za nefér. A přestože jsme měli v pravidlech soutěže uvedeno, že vyhraje post s největším počtem interakcí, rozhodli jsme se to změnit. Určitě je to i naše chyba, přiznáváme, poučili jsme se. V budoucnu už vítěze nemůžeme hledat zmanipulovatelnou cestou. O konečném pořadí v soutěži #studujonline jsme rozhodli interním hlasováním, o vítězích tak rozhodl náš tým Learn2Code a naši lektoři. Kostky jsou vrženy, pojďme na výsledky! 1. místo: iPad + roční předplatné online kurzů 2. místo: roční předplatné online kurzů 3. místo: 3-měsíční předplatné online kurzů    Pokud jsi mezi výherci, gratulujeme a ještě dnes ti napíšeme zprávu na Instagramu a dohodneme se na převzetí výhry. Když ses zapojil/a, ceníme si tvou snahu a děkujeme za příspěvek. Pokud se ti i nepodařilo vyhrát, určitě nezoufej a nepřestávej se vzdělávat. Tvoje schopnosti jsou koneckonců největší výhrou, proto dnes na Learn2code najdeš již více než 80 online kurzů!

Soutěž #studujonline s Learn2CodePatříš k těm, kterým na učení nezbývá mnoho času, a proto využíváš každou volnou minutu? Studuješ v MHD, v práci, u bazénu či při žehlení? Chceme to vidět! Vyfoť se nebo udělej video, jak studuješ a vyhraj iPad nebo předplatné Learn2Code online kurzů! Čti dál a dozvíš se přesné podmínky účasti v soutěži. Jaké jsou podmínky?1. Udělej fotku nebo video, kde se učíš 2. Postuj příspěvek na Instagram nebo Facebook s hashtagem #studujonline 3. V příspěvku tagni naši Facebook fanpage nebo instagramový profil Learn2Code Příspěvky můžeš posílat do 15.05.2019, přičemž vyhrává ten, který získá nejvíce interakcí. Like. Share. Comment. Všechno se počítá. A nezapomeň. Čím netradičnější místo nebo aktivitu si pro učení najdeš, tím více lidí svým příspěvkem zaujmeš. Výsledky zveřejníme na Facebooku a Instagramu v pátek 17. května 2019. Jaké ceny můžeš vyhrát?1. iPad + roční předplatné online kurzů 2. roční předplatné online kurzů 3. 3-měsíční předplatné online kurzů[Image] Odteď už výmluvy neplatí. Dokaž, že studovat lze všude a za každých okolností. Těšíme se na tvé kreativní příspěvky a každému držíme palce!

V prvním kvartálu 2019 pro tebe chystáme několik nových online kurzů. V tomto blogpostu představíme ty nejdůležitější novinky, na které se jistě můžeš těšit. Chystáme něco z programování, designu, ale také střihu videa. Java pro junior programátoryZavršení trilogie kurzů zaměřených na Javu od lektora Jara Beňa. Po online kurzu zdarma Java pro začátečníky jsme se podívali na zoubek Javě pro pokročilé a v tomto třetím Java kurzu se naučíš vše potřebné, abys mohl začít pracovat jako junior Java programátor.[Image] UI design ve SketchiV tomto kurzu navážeme na kurz Desig pro obrazovky a budeme se již detailněji věnovat UI designu v parádní aplikaci Sketch. Zjistíš, co všechno ve Sketchi umíš dělat, jaké má výhody oproti konkurenčním produktům od Adobe, jak navrhneš vlastní web nebo aplikaci a zjistíš, jak efektivně pracovat ve Sketchi.[Image] Linux pro začátečníky IIMůžeš se těšit i na pokračování kurzu Linux pro začátečníky. Pokročilejší techniky a práce v Linuxu už bude pro tebe malina. Plánujeme pro tebe nachystat i další kurz na téma Linux, konkrétně Scriptování v Linuxu.[Image] Spring a Spring BootCílem těchto online kurzů je poskytnout základní přehled o možnostech frameworku Spring, s důrazem na vývoj webových a REST-ful aplikací. Spring je léty odzkoušená a ověřená alternativa k JEE. Poskytuje jednoduchý, ale flexibilní programovací model, který umožňuje efektivně vyvíjet robustní aplikace v Javě. Kurz je ideálním startem pro ty, kteří chtějí začít využívat Spring ve svých projektech.[Image] Adobe Premiere RushAdobe Premiere Rush je cross-device aplikace, pomocí které umíš editovat videa. Pomocí Adobe Rush umíš nahrávat videa, upravovat je, upravovat jejich barvu, nahrávat a upravovat zvuk, přidat animované titulky a publikovat na sociálních sítích. Kromě desktopové verze aplikace je k dispozici také mobilní verze, v kurzu vysvětlíme obojí.[Image] Adobe After EffectsPro začátečníky chystáme online kurz zaměřený na Adobe After Effects, ve kterém tě naučíme efektivně pracovat. Osvojíš si práci s uživatelským prostředím a jeho nástroji, naučíš se animovat text a pracovat s hudbou, ovládáním vrstev a módami prolínání.[Image] Pokud tě zajímají nějaké dotazy na dané kurzy, směle je napiš do komentáře. Budeme vděční i za tipy na kurzy, které by si na Learn2Code chtěl vidět. A pokud chceš nějaký online kurz s námi vytvořit, určitě nás neváhej kontaktovat.   Těšíme se na tebe!

Jelikož Dárek roku od Learn2Code je zde vůbec poprvé, přinášíme ti jednoduchý přehled toho, co o Dárku roku potřebuješ vědět. V tomto článku najdeš všechny odpovědi, které by tě mohly zajímat. Ve zkratce, Dárek roku je kombinace těchto 3 věcí:  • předplatné Learn2Code online kurzů (přístup do 31.12.2019), • benefity od partnerů (v hodnotě více než 200 Eur), • soutěž od Apple zařízení (iPhone Xs, iPad, Apple Watch). Předplatné online kurzůV případě, že se rozhodneš koupit si Dárek roku , tak získáš neomezený přístup do všech online kurzů a to nejen těch současných, ale i připravovaných až do 31.12.2019 . Aktuálně najdeš na našem webu téměř 60 online kurzů, které obsahují více než 500 hodin videomateriálu (videotutoriálů). To je pořádná nálož informací, znalostí a know-how. Ber to jako investici do sebe a do svého rozvoje. Pomocí těchto kurzů se můžeš naučit dělat webstránky, programovat , dělat design a ovládat grafický software , zvládneš online marketing , práci s fotoaparátem či videem , nebo MS Office . Následně se můžeš uchytit v různých IT firmách nebo rozjet vlastní online či offline byznys. Na co čekat? Začni už dnes 💪 [Naše online kurzy] Benefity od partnerůKromě kvalitních online kurzů získáváš také lákavé benefity od našich top partnerů. Pojďme si o nich říct trochu víc. SuperFaktura  Pokud se chystáš k podnikání, nebo už podnikáš, kvalitní služba pro vystavování faktur, kterou lze propojit s účetnictvím je nutnost. SuperFaktura je jednoduchá a přehledná a při tom nabízí řadu funkcí pro živnostníky a firmy. V rámci benefitů máš 3 měsíce premium členství v SuperFaktuře od Learn2Code zdarma. Firmárna.cz Založit si živnost, firmu, občanské sdružení lze pohodlně, online a bez starostí. Portál pro zakládání firem firmaren.cz je nástroj, díky kterému si dokážeš firmu založit již za 15 minut. Všechno přes internet a bez rad drahých právníků. V rámci benefitů v Dárku roku získáváš kupón na 15 Eur . WebSupport Lídr slovenského webhostingového trhu, který na trhu působí od roku 2002 a aktivně se podílí na vytváření zdravého podnikatelského prostředí, podporuje startupy, neziskovky a je tak nedílnou součástí slovenské IT komunity. Tvůj web musí být někde uložen a my ti dáváme hosting The Hosting 3 GB na 3 měsíce zdarma . ESET ESET již více než 30 let vyvíjí přední bezpečnostní software pro firmy i domácí uživatele na celém světě. V ESETu věří v technologie a chtějí zajistit, aby si je uživatelé mohli vychutnávat bezpečně. Měj svá data v bezpečí s 30% slevou na produkty Eset Internet Security nebo Eset Smart Security Premium. Profit Inspirativní magazín pro aktivní lidi, kteří chtějí žít naplno a měnit svět. Profit je měsíčník, ve kterém najdeš informace o nových trendech, výrazných osobnostech, inspirující příběhy, osobní finance či zajímavé investice. S Dárkem roku získáváš roční předplatné se slevou 50% . Bux.sk Internetové knihkupectví Bux.sk nabízí tisíce knih skladem, novinky světových i domácích autorů. Nakup knihy pro sebe nebo blízké v internetovém knižním eshopu bux.cz a získej slevu 10 Eur . Powerlogy Inovativní produkty pro aktivní lidi, zdravé potraviny, káva a další produkty, které ti už i v malém množství dodají zdravou energii pro každý den. Od Learn2Code získáváš 20% slevu na nákup . Forbes Návod na úspěch najdeš v celosvětově známém magazínu Forbes. Pokud hledáš inspiraci na celý rok, Forbes předplatné musíš mít. Kromě tištěného magazínu získáš i jeho elektronickou verzi a můžeš tedy Forbes číst v tabletu nebo mobilu. V rámci Dárek roku od nás dostáváš slevu 25% na nákup ročního předplatného . [Naši Partneři pro Dárek roku] Soutěž o Apple produktyKaždý, kdo si objedná Dárek roku, je automaticky zařazen do soutěže o Apple produkty od partnera akce Dárek roku společnosti iStores . Konkrétně můžeš vyhrát nový iPhone Xs, iPad 2018 nebo Apple Watch series 3 GPS. Výherce budeme losovat 1.1.2019 ve 20:00 v livestreamu na našem Facebooku a jejich jména zveřejníme i na webu v sekci soutěž. [Společnost iStores][Vyhraj iPhone, iPad nebo Apple Watch] Tip na dárekNevíš, čím obdarovat sebe nebo své blízké na Vánoce? Máme pro tebe super tip - Dárek roku od Learn2Code . Vzdělávání je ta nejlepší investice do budoucnosti pro tebe nebo tvé blízké. A proto nám napiš email a vystavíme ti dárkový poukaz.