Prosím otoč svoje zariadenie
Načítavam...
Zmeniť jazyk:
ENGLISH
Mám viac ako 14 rokov skúseností s web developmentom. Sám by som sa kategorizoval ako front-end alebo Javascript developer.
Mám ale širší záber znalostí, vrátane dizajnovania (často som pracoval v úzkom spojení s dizajnérmi), front-end developmentom (HTML5, CSS3, JS, Angular), backend developmentom, aj s open-source technológiami (PHP, Node.js, WordPress) a mojim obľúbeným MEAN stackom.
V spoločnosti GAMO som pôsobil ako front-end developer ktorý robil aj grafiku. Backend sme programovali v groupware technológii IBM Lotus Notes.
Vybrané projekty:
Portál BBSK
Úrad banskobystrického samosprávneho kraja
IRRR
Inštitút pre rodovú rovnosť (VUC BB)
KVLSR
Komora veterinárnych lekárov SR
Navštíviť
CRSZ
Centrálny register spoločenských zvierat
Navštíviť
Kremnické gagy
Európsky festival humor a satiry
Navštíviť
SLEK
Slovenská lekárnická komora
V SCR teame som pracoval hlavne ako front-end developer a PHP programátor.Ako tím viacerých programátorov sme pracovali aj na veľkých projektoch ako portál TA3 alebo Rádio Express. Značnú časť práce tvorili kreatívne súťaže a FB aplikácie.
Vybrané projekty:
TA3
Webový portál televízie TA3
Rádio Express
Webový portál rádia Express
SWAN
Webový stránka providera telekomunikačných služieb
Energio
Webový stránka poskytovateľa chladiarenských služieb
Gas Familia
Webový stránka známeho výrobcu alkoholu
Navštíviť
Flatbook
Portál predaja a prenájmu novostavieb
Navštíviť
Okrem väčších a menších webových aplikácií som robil aj rôžne Facebook aplikácie a súťaže pre značky ako:
O2, Sony, Pelikan, Corgoň, Zlatý Bažant, Heineken...
V Kremsa Digital som pracoval ako front-end developer v MEAN (MongoDB, Express.js, Angular, Node.js) a LAMP (Linux, Apache, MySQL, PHP) stacku. Pracoval som na rôznych projektoch od WordPress webov až po veľké Angular projekty v MEAN stacku s plne automatizovaným CI.
Vybrané projekty:
Pioneer Projects CRM
CRM systém naprogramovaný na mieru v MEAN stacku a Angulari. Obsahuje dynamický mapový cluster s filtrovaním podľa ľubovoľných podmienok a zložité dátové štruktúry, kvôli ktorým bola ako databáza použitá MongoDB.
Použité technológie:
MongoDB, Node.js, Angular, ExpressJS
SMBee.io
Social media dashboard ktorý umožňuje pomocou "drag-and-drop" funkcie vytvoriť grafický dashboard z viac ako 50 rôznych metrík z Facebooku, Instagramu, Twitteru, LinkedInu a Google Analytics v reálnom čase.
Použité technológie:
Node.js, MySQL, InfluxDB, Angular, Google Firebase, ExpressJS
Práca na rôznych PHP, WP, FB projektoch pre značky ako:
Legrand, Slovakia Chips, Karloff, Rajo, FONA, Amoeba, HB Reavis, Atheer Labs
Bethereum je crypto stávkovacia platforma pre športy a e-športy. Pre Bethereum pracujem ako Front-end & Angular developer. Je to zatiaľ asi najzložitejší Angular projekt, na akom som pracoval.
Mojou primárnou úlohou v banke je digitalizácia interných procesov vo vnútri banky. Ak nejaký proces trvá dlho, stojí veľa peňazí a dá sa nahradiť automatizovaným procesom tak ho naprogramujeme.
Chceš vedieť viac?
Kontaktuj ma alebo navštív môj LinkedIn profil. Všetko dôležité však nájdete na tomto webe.
LinkedIn profilPočas svojej viac 14 ročnej praxe som pracoval na desiatkach menších či väčších projektov. Viac projektov nájdete v sekcii CV.
Tu vám predstavím niektoré z mojich vlastných projektov, ktoré si podľa mňa zaslúžia pozornosť.
Toto je môj najkomplexnejší side projekt, vizuálny nástroj ktorý Vám umožní pochopenie UTXO modelu pre Cardano blockchain.
Použité technológie: serverless node.js, Google Firestore realtime database, PhaserJS game engine, Tailwind CSS
Navštíviť
Angular.sk je môj side projekt, v ktorom som vytvoril sériu inštruktážnych videí pre začiatočníkov, ktorí sa chcú naučiť pracovať s Angular 2+.
NavštíviťRád skúšam nové veci a prešiel som si už rôznymi technológiami a pozíciami, od front-end developmentu, dizajnovania vo Photoshope až po backend development.
Zistite viac o tom, ako používam technológie pre svoje projekty.
Typescriptový javascriptový framework pre tvorbu SPA aplikácií
S Angularom mám bohaté skúsenosti, používam ho hlavne na tvorbu robustných a veľkých SPA aplikácií (single-page aplikácií) rôzneho druhu a zložitosti.
V prípade záujmu vám môžem poskytnúť zoznam veľkých Angular projektov na ktorých som pracoval.
Cross-platform prostredie pre vývoj výkonných serverových aplikácií
Node.js je moja najobľúbenejšia technológia. Jej asynchrónny model, ktorý umožňuje vykonávanie paralelného kódu, je niečo, na čo sa iné technológie nedoťahujú. Na nide.js sa mi páči aj rýchlosť a flexibilita. Je to moja hlavná go-to technológia, po ktorej siaham keď potrebujem vyvíjať robustné server-side riešenia.
Minimalistický framework pre node.js
Vždy keď vytváram zložitejšie aplikácie v node.js, používam Express.js ako chrbtovú kosť svojej node.js aplikácie.
Nerelačná databáza
Aj keď veľa ľudí databázu MongoDB neznáša, pre mňa je tou najprirodzenejšou voľbou (hlavne v spojení s node.js a Angularom). Nevravím, že je ideálna, ale nerelačné dátové štruktúry môžu byť pre určité projekty prínosné.
Môj obľúbený jazyk
Mám rád aj Javascript. Odhliadnúc od jeho nedostatkov, považujem ho za veľmi silný jazyk v ktorom viete dnes vyrobiť čokoľvek. Či už je to môj obľúbený JS na backende ako node.js alebo sú to animácie v canvase. Žiadny jazyk nemá takú flexibilitu ako Javascript a to sa mi páči.
Populárny skriptovací jazyk na tvorbu klient-server aplikácií pre vývoj dynamických webových stránok. PHP bol prvý jazyk ktorý som sa naučil. Postupne som ho používal najmä vo WordPresse a posledné roky sa PHPčku už veľmi nevenujem. Nahradil som ho node.js a Javascriptom, ale nezabudol som na neho...
Najpopulárnejšia relačná databáza
Keď som pracoval s PHP a WordPressom, najčastejšie som používal MySQL databázu. Stále ju používam, ak potrebujem jednoduchú relačnú databázu.
Najpopulárnejší CMS systém na svete
WordPress mám celkom rád, vytvoril som v ňom už veľa stránok a pluginov. I keď ma už PHP veľmi nezaujíma, WordPress je stále správna voľba na vytvorenie jednoduchej "budgetovej" webstránky. WordPress ovládam na vysokej úrovni a dokážem programovať aj samotné pluginy.
Kódovanie a štýlovanie
Moja silná stránka je front-end development. Dovolím si tvrdiť, že dokážem nakódovať v podstate čokoľvek. Nerobí mi problém pretvoriť grafický návrh do reálneho HTML/CSS kódu spolu s responzívnosťou pre všetky zariadenia.
Framework pre tvorbu Canvas a WebGL 2D hier
Je to javascriptový framework v ktorom je vytvorená aj táto stránka. Je "relatívne jednoduchý" a je celkom zábavné s ním pracovať. Vytvoril som v ňom už veľa menších minihier, ktoré sa používali ako Facebook hry.
Populárny nástroj na tvorbu grafiky
Photoshop ovládam na vysokej úrovni, dokážem si veci sám nadizajnovať a následne spracovať pre programovanie. Pracoval som aj ako grafik/programátor, takže mám skúsenosti v tom ako vytvoriť design tak, aby sa dal následne naprogramovať.
Volám sa Peter Oravec a som kreatívny webdeveloper s viac ako 14-ročnou praxou. Medzi moje hlavné oblasti záujmu patrí front-end, Javascript a Angular development.
Okrem toho mám bohaté skúsenosti ako backend developer, najčastejšie v MEAN (MongoDB, ExpressJS, Angular, Node.js) stacku.
K web developmentu som sa dostal v podstate náhodou, pred viac ako 14 rokmi ešte na strednej škole. Moje prvé pokusy boli s PHP. Páčilo sa mi ako môžem vytvárať niečo z ničoho a web developmentu som sa začal naplno venovať aj popri škole.
Tým, že som sa všetko učil sám z dostupných zdrojov (vtedy offline knižky), sa zo mňa postupne stal grafik, kóder a backend developer v jednom.
Môj prvý oficiálny job bol programátor pre firmu GAMO, kde som programoval v Lotus Notes a tiež robil grafiku a front-end. Lotus Notes ale nebola moja šálka kávy a počas nasledujúcich rokov som sa sústredil na JS, PHP a klasický LAMP stack.
Postupom času sa začal Javascript viac a viac tlačiť aj do backendu a vtedy som PHP vymenil za node.js. Toto rozhodnutie neľutujem a Node.js je dodnes moj hlavný jazyk, ktorý používam na backende.
Najviac sa cítim doma pri vývoji SPA (single-page) aplikácií v Angulari, kľudne aj s front-endom plným animácií (to je niečo, čo ma celkom baví). Tiež mi nerobí problém spraviť k takejto aplikácii backend v Node.js a ExpressJS.
Mojou hlavnou výhodou je, že viem byť ten medzičlánok medzi grafikom, front-endom a Backendom.
Javascript je môj go-to jazyk. Node.js s ExpressJS na backende a Angular (prípadne iné JS frameworky) na front-ende.
Postupom času som si zvykol používať jeden jazyk na všetko a zatiaľ mi to tak vyhovuje.
Node.js s ExpressJS tvoria chrbtovú kosť väčšiny mojich JS aplikácií.
Najlepšia vec na Node.js je jeho asynchrónnosť, s ktorou sa dá dosiahnuť vysoký výkon každého API, ktoré na ňom postavíte.
I keď veľa ľudí nemá rado Javascript, ja si myslím, že ak sa správne používa, je to jazyk, ktorý dokáže viac ako hociktorý iný programovací jazyk.
Keď príde reč na SPA (single-page) aplikácie, moja voľba je jasná - Angular. V spojení s Typescriptom je to ideálny framework pre tvorbu robustných aplikácii.
S Reactom nepracujem a zatiaľ som ani nemal potrebu sa ho učiť. Angular mi príde zrozumiteľnejší a kód je o dosť prehľadnejší. Prechod na nové verzie je tiež oproti Reactu oveľa ľahší.
PHP bol prvý scriptovací jazyk. Naučil som sa ho ešte z offline papierových kníh. Nakoniec som s ním robil dlhé roky a to hlavne vo WordPresse.
I keď sa PHP ďalej vyvíja a dnes je z neho celkom rozumný programovací jazyk, už ho veľmi nepoužívam.
Jedinou výnimkou je WordPress, ktorý ovládam na vysokej úrovni a dokážem naprogramovať celé templaty a kompletné pluginy.
Kým som začal programovať, bol zo mňa grafik a kóder v jednom. Jednoducho z nutnosti som sa musel naučiť dizajnovať a kódiť naraz a ostalo mi to.
Najväčšou výhodou je, že viem zhodnotiť, čo je možné nakresliť a zároveň naprogramovať v rámci budgetu a v stanovenom čase. Čo si sám nakreslím viem v rovnakej podobe nakódiť, čo čo veľa grafikov nevie.
Síce sa momentálne dijzanu až tak nevenujem, svoje projekty si dizajnujem sám: QuizEditor.com alebo Angular.sk.
Myslím si, že každý developer by mal mať pekné portfólio a ja som sa tejto úlohy zhostil najlepšie ako som vedel.
Portfólio je výkladná skriňa developera a preto by malo ukazovať to najlepšie, čo dokáže. Ja som si nastavil latku vysoko, ale myslím, že výsledok stojí za to.
Mojim cieľom bolo vytvoriť portfólio, ktoré si zapamätáte aj nepriek záplave stoviek životopisov od iných programátorov. Také, aké nemá nikto iný!
Dúfam, že sa to podarilo...
Bugy u mňa nemajú šancu! Mám skúsenosti s automatizovaným testovaním a písaním automatizovaných testov v Node.js
Či už to boli front-end alebo backend testy, pracoval som s testovacími frameworkami ako Protractor (pre Angular aplikácie) Mocha, Jasmine, Nightwatch.js, Pupeteer alebo Codecept.
Dokážem v JS napísať automatizované testy, ktoré otestujú funkcionalitu celých webových stránok. Osobne mám rád kombináciu Codepect + Pupeteer.
Asi vás zaujíma, ako je možné, že takáto kreatívna hra funguje v prehlidačoch, tabletoch a mobiloch.
Odpoveď je jednoduchá Javascript + HTML 5 Canvas + Phaser Game Engine. Hlavnú úlohu zohráva Phaser - JS engine na tvorbu 2D hier.
Umožňuje prácu so sprite grafikou, tilesetmi, fyzikou a ďalšími hernými mechanikami. Samozrejme, aby ste niečo podobné dali dokopy, je treba na dobrej úrovni vedieť JS a poznať aj ďalšie postupy web developmentu.
Herná mapa v tomto portfóliu je vytvorená v programe TILED z tzv. tilesheetov. Je to editor, v ktorom si vo vrstvách vyklikáte dizajn svojej mapy.
Zvyšok práce je už potom len JSON a Javascript, ktorý to celé spojí do jedného obrovského "game loopu", ktorý sa spúšťa aj 60x za sekundu.
Znie to jednoducho, ale vytvoriť podobnú hru si vyžaduje dosť znalostí, času a skúseností. A tie ja mám, lebo podobných hier som vytváral už viac...
27. august 2019 - Ocenenie web dňa na stránke FWA
Navštíviť
Peter Oravec Portfolio dostalo ocenenie "Čestné uznanie". Toto špeciálne ocenenie dostávajú iba stránky ktoré dosiahnu vysoké hodnotenie od užívateľov v hlasovaní. Toto ocenenie prináša vyššiu prestíž a viditeľnosť aj vďaka zaradeniu do sekcie "Čestné uznanie".
NavštíviťPeter Oravec Portfolio dostalo ocenenie "Mobile Excelence Badge" za dosiahnutie minimálneho skóre 70/100. O čom to je? Toto ocenie dostávajú stránky ktoré dávajú do popredia užívateľa, prinášajú skvelý dizaj a čistý výkon. Rozlišujú tvrdú prácu a zameriavajú sa na štandardy mobilného webu, ktoré umožňujú skvelý zážitok kedykoľvek a kdekoľvek.
Hodnotenie
Webstránka dňa - 29. august 2019
Hlasovanie CertifikátOcenenie pre inovatívny dizajn
Hlasovanie CertifikátOcenenie pre užívateľské rozhranie - UI
Hlasovanie CertifikátOcenenie pre UX - užívateľskú skúsenosť
Hlasovanie Certifikát