Späť na blog
Vzdelávanie

Weby pre vývojárov, ktoré musíte poznať

Skillmea
15.10.2022
4 minúty čítania
Weby pre vývojárov, ktoré musíte poznať
Existuje toľko webových stránok, ktoré uľahčujú vývojárom prácu. Určite ale nikto nepozná všetky a preto sa v tomto článku pozrieme na niekoľko webových stránok, ktoré vývojári pri svojej práci využijú.

RoadmapSh

Táto webová stránka poskytuje študijné cesty, usmernenia a ďalší vzdelávací obsah, ktorý vývojárom pomôže vybrať si cestu a nasmerovať ich učenie. Je to veľmi užitočné pre začiatočníkov, ako aj pre študentov, ktorí potrebujú pomôcť nasmerovať s ďalším štúdiom.
Roadmap.sh
Roadmap.sh

OverApi.com

Pre všetkých vývojárov je OverAPI jednou z najkrajších a najužitočnejších webových stránok. Táto webová stránka obsahuje cheatsheety pre väčšinu programovacích jazykov. Pozrite sa na to hneď teraz.
OverAPI
OverAPI

Ray.so

Táto webová stránka vám umožňuje robiť krásne screenshoty z kódu. Má tiež tmavý režim a niektoré predinštalované témy pre rôzne programovacie jazyky. Môžete tiež použiť jeho rozšírenie pre VS Code.
Ray.so
Ray.so

Built With

Zistite, na akých technológiách je postavená webová stránka, ktorú ste navštívili, pomocou tohto webu alebo Chrome rozšírenia. BuiltWith je nástroj na profilovanie webových stránok. Po vyhľadaní stránky BuiltWith vráti všetky technológie, ktoré na stránke nájde.
Built With
Built With

DevDocs

DevDocs spája množstvo API dokumentácie v jedinom rozhraní s možnosťou vyhľadávania. Na jednom mieste nájdete dokumenty týkajúce sa rôznych programovacích jazykov a technológií.
DevDocs
DevDocs

Daily.dev

Daily.dev je platforma, kde nájdete veľa dobrých článkov, ktoré si môžete denne prečítať a zostať informovaní o novinkách zo sveta developmentu. Zobrazuje najlepšie články z rôznych platforiem priamo vo vašom feede. Zostaňte informovaní o kvalitnom obsahu z rôznych platforiem priamo do vášho prehliadača pomocou Chrome rozšírenia.
Daily Dev
Daily Dev

Css-tricks

Svoje zručnosti v oblasti webového vývoja môžete zvládnuť tak, že sa na tejto webovej stránke naučíte všetky základy CSS. Ak ste to ešte nevedeli, CSS je to, čo robí webstránky peknými a určuje im vzhľad.
css tricks.png 2,8 MB
Css tricks

Meta Tags

Meta Tags je generátor značiek webových stránok, ktorý vám tiež umožňuje aktualizovať a experimentovať s vaším obsahom predtým, ako uvidíte, ako sa bude zobrazovať na internete a na sociálnych sieťach. Je to dobré nielen pre SEO.
Meta tags
Meta tags

CodePen

CodePen je legendárna webová vývojárská platforma, ktorá umožňuje používateľom upravovať front-end jazyky, ako sú HTML, CSS a JavaScript, bez toho, aby museli inštalovať akýkoľvek softvér. Všetky zmeny sú viditeľné v reálnom čase, čo uľahčuje riešenie problémov. Vývojári a dizajnéri si tiež môžu vymieňať svoje vytvorené diela (známe ako pens) so zvyškom sveta. Na CodePen je možné nájsť obrovské množstvo inšpirácie.
codepen.png 460,6 KB

Readme.so

Táto webová stránka vám umožňuje vytvoriť README dokument veľmi jednoducho a rýchlo. Jeho jednoduchý editor vám pomôže rýchlo pridať a prispôsobiť všetky sekcie, ktoré potrebujete pre súbor README vášho projektu. Môžete to použiť na rýchle vytvorenie dokumentácie vašich projektov s otvoreným zdrojovým kódom.
Readme.so
Readme.so

Záver

Ďakujeme za prečítanie, dúfame, že ste našli niekoľko nových stránok, ktoré vám niekedy pomôžu. V budúcnosti sa s vami podelíme o ďalšie nové a užitočné webové stránky pre developerov.
Skillmea
🥇 Sme jednotka v online vzdelávaní na Slovensku.
Na našom webe nájdeš viac ako 300 rôznych videokurzov z oblastí ako programovanie, tvorba hier, testovanie softwaru, grafika, UX dizajn, online marketing, MS Office a pod. 
Vyber si kurz, ktorý ťa posunie vpred ⏩

Mohlo by ťa zaujímať

Učím sa používať cloud a microservices (časť I.)
Vzdelávanie
06.09.2022
Skillmea

Učím sa používať cloud a microservices (časť I.)

Prvé stretnutie s tematikouProgramovací jazyk Java poznám, Spring framework poznám, monolity (jedna veľká aplikácia v kope) ovládam a tak aby som nestagnoval a naučil sa novšie technológie a teda si aj rozšíril portfólio toho, čo ovládam, som sa rozhodol naučiť nové technológie okolo cloudových riešení a microservisov. Celú moju cestu a perepúť zaznamenám a vy si o tom môžete prečítať. Budem si to celé zaznamenávať krok za krokom. ZačiatokMomentálne poznám len pár kľúčových slov a to, že chcem riešiť microservisy a cloudové riešenia. Ešte som zaznamenal technológie ako Kubernetes a Docker. To je na začiatok všetko. Ak si to rozoberiem na menšie kúsky, tak tuším o čo ide. Aplikácie, ktoré som písal doteraz, sú monolitické, teda všetka funkcionalita je dokopy v jednej aplikácii. Prípadne celý backend je jedna časť, ktorá komunikuje s frontendom pomocou API.  Microservisy si predstavujem tak, že je to viacero malých aplikácií, ktoré fungujú samostatne a aplikácia použije len to, čo potrebuje. Tieto moduly – servisy – malé časti potom spolu komunikujú. Predpokladám, že tam bude nejaký mechanizmus posielania správ. Alebo komunikujú prostredníctvom API. Ako prvý krok som sa rozhodol pýtať na sociálnych sieťach. Dostal som jednu odpoveď a tá mi povedala, že si mám naštudovať Spring, Docker a Kubernetes. Predstavoval som si to asi trochu podrobnejšie, ale možno som zle položil otázku. Vlastne chcem vedieť, čo je ako prvé, čo potom a čo potom, ... teda úplný postup.  Keďže "socky" zlyhali, tak použijeme Google, ten verím v tomto prípade nesklame. Microservices a cloud roadmapaAko prvé som skúsil vyhľadať microservices roadmapu. Predpokladal som, že nájdem štruktúrované informácie. Vytriedil som pár stránok, ktoré pre mňa nemali zaujímavú formu. Vybral som si tieto: • Dev.to: vyzerá, že obsahuje kvalitné a štrukturované ifnormácie, • JavaGuides: má pekne štruktúrovaný text a obsahuje aj obrázky roadmapy, čo oceňujem:[Zdroj: JavaGuides.net] Ďalej som hľadal ako robiť Java aplikácie na cloude a vybral som tieto stránky na prezretie:  • https://cloud.google.com/java • https://rollbar.com/blog/what-is-cloud-native-java/ Toto sú moje začiatky, sám som zvedavý, kam sa dostanem. Prvé výsledkyČlánky a stránky som si prebehol z nadhľadu, aby som sa viac zoznámil so základnými pojmami a zistil, čo sa opakuje a kde začať. Takže, teraz mi je jasné, že tu máme dve oblasti. Oblasť programovania a oblasť nasadenia. V prvom rade je potrebné naprogramovať samotné microservisy a potom ich niekde nasadiť. S písaním Java aplikácií a API som oboznámený, nie je to pre mňa nič nové. Tým pádom budem ako prvé študovať technológie Kubernetes a Docker. Tieto dve technológie by mi mali pomôcť zistiť, čo všetko navyše je potrebné spraviť, aby som naprogramoval také microservisy, ktoré sú správne pripravené na spoločnú komunikáciu. Podľa wiki Kubernetes pracujú s Dockerom. Kubernetes by mala byť kontajnerová orchestrácia – pod tým si predstavujem riadenie kontajnerov.  Kontajner je podľa všetkého samostatná krabička, ktorá v sebe obsahuje všetko potrebné, aby v nej bežala aplikácia. Javu, rôzne závislosti, frameworky, knižnice a podobne. A túto krabičku zoberiem a nasadím. Spolu by to malo krásne a ideálne pracovať. No uvidíme 😀.  ZáverPre tento úvodný prehľadový článok stačí. Rád by som v týchto článkoch pokračoval, tam už pôjdeme do väčších podrobností a pozrieme sa na zúbok jednotlivým technológiám, ktoré sa budeme snažiť pochopiť. Lúči sa s vami Jaro a vidíme sa pri ďalšom článku, alebo v mojich kurzoch.
Najlepšie programy na tvorbu loga
Vzdelávanie
20.08.2022
Skillmea

Najlepšie programy na tvorbu loga

Vaša firma potrebuje zapamätateľné, jedinečné a profesionálne logo. Ak si logo chcete vytvoriť sami, máte celkom širokú paletu možností, ktorý nástroj použiť. Softvérové programy zamerané na logo dizajn ponúkajú flexibilitu pri možnostiach úprav a prispôsobenia, ale ovládať sa ich musíte naučiť sám. V tomto smere tak majú výhodu rôzne služby logo tvorby. Vďaka existencii rôznych softvérových programov na logo dizajn majú majitelia firiem mnoho možností, pokiaľ ide o vytváranie profesionálneho loga. Chcete vedieť, ktorý program je pre vás ten pravý? Pozrite si tento zoznam najlepších softvérových programov na logo tvorbu, aby ste sa rozhodli pre ten, ktorý najlepšie vyhovuje vašim potrebám. Ako si vybrať vhodný softvérMožností na trhu je neúrekom a preto je potrebné vziať do úvahy základné kritériá a porovnať ich. V našom porovnaní sme brali do úvahy najmä tieto kritériá: • úroveň zručností, • použiteľnosť, • features, • skúšobná doba, • cena. Do top výberu sa u nás dostali tieto programy: Adobe IllustratorAdobe Illustrator je súčasťou balíka Adobe Creative Cloud, ktorý zahŕňa Photoshop, InDesign, Lightroom a ďalšie programy. Je to široko používaný softvér na grafický dizajn pre logá, ako aj grafiku sociálnych médií, reklamy, tlačoviny, letáky, typografiu či umelecké ilustrácie. Aj keď je Illustrator dlhoročným priemyselným štandardom, je najlepší pre tých, ktorí majú skúsenosti s grafickým dizajnom a nie nevyhnutne pre niekoho, kto chce vytvoriť len jedno logo. Výhody: • široká paleta nástrojov pre prácu s vektorovou grafikou, • kompatibilita s ostatnými Adobe programami, ako napr. Photoshop alebo InDesign, • podpora súborov SVG, PDF, EPS, a pod. Nevýhody: • strmá krivka učenia, • chýbajúce predpripravené logo šablóny, • funguje na princípe mesačného predplatného, čo môže znamenať vysoké náklady.[Adobe Illustrator] CorelDRAWCoreIDRAW je ďalší dizajnérsky softvér, ktorý patrí medzi špičku v tomto odvetví. Čo je na CoreIDRAW špeciálne, je nástroj Live Sketch Tool, ktorý premieňa skice nakreslené rukou na precíznu grafiku. Ak ste dizajnér, ktorý miluje kreslenie perom na papier, toto je ten pravý softvér pre vás. Je to tiež vektorový program, takže môžete premeniť základné línie a tvary na zložité umelecké diela. Výhody: • premeňte svoje nápady a sketche na profesionálny návrh loga, • vstavaný pomocník, ktorý vám pomôže naučiť sa používať nástroje na kreslenie, • ponúka možnosť jednorazového nákupu, čo je výhoda pre dlhodobé používanie. Nevýhody: • neobsahuje PDF export v najlacnejšom balíku, • rozhranie nie je také intuitívne, • možnosť jednorazového nákupu stojí 355 Eur, čo nie je málo.[CorelDRAW] Affinity DesignerAffinity Designer je podľa slov výrobcu Serif najrýchlejší, najplynulejší a najpresnejší softvér na vektorovú grafiku. Umožňuje vám vytvoriť logo, tlačové projekty, ikony, UI design, mockupy a ďalšie. Zorientovať a naučiť sa pracovať v Affinity Designer v prípade skúsenosti s inými grafickými nástrojmi je relatívne jednoduché. Affinity Designer je vysoko výkonný dizajnérsky nástroj, ktorý vám pomôže vytvoriť jedinečné logo. Výhody: • jednorazová platba (54,99 Eur za Mac / Windows aplikáciu) , • inteligentne navrhnuté používateľské rozhranie, ktoré uľahčuje samotné používanie, • v jednom súbore môžete vytvárať projekty, ktoré podporujú vektorovú aj pixelovú grafiku. Nevýhody: • chýbajú niektoré nástroje v porovnaní s inými programami, • neobsahuje vektorovú gumu, • najmä pre začiatočníkov náročnejšia krivka učenia.[Affinity Designer] InkscapeInkscape je open source softvér na úpravu vektorovej grafiky. Program ponúka širokú škálu nástrojov na manipuláciu s objektmi, vytváranie zložitých vzorov a ďalšie. Tieto funkcie umožňujú začiatočníkom navrhovať profesionálne logá a zároveň ponúkajú hodnotu aj stredne pokročilým a pokročilým grafickým dizajnérom. Čo je najlepšie na Inkscape? Ako softvér s otvoreným zdrojovým kódom sú všetky funkcie úplne zadarmo! Výhody: • vynikajúca hodnota a môže sa pochváliť pokročilejšími funkciami úprav ako iné bezplatné programy, • kvalitný tím podpory Inkscape, ktorý neustále aktualizuje softvér a opravuje všetky chyby, • používatelia môžeu bez problémov meniť veľkosť svojich výtvorov. Nevýhody: • pri práci s grafikou s veľmi vysokým rozlíšením Inkscape zaostáva a občas spadne • krivka učenia je náročná pre začiatočníkov, najmä tých, ktorí ešte nie sú oboznámení s vektorovými programami, ale je jednoduchšia v porovnaní s ostatnými v tomto zozname • UI programu a ovládanie je neintuitívne, takže je ťažké nájsť rôzne možnosti a funkcie.[Inkscape] Bonusová časť: online nástrojeLooka Looka je dobrá voľba najmä pre nedizajnérov, ponúka zábavný a užívateľsky príjemný dizajn. Tento program používa na návrh loga umelú inteligenciu, dokáže uložiť vaše logo návrhy ako JPEG a PNG, ako aj vektorové súbory, ako sú SVG a EPS. Looka vás prevedie celým procesom návrhu loga - môžete pridať určité prvky, ktoré chcete priradiť k svojej značke a zahrnúť ich prostredníctvom ikon a symbolov. Okrem toho si môžete vybrať celkový dojem, ktorý má logo vytvárať, a tiež farebnú schému, ktorú preferujete. Po navrhnutí loga ho viete použiť do šablón pre sociálne siete a pod.[Looka] CanvaCenovo dostupná varianta pre dizajnovanie a branding. Canva využíva viac drag-and-drop prístup, ktorý vám umožňuje vybrať rôzne tvary a šablóny a prispôsobiť ich tak, aby vyhovovali vašim požiadavkám na dizajn značky a loga. Ide o jeden z najlepších bezplatných dizajnérskych programov. Ak je bezplatná verzia pre vás obmedzujúca, Canva Pro je skvelou alternatívou na navrhovanie loga, brand materiálov alebo infografík. S Canva máte tiež možnosť nahrať a zahrnúť svoje vlastné obrázky. Tieto obrázky môžete použiť na začlenenie vlastných tvarov a ich vrstvenie, aby ste vytvorili logo, ktoré najlepšie vyhovuje vašim obchodným cieľom. Canva je jednoduchý a ľahko použiteľný softvér, ktorý sa vyhne krivke učenia, s ktorou sa mnohí používatelia stretávajú so softvérom Adobe či Affinity. A hoci nie je Canva ani zďaleka tak všestranná ako Illustrator, svoju prácu pri logo tvorbe rozhodne zvládne. [Canva] Wix Logo MakerWix Logo Maker je fantastické riešenie pre každého, kto nemá dizajnérske zručnosti, ale vie, čo sa mu páči. Dostatočné, ale nie príliš široké možnosti prispôsobenia loga uľahčujú rýchle vytvorenie dizajnu na profesionálnej úrovni. Začnite zdieľaním informácií, ako je názov vašej firmy a oblasť podnikania, a Wix Logo Maker automaticky vygeneruje celý rad log, z ktorých si môžete vybrať. Potom upravte text, ikonu a paletu farieb podľa svojich predstáv. [Wix Logo Maker] ZáverNávrh a tvorba loga môže byť zložitý. Počas celého procesu je potrebné mať na pamäti veľa dôležitých komponentov. Ak chcete vytvoriť najvhodnejšie logo pre svoju značku, nezabudnite identifikovať a začleniť hodnoty vašej značky a celkové posolstvo, ktoré chcete odovzdať. Keď budete mať v tomto jasno, výber softvéru, ktorý najlepšie vyhovuje vašim požiadavkám a zručnostiam, bude menšou výzvou. Zoznam nástrojov spomenutý v texte vám má pomôcť vybrať čo najlepšie.
Ako prepojiť Google Analytics 4 a Google Data Studio
Vzdelávanie
01.08.2022
Marián Kristeľ

Ako prepojiť Google Analytics 4 a Google Data Studio

Google Analytics 4 vám poskytujú prehľad o výkonnosti webu, o tom, ako používatelia prichádzajú na váš web a o ich správaní. Google Data Studio môžete použiť na vizualizáciu rovnakých údajov, ktoré sú k dispozícii v službe Google Analytics (a ďalšich), a získať tak podrobnejšie štatistiky a prehľadnejšie usporiadanie dát. V tomto článku budem písať o tom, ako môžete prepojiť Google Data Studio so svojím vlastníctvom Google Analytics 4 a o niekoľkých základných konfiguráciách prehľadov. Upozorňujeme, že prepojenie vášho vlastníctva v službe Google Analytics 4 s Data Studio je stále vo verzii beta, preto sa v blízkej budúcnosti očakáva množstvo nových vylepšení a funkcií. Návod na prepojenie Google Analytics 4 a Google Data StudioNajskôr je potrebné ísť na domovskú stránku Google Data Studio, kliknite na Use it for free:[Google Data Studio]Prihláste sa do svojho Google účtu, na ktorý máte nalinkovaný Google Analytics 4 účet. Zobrazí sa vám obrazovka podobná tejto:[Nový report]a po kliku na Vytvoriť a následne Zdroj údajov (Data source) sa vylistuje menu dostupných konektorov. Chceme napojiť dáta z Google Analytics a teda zvolíme konektor Google Analytics:[Google Analytics konektor]Následne budete mať možnosť vybrať si z účtov Google Analytics nalinkovaných na daný google účet, s ktorým ste sa prihlásili: [Vybrať GA účet]Zvoľte účet s Google Analytics 4 a kliknite Prepojiť (Connect). Objaví sa obrazovka, na ktorej môžete upraviť alebo vytvoriť nové schémy:[Polia v GA 4 reporte]Všetky dimenzie a metriky získate z vlastníctva Google Analytics 4 v možnosti polí. Pole „Typ“ popisuje typ údajov metriky/dimenzie. Získate tiež metódu agregácie možností pre všetky metriky a dimenzie. Následne už stačí len kliknúť na Vytvoriť prehľad (Create report) a to znamená, že sa vám podarilo úspešne prepojiť svoj účet Data Studio k vlastníctvu v službe Google Analytics 4. Teraz môžete začať vytvárať prehľadné dashboardy pre vlastníctvo Google Analytics 4.

Nezmeškaj info o nových kurzoch a špeciálnych ponukách