Zpět na blog
Vzdělávání

Weby pro vývojáře, které musíte znát

Skillmea
15.10.2022
4 minuty čtení
Weby pro vývojáře, které musíte znát
Existuje tolik webových stránek, které usnadňují vývojářům práci. Určitě ale nikdo nezná všechny a proto se v tomto článku podíváme na několik webových stránek, které vývojáři při své práci využijí.

RoadmapSh

Tato webová stránka poskytuje studijní cesty, pokyny a další vzdělávací obsah, který vývojářům pomůže vybrat si cestu a nasměrovat jejich učení. Je to velmi užitečné jak pro začátečníky, tak pro studenty, kteří potřebují pomoci nasměrovat s dalším studiem.
Roadmap.sh
Roadmap.sh

OverApi.com

Pro všechny vývojáře je OverAPI jednou z nejkrásnějších a nejužitečnějších webových stránek. Tato webová stránka obsahuje cheatsheety pro většinu programovacích jazyků. Podívejte se na to hned teď.
OverAPI
OverAPI

Ray.so

Tato webová stránka vám umožňuje pořizovat krásné screenshoty z kódu. Má také tmavý režim a některá předinstalovaná témata pro různé programovací jazyky. Můžete také použít jeho rozšíření pro VS Code.
Ray.so
Ray.so

Built With

Zjistěte, na jakých technologiích je postavena webová stránka, kterou jste navštívili, pomocí tohoto webu nebo Chrome rozšíření. BuiltWith je nástroj pro profilování webových stránek. Po vyhledání stránky BuiltWith vrátí všechny technologie, které na stránce najde.
Built With
Built With

DevDocs

DevDocs spojuje množství API dokumentace v jediném rozhraní s možností vyhledávání. Na jednom místě naleznete dokumenty týkající se různých programovacích jazyků a technologií.
DevDocs
DevDocs

Daily.dev

Daily.dev je platforma, kde najdete spoustu dobrých článků, které si můžete denně přečíst a zůstat informováni o novinkách ze světa developmentu. Zobrazuje nejlepší články z různých platforem přímo ve vašem feedu. Zůstaňte informováni o kvalitním obsahu z různých platforem přímo do vašeho prohlížeče pomocí Chrome rozšíření.
Daily Dev
Daily Dev

Css-tricks

Své dovednosti v oblasti webového vývoje můžete zvládnout tak, že se na tété webové stránce naučíte všechny základy CSS. Pokud jste to ještě nevěděli, CSS je to, co dělá webové stránky hezkými a určuje jim vzhled.
css tricks.png 2,8 MB
Css tricks

Meta Tags

Meta Tags je generátor značek webových stránek, který vám také umožňuje aktualizovat a experimentovat s vaším obsahem předtím, než uvidíte, jak se bude zobrazovat na internetu a na sociálních sítích. Je to dobré nejen pro SEO.
Meta tags
Meta tags

CodePen

CodePen je legendární webová vývojářská platforma, která umožňuje uživatelům upravovat front-end jazyky, jako jsou HTML, CSS a JavaScript, aniž by museli instalovat jakýkoli software. Všechny změny jsou viditelné v reálném čase, což usnadňuje řešení problémů. Vývojáři a designéři si také mohou vyměňovat svá vytvořená díla (známá jako pens) se zbytkem světa. Na CodePen lze nalézt obrovské množství inspirace.
codepen.png 460,6 KB

Readme.so

Tato webová stránka vám umožňuje vytvořit README dokument velmi snadno a rychle. Jeho jednoduchý editor vám pomůže rychle přidat a přizpůsobit všechny sekce, které potřebujete pro soubor README vašeho projektu. Můžete to použít k rychlému vytvoření dokumentace vašich projektů s otevřeným zdrojovým kódem.
Readme.so
Readme.so

Závěr

Děkujeme za přečtení, doufáme, že jste našli několik nových stránek, které vám někdy pomohou. V budoucnu se s vámi podělíme o další nové a užitečné webové stránky pro developery.
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 tě zajímat

Učím se používat cloud a microservices (část I.)
Vzdělávání
06.09.2022
Skillmea

Učím se používat cloud a microservices (část I.)

První setkání s tématikouProgramovací jazyk Java znám, Spring framework znám, monolity (jedna velká aplikace v kopu) ovládám a tak abych nestagnoval a naučil se novější technologie a tedy si i rozšířil portfolio toho, co ovládám, jsem se rozhodl naučit nové technologie kolem cloudových řešení a microservisů . Celou moji cestu a pereput zaznamenám a vy si o tom můžete přečíst. Budu si to celé zaznamenávat krok za krokem. ZačátekMomentálně znám jen pár klíčových slov a to, že chci řešit microservisy a cloudová řešení. Ještě jsem zaznamenal technologie jako Kubernetes a Docker. To je na začátek všechno. Pokud si to rozeberu na menší kousky, tak tuším o co jde. Aplikace, které jsem psal dosud, jsou monolitické, tedy všechna funkcionalita je dohromady v jedné aplikaci. Případně celý backend je jedna část, která komunikuje s frontendem pomocí API. Microservisy si představuji tak, že je to několik malých aplikací, které fungují samostatně a aplikace použije jen to, co potřebuje. Tyto moduly – servisy – malé části pak spolu komunikují. Předpokládám, že tam bude nějaký mechanismus posílání zpráv. Nebo komunikují prostřednictvím API. Jako první krok jsem se rozhodl ptát na sociálních sítích. Dostal jsem jednu odpověď a ta mi řekla, že si mám nastudovat Spring, Docker a Kubernetes. Představoval jsem si to asi trochu podrobněji, ale možná jsem špatně položil otázku. Vlastně chci vědět, co je jako první, co potom a co potom, ... tedy úplný postup. Jelikož "socky" selhaly, tak použijeme Google, ten věřím v tomto případě nezklame. Microservices a cloud roadmapaJako první jsem zkusil vyhledat microservices roadmapu. Předpokládal jsem, že najdu strukturované informace. Vytřídil jsem pár stránek, které pro mě neměly zajímavou formu. Vybral jsem si tyto: • Dev.to: vypadá, že obsahuje kvalitní a strukturované informace, • JavaGuides: má pěkně strukturovaný text a obsahuje i obrázky roadmapy, což oceňuji:[Zdroj: JavaGuides.net] Dále jsem hledal jak dělat Java aplikace na cloudu a vybral jsem tyto stránky k prohlédnutí: • https://cloud.google.com/java • https://rollbar.com/blog/what-is-cloud-native-java/ Toto jsou mé začátky, sám jsem zvědavý, kam se dostanu. První výsledkyČlánky a stránky jsem si proběhl z nadhledu, abych se více seznámil se základními pojmy a zjistil, co se opakuje a kde začít. Takže, teď mi je jasné, že zde máme dvě oblasti. Oblast programování a oblast nasazení. V první řadě je třeba naprogramovat samotné microservisy a poté je někde nasadit. Se psaním Java aplikací a API jsem obeznámen, není to pro mě nic nového. Tím pádem budu jako první studovat technologie Kubernetes a Docker. Tyto dvě technologie by mi měly pomoci zjistit, co vše navíc je třeba udělat, abych naprogramoval takové microservisy, které jsou správně připraveny ke společné komunikaci. Podle wiki Kubernetes pracují s Dockerem. Kubernetes by měla být kontejnerová orchestrace – pod tím si představuji řízení kontejnerů. Kontejner je podle všeho samostatná krabička, která v sobě obsahuje vše potřebné, aby v ní běžela aplikace. Jevu, různé závislosti, frameworky, knihovny a podobně. A tuto krabičku vezmu a nasadím. Spolu by to mělo krásně a ideálně pracovat. No uvidíme 😀.  ZávěrPro tento úvodní přehledový článek stačí. Rád bych v těchto článcích pokračoval, tam už půjdeme do větších podrobností a podíváme se na zoubek jednotlivým technologiím, které se budeme snažit pochopit. Loučí se s vámi Jaro a vidíme se při dalším článku, nebo v mých online kurzech.
Nejlepší programy pro tvorbu loga
Vzdělávání
20.08.2022
Skillmea

Nejlepší programy pro tvorbu loga

Vaše firma potřebuje zapamatovatelné, jedinečné a profesionální logo. Pokud si logo chcete vytvořit sami, máte docela širokou paletu možností, který nástroj použít. Softwarové programy zaměřené na logo design nabízejí flexibilitu při možnostech úprav a přizpůsobení, ale ovládat se je musíte naučit sám. V tomto směru tak mají výhodu různé služby logo tvorby. Díky existenci různých softwarových programů na logotvorbu mají majitelé firem mnoho možností, pokud jde o vytváření profesionálního loga. Chcete vědět, který program je pro vás ten pravý? Prohlédněte si tento seznam nejlepších softwarových programů na logo tvorbu, abyste se rozhodli pro ten, který nejlépe vyhovuje vašim potřebám. Jak vybrat vhodný softwareMožností na trhu je nepočítaně, a proto je třeba vzít v úvahu základní kritéria a porovnat je. V našem srovnání jsme brali v úvahu zejména tato kritéria: • úroveň dovedností, • použitelnost, • features, • zkušební doba, • cena. Do top výběru se u nás dostaly tyto programy: Adobe IllustratorAdobe Illustrator je součástí balíčku Adobe Creative Cloud, který zahrnuje Photoshop, InDesign, Lightroom a další programy. Je to široce používaný software pro grafický design pro loga, jakož i grafiku sociálních médií, reklamy, tiskoviny, letáky, typografii či umělecké ilustrace. I když je Illustrator dlouholetým průmyslovým standardem, je nejlepší pro ty, kteří mají zkušenosti s grafickým designem a ne nutně pro někoho, kdo chce vytvořit jen jedno logo. Výhody: • široká paleta nástrojů pro práci s vektorovou grafikou, • kompatibilita s ostatními Adobe programy, jako např. Photoshop nebo InDesign, • podpora souborů SVG, PDF, EPS, a pod. Nevýhody: • strmá křivka učení, • chybějící předpřipravené logo šablony, • funguje na principu měsíčního předplatného, což může znamenat vysoké náklady.[Adobe Illustrator] CorelDRAWCoreIDRAW je další designérský software, který patří mezi špičku v tomto odvětví. Co je na CoreIDRAW speciální, je nástroj Live Sketch Tool, který přeměňuje skici nakreslené rukou na precizní grafiku. Pokud jste designér, který miluje kreslení perem na papír, tohle je ten pravý software pro vás. Je to také vektorový program, takže můžete přeměnit základní linie a tvary na složitá umělecká díla. Výhody: • proměňte své nápady a sketche na profesionální návrh loga, • vestavěný pomocník, který vám pomůže naučit se používat nástroje pro kreslení, • nabízí možnost jednorázového nákupu, což je výhoda pro dlouhodobé používání. Nevýhody: • neobsahuje PDF export v nejlevnějším balíčku, • rozhraní není tak intuitivní, • možnost jednorázového nákupu stojí 355 Eur, což není málo.[CorelDRAW] Affinity DesignerAffinity Designer je podle slov výrobce Serif nejrychlejší, nejplynulejší a nejpřesnější software pro vektorovou grafiku. Umožňuje vám vytvořit logo, tiskové projekty, ikony, UI design, mockupy a další. Zorientovat a naučit se pracovat v Affinity Designer v případě zkušenosti s jinými grafickými nástroji je relativně jednoduché. Affinity Designer je vysoce výkonný designérský nástroj, který vám pomůže vytvořit jedinečné logo. Výhody: • jednorázová platba (54,99 Eur za Mac / Windows aplikaci), • inteligentně navržené uživatelské rozhraní, které usnadňuje samotné používání, • v jednom souboru můžete vytvářet projekty, které podporují vektorovou i pixelovou grafiku. Nevýhody: • chybí některé nástroje v porovnání s jinými programy, • neobsahuje vektorovou gumu, • zejména pro začátečníky náročnější křivka učení.[Affinity Designer] InkscapeInkscape je open source software pro úpravu vektorové grafiky. Program nabízí širokou škálu nástrojů pro manipulaci s objekty, vytváření složitých vzorů a další. Tyto funkce umožňují začátečníkům navrhovat profesionální loga a zároveň nabízejí hodnotu i středně pokročilým a pokročilým grafickým designérům. Co je nejlepší na Inkscape? Jako software s otevřeným zdrojovým kódem jsou všechny funkce zcela zdarma! Výhody: • vynikající hodnota a může se pochlubit pokročilejšími funkcemi úprav než jiné bezplatné programy, • kvalitní tým podpory Inkscape, který neustále aktualizuje software a opravuje všechny chyby, • uživatelé mohou bez problémů měnit velikost svých výtvorů. Nevýhody: • při práci s grafikou s velmi vysokým rozlišením Inkscape zaostává a občas spadne, • křivka učení je náročná pro začátečníky, zejména ty, kteří ještě nejsou obeznámeni s vektorovými programy, ale je jednodušší ve srovnání s ostatními v tomto seznamu, • UI programu a ovládání je neintuitivní, takže je obtížné najít různé možnosti a funkce.[Inkscape] Bonusová část: online nástrojeLooka Looka je dobrá volba zejména pro nedesignéry, nabízí zábavný a uživatelsky příjemný design. Tento program používá na návrh loga umělou inteligenci, dokáže uložit vaše logo návrhy jako JPEG a PNG, jakož i vektorové soubory, jako jsou SVG a EPS. Looka vás provede celým procesem návrhu loga – můžete přidat určité prvky, které chcete přiřadit ke své značce a zahrnout je prostřednictvím ikon a symbolů. Kromě toho si můžete vybrat celkový dojem, který má logo vytvářet, a také barevné schéma, které preferujete. Po navržení loga jej umíte použít do šablon pro sociální sítě a pod.[Looka] CanvaCenově dostupná varianta pro designování a branding. Canva využívá více drag-and-drop přístup, který vám umožňuje vybrat různé tvary a šablony a přizpůsobit je tak, aby vyhovovaly vašim požadavkům na design značky a loga. Jedná se o jeden z nejlepších bezplatných designérských programů. Pokud je bezplatná verze pro vás omezující, Canva Pro je skvělou alternativou k navrhování loga, brand materiálů nebo infografik. S Canvou máte také možnost nahrát a zahrnout své vlastní obrázky. Tyto obrázky můžete použít k začlenění vlastních tvarů a jejich vrstvení, abyste vytvořili logo, které nejlépe vyhovuje vašim obchodním cílům. Canva je jednoduchý a snadno použitelný software, který se vyhne křivce učení, se kterou se mnozí uživatelé setkávají se softwarem Adobe či Affinity. A přestože není Canva ani zdaleka tak všestranná jako Illustrator, svoji práci při logo tvorbě rozhodně zvládne. [Canva] Wix Logo MakerWix Logo Maker je fantastické řešení pro každého, kdo nemá designérské dovednosti, ale ví, co se mu líbí. Dostatečné, ale nepříliš široké možnosti přizpůsobení loga usnadňují rychlé vytvoření designu na profesionální úrovni. Začněte sdílením informací, jako je název vaší firmy a oblast podnikání, a Wix Logo Maker automaticky vygeneruje celou řadu log, ze kterých si můžete vybrat. Potom upravte text, ikonu a paletu barev podle svých představ. [Wix Logo Maker] ZávěrNávrh a tvorba loga může být složitý. Během celého procesu je třeba mít na paměti mnoho důležitých komponentů. Chcete-li vytvořit nejvhodnější logo pro svou značku, nezapomeňte identifikovat a začlenit hodnoty vaší značky a celkové poselství, které chcete předat. Když budete mít v tomto jasno, výběr softwaru, který nejlépe vyhovuje vašim požadavkům a dovednostem, bude menší výzvou. Seznam nástrojů zmíněný v textu vám má pomoci vybrat co nejlépe.
Jak propojit Google Analytics 4 a Google Data Studio
Vzdělávání
01.08.2022
Marián Kristeľ

Jak propojit Google Analytics 4 a Google Data Studio

Google Analytics 4 vám poskytují přehled o výkonnosti webu, o tom, jak uživatelé přicházejí na váš web ao jejich chování. Google Data Studio můžete použít k vizualizaci stejných údajů, které jsou k dispozici ve službě Google Analytics (a dalších), a získat tak podrobnější statistiky a přehlednější uspořádání dat. V tomto článku budu psát o tom, jak můžete propojit Google Data Studio se svým vlastnictvím Google Analytics 4 ao několika základních konfiguracích přehledů. Upozorňujeme, že propojení vašeho vlastnictví ve službě Google Analytics 4 s Data Studio je stále ve verzi beta, proto se v blízké budoucnosti očekává řada nových vylepšení a funkcí. Návod k propojení Google Analytics 4 a Google Data StudioNejprve je třeba jít na domovskou stránku Google Data Studio, klikněte na Use it for free:[Google Data Studio]Přihlaste se do svého Google účtu, na který máte nalinkovaný Google Analytics 4 účet. Zobrazí se vám obrazovka podobná této:[Nový report]a po kliku na Vytvořit a následně Zdroj dat (Data source) se vylistuje menu dostupných konektorů. Chceme napojit data z Google Analytics a tedy zvolíme konektor Google Analytics:[Google Analytics konektor]Následně budete mít možnost vybrat si z účtů Google Analytics nalinkovaných na daný google účet, se kterým jste se přihlásili:[Vybrať GA účet]Zvolte účet s Google Analytics 4 a klikněte Propojit (Connect). Objeví se obrazovka, na které můžete upravit nebo vytvořit nová schémata:[Polia v GA 4 reporte]Všechny dimenze a metriky získáte z vlastnictví Google Analytics 4 v možnosti polí. Pole „Typ“ popisuje typ dat metriky/dimenze. Získáte také metodu agregace možností pro všechny metriky a dimenze. Následně už stačí jen kliknout na Vytvořit přehled (Create report) a to znamená, že se vám podařilo úspěšně propojit svůj účet Data Studio k vlastnictví ve službě Google Analytics 4. Nyní můžete začít vytvářet přehledné dashboardy pro vlastnictví Google Analytics 4.

Nezmeškej info o nových kurzech a speciálních nabídkách