Tajné tipy, triky a nástroje všech dobrých web developerů

PHP je open source skriptovací jazyk a používá se zejména pro programování klient-server aplikací a pro vývoj dynamických webových stránek. Zkratka PHP původně znamenala Personal Home Page, dnes tato zkratka znamená Hypertext Preprocessor. PHP lze používat i pro vývoj aplikací s uživatelským rozhraním. Mimo jiné PHP dokáže spolupracovat s relačními databázemi, přičemž zachovává jednoduchou a přímočarou syntaxi. Prohlédněte si seznam nejznámějších webů vytvořených v PHP: Facebook [Image] Wordpress [Image] Fickr [Image] Yahoo [Image] iStock [Image] Digg [Image] Wikipedia [Image] LiveBid Auction [Image] Chceš se naučit tvořit weby v PHP a jeho populárním frameworku Laravel? Jdi na webrebel.sk a my tě to naučíme.  Přidej se k nám i ty, nauč se programovat a možná za pár let už budeme psát o tobě! ;)

Už jste někdy zkusili programovat v jazyce Ruby a jeho frameworku Ruby on Rails? Jazyk Ruby je považován za jeden z nejvhodnějších jazyků pro úplné začátečníky, framework Ruby on Rails je zase populární pro rychlost vývoje. Ruby a Ruby on Rails jsou vhodné také pro tvorbu e-commerce webů, sociálních sítí či projektů s velkým množstvím audio souborů, textů nebo foto alb. V tomto blog postu se podíváme na nejznámější weby vytvořené pomocí Ruby on Rails.  1. Basecamp Dá se říci, že rozruch kolem Ruby on Rails odstartoval právě tento nástroj na projektový management, jelikož David Heinemeier Hansson vytvořil Ruby on Rails během vývoje Basecampu. [Image] 2. GitHub Je to hosting pro (open-source) projekty verzionované pomocí Gitu.[Image] 3. Indiegogo Celosvětově známý crowdfundingový portál.[Image] 4. Goodreads Sociální síť pro milovníky knih.[Image] 5. Scribd Tvoje osobní knihovna, ve které máš přístup k více než 400 tis. knihám od více než 900 autorů a vydavatelů.[Image] 6. Fiverr Stránka, na které si můžete pořídit nebo dát vyrobit téměř vše za 5 dolarů.[Image] 7. Shopify Populární služba pro vytváření eshopů[Image] 8. Airbnb Marketplace spojující lidi, kteří poskytují své volné ubytovací kapacity s lidmi, kteří ubytování hledají.[Image] 9. Envato (Theme Forest) Ekosystém webů (Envato Market, Envato Studiu, Tuts+), které vám pomáhají být kreativní.[Image] 10. Crazy Egg Pomocí této aplikace můžete zjistit, kde na stránce nejčastěji klepají vaši návštěvníci (heatmapa).[Image] 11. Heroku Cloud hosting, na kterém funguje několik milionů aplikací.[Image] 12. SoundCloud Slouží ke sdílení a nahrávání audia, ke kterému mají uživatelé přístup prostřednictvím webové stránky nebo mobilní aplikace.[Image] 13. Groupon Groupon odstartoval masové rozšíření hromadného nakupování a vznik dalších slevových portálů.[Image] Webů vytvořených v Ruby on Rails je mnohem více, v dalším blog postu se podíváme na ty, které se do tohoto prvního dílu nevešli. Znáte-li známé weby nebo portály vytvořené s pomocí této technologie, budeme rádi, pokud se o ně s námi podělíte a napíšete je do komentářů. V případě, že vás zajímá vývoj v Ruby on Rails a chtěli byste se naučit tvořit vlastní webové aplikace, v  Learn2Code  jsme pro vás připravili 3měsíční kurz pod názvem Web Developer, zaměřený právě na tento webový framework, informace o kurzu naleznete na  našem webu .

Webdevelopeři a designéři mají rádi aplikace a nástroje, které jim usnadňují vývoj webů a aplikací. Jedná se o malé aplikace nebo knihovny, které většinou řeší jeden konkrétní problém. V následujícím postu přinášíme přehled těchto šikovných nástrojů, které usnadňují práci. 1. Sublime Text[Image]Moderní a přehledný textový editor pro programátory. Mezi výhody patří přizpůsobitelnost a zvýrazňování syntaxe velkého množství souborů. Současná beta verze  Sublime Text 3  je dostupná pro OS X, Linux i Windows. Sublime Text lze bezplatně využívat ve zkušební verzi, která však oproti placené nemá žádné omezení. Nebereme-li v úvahu občasné odklikávání okna, které upozorňuje na koupi licence (ta stojí 70 USD). 2. Trello[Image] V současnosti existuje obrovské množství nástrojů pro projektový management a tím zvyšování produktivity. Trello  je bezplatný online nástroj pomocí kterého lze řídit projekt, zadávat úkoly a kontrolovat jejich plnění, spolupracovat, tvořit a dělat všechny potřebné projektové činnosti. Trello nabízí webovou a samozřejmě také mobilní aplikaci.   3. Firebug[Image] Firebug  je rozšíření prohlížeče Mozilla Firefox a nabízí velké množství webdeveloperských nástrojů a funkcí. Firebug má vestavěný JavaScript debugger, který umožňuje projít celý váš skript a také zjistit, proč je pomalý. Můžete snadno nalézt HTML, CSS, JavaScript a XML chyby a dokonce umožňuje filtrování a vyhledávání specifických chyb. Další velmi užitečnou funkcí je DOM Inspector panel, který popisuje strukturu webové stránky. Tato funkce je užitečná pokud pracujete na velkém webu nebo s aplikací, na které jste začali nedávno pracovat. 4. 960 grid system[Image] Snahou  960 grid systému  je zjednodušit workflow vývoje webových aplikací poskytnutím běžně používaných rozměrů. Základ systému tedy tvoří sloupce o celkové šíři 960 pixelů, které jsou rozděleny na 12 a 16 sloupců. 12 sloupcový systém obsahuje sloupce šířky 60px a 16 sloupcový šířku 40px, každý sloupec navíc obsahuje 10pixelový margin vlevo a vpravo. 960 grid systém je vhodný pro rychlé prototypování, ale funguje dobře i v produkčním prostředí. Použitím tohoto systému je možno si jednotlivé části web rozdělit tak, aby vždy působily vyváženým dojmem. Podrobněji se o tomto systému dočtete v  blogu od Six Revisions . 5. JSFiddle, CodePen, JS Bin[Image] V posledních letech vzniklo několik služeb pro rychlé testování HTML+CSS+JavaScript. Jedním z vůbec prvních takových služeb byl  JSFiddle , který následovaly další podobné služby. jsfiddle nabízí testování jakékoli kombinace HTML, CSS a JS. Vzhled je jednoduchý, ale nabízí mnoho pokročilých funkcí. Ajax simulaci. Super frontend své služby nabízí  CodePen , který upozorňuje na populární dema (tzv. pens). Kromě toho tato služba nabízí pokročilou funkcionalitu jako například. shareování nebo embedování. Pro verze (od  9 USD měsíčně ) mimo jiné poskytuje pair-programming nebo cross-browser testování. Jednou z mála služeb, která nabízí také javascript konzoli, je  JS Bin . 6. Mou[Image]Mou  je markdown editor pro web developerů. Jedná se o jednoduchý, ale efektivní nástroj, který analyzuje markdown syntaxi. Poskytuje funkce jako zvýrazňování syntaxe, automatické dokončování slov, různé úpravy textu, live preview, fullscreen mode, vlastní témata a HTML, CSS a PDF export a mnoho jiného. Momentálně je dostupný pouze pro OS X, v případě, že nemáte Mac, můžete využít alternativy jako například. Dillinger  nebo  Markable . 7. Fontello[Image] Vynikající služba pro webdevelopery a designéry. Jednoduše si jen vyklikáte symboly, které potřebujete a poté je stáhněte. Používání web fontů se symboly je populární, umíte si je upravovat pomocí CSS a výhodou je i nízký objem dat a rychlé načítání. Je možné stáhnout i celý set ikon z  repozitáře  na GitHube. 8. Modernizr[Image]Pro detekci mnoha vlastností HTML5 a CSS3 je vhodná javascriptová knihovna  Modernizr  (open-source MIT licence). Pokud ji chcete použít, vložte na začátek vaší webstránky do head-u script  <script src="modernizr.min.js"></script> .  Do tohoto blogpostu jsme vybrali jen několik aplikací a nástrojů, existuje jich samozřejmě mnohem víc a každý měsíc vznikají nové. Určitě máte tipy na další užitečné nástroje, podělte se o ně v komentářích. Na našem profilu na  Twitteru  denně sdílíme tipy na chytré novinky, aplikace a tooly pro developery a designéry, tak nás followněte ;)