Létezik egy kifejezés IDE (Integrated Development Environment – Intergrált fejlesztői környezet) talán ennek a képernyőjét nézzük a legtöbbet a nap legnagyobb részében, fejlesztőként. Viszont ahogy telt az idő, és a szabadúszó lét óta ezt hatványozottan igaz, azt vettem észre a napi munkához körülbelül 10 – 12 alkalmazást kell fejben tartanom amiket a munkához használok.
Ez a bejegyzés arről fog szólni, hogy ezeket bemutatom, és legalább elég lesz egy helyen keresnem őket mit mire is használok 😉
1. Projektmanagement
Minden szakmabeli itt kezdi a napját, stand-up előtt gyorsan ezeken a felületeken láthatja rendszerve priorizálva, milyen feladatok várnak rá aznap.
Notion.so
Projektmanagerek egyik kedvence, ez az app, az elmúlt éveket tekintve. Én magam inkább a céges ügyekre, és közép-hosszú céljaim megfogalmazásához használom.
ClickUp
A ClickUp az az alkalmazás ahol már a konkrét projekteket letördelem 1-1 issue részére, és kvázi kanbantáblaként használom.
2. Design
Én magam nem vagyok designer, én csak felhasználom a látványterveket. Frontend fejlesztőként nagyon sok manipulációt kell végrehajtani a kapott látványterv után is, ezeket pedig meg kell tudni oldalni grafikus nélkül is, szerencsére mindenre van gyors online eszköz 🙂
Figma
Nagyon szeretem a Figmát használni, sokkal jobban kézre áll frontend fejlesztőként mint a Photoshop. Sokkal könnyebb kinyerni a stílus formázást, nagyon jó eszköze a svg exportálás, nem is szívesen dolgozok más grafikai eszközben.
Svgbackgrounds
Ritkán de szükség van rá, hogy svg képet háttérképként jelenítsünk meg, ezt a problémát a ezzel az eszközzel megtehetjük.
Cloudconvert
Webp konvertáláshoz szoktam használni ez az alkalmazást, a Pagespeedre rendkívül jó hatással van az alkalmazása.
Tinify
Régi jó ismerős ez a panda macis alkalmazás, ha veszteségmentes tömörítésről van szó mindng ezt használom, sőt az utóbbi idők fontos feature, hogy már képes webp képeket is tömöríteni.
SVGViewer
Amennyiben szükség van svg képek szerkesztésére, ezt az alkalmazást szoktam használni.
Google Fonts
A Google Fonts egy ingyenes online betűtípus-könyvtár, amely több száz különböző stílusú és nyelvet támogató betűtípust kínál weboldalakhoz és digitális projektekhez. Mivel jól optimalizált a projektek 98%-ban innen használjuk a betűtípusokat.
Remove.bg
Amennyiben szükséges hogy körbevágjunk egy képet, vagy eltüntessük a hátteret, ez a szoftver kiválóan alékalmas a feladatra.
ILoveImg
Az iLoveIMG egy online eszközkészlet, amely egyszerű és gyors képszerkesztési funkciókat kínál, például képek tömörítését, átméretezését, konvertálását és vízjelezését. Én magam a legtöbbet a Croppolási funkciót használom.
3. Fejlesztés
Visual Studio
A Visual Studio egy ingyenes IDE (Integrált fejlesztő környezet), amiben ha szerencsénk van a fejlesztő a legtöbb időt ebben a környezetben tölt el. Ez a környezet teszi lehetővé a kód szerkesztését és az applikáció, weboldali helyi futtatását, ez biztostja a localhost környezetet.
ShopRenter Starter 2 doumentáció
Amennyiben szükség van ShopRenter egyedi design készítés során segtségre, először ehhez a hivatalos dokumentációjoz fordulok.
Vite
Akár landoló oldal fejlesztőséhez akár komplex app fejlesztéhez nagyon hasznos ez a fejlesztői környezet, amit a hot module replacementet (HMR) biztosít. Alapértelmezetten támogatja a modern JavaScript keretrendszereket, például a Vue-t és a Reactot, és könnyen bővíthető pluginekkel.
PX to REM converter
A rem (root em) egy CSS mértékegység, amely a gyökérelem (<html>) betűméretéhez viszonyítva határozza meg a méreteket, így a teljes oldal egyszerűen skálázható a reszponzivitás érdekében. Ez általában 16px, az ember egy idő után már át tudja fejteni fejben az arányt de jó ha hol leellenőrizni.
Github
Ezt a közismert verziókezelőt használom a projektek nyomonkövetéséhez, a foráskód biztonsági mentéséhez.
Oh Shit Git!?
Főleg akkor hasznos ha csapatban dolgozok, ilyenkor előfordulhatnak konfliktusok a commitok között amit segít hatékonyan megoldalni ez a cheat cheet.
Excalidraw
Wireframe tervezéshez szoktam használni ezt az alkalmzást, azért szeretem mert könnyen kezelhető és újrafelhasználtó komponenseket lehet benne összeállítani.
4. Kapcsolattartás
Gmail
A kapcsolattartás első állomása az emailezés. Erre kiválóan alkalmas a Gmail.
Messenger
Jellemzően a gyors kommunikációhoz szoktam a messengert alkalmazni, vagy amikor elég az aszinkron kommunikáció. Az ember a messengerét napjában többször nézi, míg az emailjeit, a nap elején és a nap végén.
Google Meet
A COVID óta ennek a platformnak a jelentősége felértékelődött, amennyiben szükség van élő szavas egyeztetésre ez a platform kiválóan alkalmas hozzá.
5. Pénzügyek, szerződések
Legtöbbünknek talán ez a szekció van a leginkább konfortzónán kívül. De szerencsére kiváló szolgáltatások segítenek már abban, hogy ne kelljen olyan sokat papírozni, vagy hogy van-e a tinta a bélyegzőhöz 🙂
Számlázz.hu
Számlázáshoz használóm a Számmlázz.hu, nagyon szeretem az egyszerű kezelő felületét, számomra tökéletes választás.
E-szerződés
Nagyon nagy segítség az E-szerződés, főleg az induláskor voltam nagyon homályban a szerződéseket tekintve. Szerencsére több sablon forma is található amivel sokkal magabiztosabban lehet elkészíteni a szerződéseket, és a legjobb részét a munkának, a teljesítési igazolást. 🙂