21
KUTIJA ZA ALAT JEDNOG FRONTEND DEVELOPERA MILOŠ BOŠKOVIĆ <CODE-CRAFT/> SEPTEMBAR 2017

Kutija za alate jednog (frontend) web developera

Embed Size (px)

Citation preview

Page 1: Kutija za alate jednog (frontend) web developera

KUTIJA ZA ALAT JEDNOG FRONTEND

DEVELOPERAM I L O Š B O Š K O V I Ć

< C O D E - C R A F T / > S E P T E M B A R 2 0 1 7

Page 2: Kutija za alate jednog (frontend) web developera

BIOGRAFIJA UKRATKO

< C O D E - C R A F T / > S E P T E M B A R 2 0 1 7

› Radim u Nišu

› Bio Fullstack developer –

Laravel + jQuery/AngularJs

› Od 2013. prešao isključivo na

AngularJs

› 2016. malo React Native

› Sad Angular4

› Gimnazija „Bora Stanković”

› Osnovne studije na Elektronskom

fakultetu

› Master Erasmus Mundus –

misaizdaleka.blogspot.rs

Page 3: Kutija za alate jednog (frontend) web developera

< C O D E - C R A F T / > S E P T E M B A R 2 0 1 7

Page 4: Kutija za alate jednog (frontend) web developera

O ČEMU ĆEMO PRIČATI

< C O D E - C R A F T / > S E P T E M B A R 2 0 1 7

› Alati za svakodnevni rad u oblasti

(frontend) web developmenta

› Prilagođeni radu na daljinu

Page 5: Kutija za alate jednog (frontend) web developera

ŠTA RADI FRONTEND DEVELOPER?

< C O D E - C R A F T / > S E P T E M B A R 2 0 1 7

› Radi programiranje na frontend-u

› Ne radi css

› Ne radi ozbiljno html

› Pre svega, radi JS

Page 6: Kutija za alate jednog (frontend) web developera

STOLICA

< C O D E - C R A F T / > S E P T E M B A R 2 0 1 7

› Pažljivo biramo krevet

› Zašto tako ne bismo i stolicu?

› Izdržljivost

› Omogućiti koži da diše

› LifeHacker - Five Best Office

Chairs

ErgohumanHerman Miller

Page 7: Kutija za alate jednog (frontend) web developera

TASTATURA/MIŠ

< C O D E - C R A F T / > S E P T E M B A R 2 0 1 7

› Maksimalno smanjiti kretanje

ruku

› Što manja tastatura, idealno bez

numeričkog dela

› Vertikalni miš

Page 8: Kutija za alate jednog (frontend) web developera

A KOJI EDITOR?

< C O D E - C R A F T / > S E P T E M B A R 2 0 1 7

› Bez jasnog pobednika

› Lightweight editori

› Sublime Text

› Visual Studio Code

› Atom

› Vim (ako ste hrabri i uporni)

› Obavezno koristiti shortcut-ove!

Page 9: Kutija za alate jednog (frontend) web developera

VIŠE EKRANA – DA ILI NE?

< C O D E - C R A F T / > S E P T E M B A R 2 0 1 7

› I da i ne

› Više virtuelnih ekrana, pre nego

više fizičkih

› Dexpot (Windows)

› Korišćenje shortcut-ova

Page 10: Kutija za alate jednog (frontend) web developera

< C O D E - C R A F T / > S E P T E M B A R 2 0 1 7

Page 11: Kutija za alate jednog (frontend) web developera

SITAN SOFTVER KOJI UŠTEDU VREMENA ZNAČI

< C O D E - C R A F T / > S E P T E M B A R 2 0 1 7

› Screencast-O-Matic

› Snimanje ekrana sa

zvukom sa mikrofona

› Instant upload online

› Koristiti shortcut-ove

Page 12: Kutija za alate jednog (frontend) web developera

< C O D E - C R A F T / > S E P T E M B A R 2 0 1 7

› WhatsApp

› Odličan za glasovne poruke

SITAN SOFTVER KOJI UŠTEDU VREMENA ZNAČI

Page 13: Kutija za alate jednog (frontend) web developera

SITAN SOFTVER KOJI UŠTEDU VREMENA ZNAČI

< C O D E - C R A F T / > S E P T E M B A R 2 0 1 7

› PostImg

› Instant upload online

› Instant kopiranje u clipboard

› Koristiti shortcut-ove

Page 14: Kutija za alate jednog (frontend) web developera

SITAN SOFTVER KOJI UŠTEDU VREMENA ZNAČI

< C O D E - C R A F T / > S E P T E M B A R 2 0 1 7

› ConEmu

› Napredna konzola (pošto

Windows takvu nema)

› Alternativa – koristiti konzolu

direktno iz editora

Page 15: Kutija za alate jednog (frontend) web developera

SITAN SOFTVER KOJI UŠTEDU VREMENA ZNAČI

< C O D E - C R A F T / > S E P T E M B A R 2 0 1 7

› Postman

› Testiranje API-a

Page 16: Kutija za alate jednog (frontend) web developera

NIJE SITAN I MNOGO JE BITAN

< C O D E - C R A F T / > S E P T E M B A R 2 0 1 7

› Developer tools

› Vertikalna postavka

Page 17: Kutija za alate jednog (frontend) web developera

GIT

< C O D E - C R A F T / > S E P T E M B A R 2 0 1 7

› SmartGit

› Grafički interfejs za upravljanje

Git-om

Page 18: Kutija za alate jednog (frontend) web developera

DITTO

< C O D E - C R A F T / > S E P T E M B A R 2 0 1 7

› Napredni clipboard

› Istorija se čuva u lokalnoj bazi

› Ništa bez prečica

Page 19: Kutija za alate jednog (frontend) web developera

AKO JE FOKUS PROBLEM...

< C O D E - C R A F T / > S E P T E M B A R 2 0 1 7

› Cold Turkey

› Blokira sve sajtove/desktop

aplikacije na određeno vreme

› Odličan ukoliko vam suviše stvari

odvlači pažnju, ili vam fali radne

discipline

Page 20: Kutija za alate jednog (frontend) web developera

ZAKLJUČAK

< C O D E - C R A F T / > S E P T E M B A R 2 0 1 7

› Biti efikasan

› Uvek istražujte nov prostor za

unapređenje workflow-a

Page 21: Kutija za alate jednog (frontend) web developera

Hvala na pažnji!

[email protected]

FACEBOOK.COM/MISAIZDALEKA

LINKEDIN.COM/IN/MILOSBOSKOVIC