Späť na blog
Tipy a triky

Tajné tipy, triky a nástroje všetkých dobrých web developerov

Skillmea
10.12.2015
2 minúty čítania
Tajné tipy, triky a nástroje všetkých dobrých web developerov
Chrome, Sublime text, WordPress a MAMP či WAMP už poznáte. Tu sú ďalšie vynikajúce zdroje, ktoré vás posunú o level vyššie.
Zoznam nie je ani zďaleka kompletný, no priebežne bude dopĺňaný. Ak máte nejaké dobré nápady, pokojne napíšte do komentárov alebo dajte pull request.

Šablóny

Fotky

Práca a kolaborácia

  • Atom alternatíva k Sublime Text - postavené na webových technológiách, žerie viac pamäte
  • GitHub (alebo aj BitBucket) + napr. SourceTree alebo GitHub Desktop alebo git v príkazovom riadku
  • Trello - kolaborácia, plánovanie a organizácia projektov
  • Toggle - trackovanie času, reporting
  • Slack - komunikačný nástroj pre teamy
  • SuperFaktúra - aj fakturovať treba
  • Coffitivity - príjemný hluk kaviarne, ak máte doma príliš ticho - výskum potvrdzuje
  • Bonus: vim - ak ste veľký frajeri a Atom sa vám zdá príliš farebný

Tutoriály a vzdelávanie

Váš najlepší kamarát: YouTube
Online univerzitné kurzy zdarma:
Platené, miestami free trial:
Prednášky z WebExpo 2015
Články a blogy:
Knihy zdarma:

UX

Hosting

Čo sa ďalej naučiť

  • SASS
  • viac Javascriptu
  • Foundation namiesto Bootstrap
  • Gulp/Grunt
  • Bower
  • Node.js - hlavne kvôli npm
  • Markdown - zjednodušený formátovací jazyk, v ktorom je písaný tento dokument

Bonus a špeciality

Moje obľúbené podcasty

Tak trochu v tejto kategórii osobného rozvoja a udržania duševného zdravia:
Autorom tohto blog postu je Matúš Marcin, lektor kurzu webdesignu v Košiciach, ktorý sa webdevelopmentu venuje už takmer dekádu. Ak máte nejaké otázky, alebo chcete doplniť tento zoznam, napíšte nám komentár.
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ť

8 známych webov vytvorených v PHP
Tipy a triky
12.10.2015
Skillmea

8 známych webov vytvorených v PHP

PHP je to open source skriptovací jazyk a používa sa najmä na programovanie klient-server aplikácií a pre vývoj dynamických webových stránok. Skratka PHP pôvodne znamenala Personal Home Page, dnes táto skratka znamená Hypertext Preprocessor. PHP možno používať aj na vývoj aplikáci s uživateľským rozhraním. Okrem iného PHP dokáže spolupracovať s relačnými databázami, pričom zachováva jednoduchú a priamočiaru syntax. Pozrite si zoznam najznámejšich webov vytvorených v PHP:  Facebook [Image] Wordpress [Image] Fickr [Image] Yahoo [Image] iStock [Image] Digg [Image] Wikipedia [Image] LiveBid Auction [Image] Chceš sa naučiť tvoriť weby v PHP a jeho populárnom frameworku Laravel? Choď na webrebel.sk a my ťa to naučíme. Pridaj sa k nám aj ty, nauč sa programovať a možno o pár rokov už budeme písať o tebe! ;)
13 najznámejších webov vytvorených v Ruby on Rails
Tipy a triky
16.02.2015
Skillmea

13 najznámejších webov vytvorených v Ruby on Rails

Už ste niekedy skúsili programovať v jazyku Ruby a jeho frameworku Ruby on Rails? Jazyk Ruby je považovaný za jeden z najvhodnejších jazykov pre úplných začiatočníkov, framework Ruby on Rails je zase populárny pre rýchlosť vývoja. Ruby a Ruby on Rails sú vhodné aj na tvorbu e-commerce webov, sociálnych sietí či projektov s veľkým množstvom audio súborov, textov alebo foto albumov. V tomto blog poste sa pozrieme na najznámejšie weby vytvorené pomocou Ruby on Rails.  1. Basecamp Dá sa povedať, že rozruch okolo Ruby on Rails odštartoval práve tento nástroj na projektový manažment, nakoľko David Heinemeier Hansson vytvoril Ruby on Rails počas vývoja Basecampu. [Image] 2. GitHub Je to hosting pre (open-source) projekty verzionované pomocou Gitu.[Image] 3. Indiegogo Celosvetovo známy crowdfundingový portál.[Image] 4. Goodreads Sociálna sieť pre milovníkov kníh.[Image] 5. Scribd Tvoja osobná knižnica, v ktorej máš prístup k viac ako 400 tis. knihám od viac ako 900 autorov a vydavateľov.[Image] 6. Fiverr Stránka, na ktorej si môžete kúpiť alebo dať vyrobiť takmer všetko za 5 dolárov.[Image] 7. Shopify Populárna služba na vytváranie eshopov[Image] 8. Airbnb Marketplace spájajúci ľudí, ktorí poskytujú svoje voľné ubytovacie kapacity s ľudmi, ktorí ubytovanie hľadajú.[Image] 9. Envato (Theme Forest) Ekosystém webov (Envato Market, Envato Studiu, Tuts+), ktoré vám pomáhajú byť kreatívni.[Image] 10. Crazy Egg Pomocou tejto aplikácie môžete zistiť, kde na stránke najčastejšie klikajú vaši návštevníci (heatmapa).[Image] 11. Heroku Cloud hosting, na ktorom funguje niekoľko miliónov aplikácií.[Image] 12. SoundCloud Slúži na zdieľanie a nahrávanie audia, ku ktorému majú užívatelia prístup prostredníctvom web stránky alebo mobilnej aplikácie.[Image] 13. Groupon Groupon odštartoval masové rozšírenie hromadného nakupovania a vznik ďalších zľavových portálov.[Image] Webov vytvorených v Ruby on Rails je oveľa viac, v ďalšom blog poste sa pozrieme na tie, ktoré sa do tohto prvého dielu nezmestili. Ak poznáte známe weby alebo portály vytvorené s pomocou tejto technológie, budeme radi, ak sa o ne s nami podelíte a napíšete ich do komentárov. V prípade, že vás zaujíma vývoj v Ruby on Rails a chceli by ste sa naučiť tvoriť vlastné webové aplikácie, v Learn2Code sme pre vás pripravili 3-mesačný kurz pod názvom Web Developer, zameraný práve na tento webový framework, informácie o kurze nájdete na našom webe.
8 užitočných nástrojov pre developerov
Tipy a triky
11.11.2014
Skillmea

8 užitočných nástrojov pre developerov

Webdeveloperi a dizajnéri majú radi aplikácie a nástroje, ktoré im uľahčujú vývoj webov a aplikácií. Ide o malé aplikácie alebo knižnice, ktoré väčšinou riešia jeden konkrétny problém. V nasledujúcom poste prinášame prehľad týchto šikovných nástrojov, ktoré uľahčujú prácu. 1. Sublime Text[Image]Moderný a prehľadný textový editor pre programátorov. Medzi výhody patrí prispôsobiteľnosť a zvýrazňovanie syntaxe veľkého množstva súborov. Súčasná beta verzia Sublime Text 3 je dostupná pre OS X, Linux aj Windows. Sublime Text je možné bezplatne využívať v skúšobnej verzii, ktorá však oproti platenej nemá žiadne obmedzenie. Ak neberieme do úvahy občasné odklikávanie okna, ktoré upozorňuje na kúpu licencie (tá stojí 70 USD). 2. Trello[Image]V súčasnosti existuje obrovské množstvo nástrojov na projektový manažment a tým zvyšovanie produktivity. Trello je bezplatný online nástroj pomocou ktorého je možné riadiť projekt, zadávať úlohy a kontrolovať ich plnenie, spolupracovať, tvoriť a robiť všetky potrebné projektové činnosti. Trello ponúka webovú a samozrejme aj mobilnú aplikáciu.   3. Firebug[Image] Firebug je rozšírenie prehliadača Mozilla Firefox a ponúka veľké množstvo webdeveloperských nástrojov a funkcií. Firebug má vstavaný JavaScript debugger, ktorý umožňuje prejsť celý váš skript ako aj zistiť, prečo je pomalý. Môžete ľahko nájsť HTML, CSS, JavaScript a XML chyby a dokonca umožňuje filtrovanie a  vyhľadávanie špecifických chýb. Ďalšou veľmi užitočnou funkciou je DOM Inspector panel, ktorý opisuje štruktúru web stránky. Táto funkcia je užitočná pokiaľ pracujete na veľkom webe alebo s aplikáciou, na ktorej ste začali nedávno pracovať. 4. 960 grid system[Image]Snahou 960 grid systému je zjednodušiť workflow vývoja webových aplikácií poskytnutím bežne používaných rozmerov. Základ systému teda tvoria stĺpce v celkovej šírke 960 pixelov, ktoré sú rozdelené na 12 a 16 stĺpcov. 12 stĺpcový systém obsahuje stĺpce šírky 60px a 16 stĺpcový šírku 40px, každý stĺpec navyše obsahuje 10 pixelový margin vľavo a vpravo. 960 grid systém je vhodný pre rýchle prototypovanie, ale funguje dobre aj v produkčnom prostredí. Použitím tohto systému je možné si jednotlivé časti web rozdeliť tak, aby vždy pôsobili vyváženým dojmom. Podrobnejšie sa o tomto systéme dočítate v blogu od Six Revisions. 5. JSFiddle, CodePen, JS Bin[Image]V posledných rokoch vzniklo niekoľko služieb pre rýchle testovanie HTML + CSS + JavaScript. Jedným z vôbec prvých takýchto služieb bol JSFiddle, ktorý nasledovali ďalšie podobné služby. jsfiddle ponúka testovanie akejkoľvek kombinácie HTML, CSS a JS. Výzor je jednoduchý, ale ponúka mnohé pokročilé funkcie, ako napr. Ajax simuláciu. Super frontend svojej služby ponúka CodePen, ktorý upozorňuje na populárne demá (tzv. pens). Okrem toho táto služba ponúka pokročilú funkcionalitu ako napr. shareovanie alebo embedovanie. Pro verzia (od 9 USD mesačne) okrem iného poskytuje pair-programming alebo cross-browser testovanie. Jednou z mála služieb, ktorá ponúka aj javascript konzolu, je JS Bin. 6. Mou[Image]Mou je markdown editor pre web developerov. Ide o jednoduchý, ale efektívny nástroj, ktorý analyzuje markdown syntax. Poskytuje funkcie ako zvýrazňovanie syntaxe, automatické dokončovanie slov, rôzne úpravy textu, live preview, fullscreen mode, vlastné témy a HTML, CSS a PDF export a mnoho iného. Momentálne je dostupný len pre OS X, v prípade, že nemáte Mac, môžete využiť alternatívy ako napr. Dillinger alebo Markable. 7. Fontello[Image]Vynikajúca služba pre webdeveloperov a dizajnérov. Jednoducho si len vyklikáte symboly, ktoré potrebujete a potom ich stiahnte. Používanie web fontov so symbolmi je populárne, viete si ich upravovať pomocou CSS a výhodou je aj nízky objem dát a rýchle načítanie.  Je možné stiahnuť aj celý set ikon z repozitára na GitHube. 8. Modernizr[Image]Na detekciu mnohých vlastností HTML5 a CSS3 je vhodná javascriptová knižnica Modernizr (open-source MIT licencia). Pokiaľ ju chcete použiť, vložte na začiatok vašej webstránky do head-u script <script src="modernizr.min.js"></script>.  Do tohto blogpostu sme vybrali len niekoľko aplikácií a nástrojov, existuje ich samozrejme oveľa viac a každý mesiac vznikajú nové. Určite máte tipy na ďalšie užitočné nástroje, podeľte sa o ne v komentároch. Na našom profile na Twitteri denne zdieľame tipy na šikovné novinky, aplikácie a tooly pre developerov a dizajnérov, tak nás follownite ;)

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