what to expect when u become a web developer

assalamualaikum

setiap pekerjaan mesti ada susah payah dia. usahkan engineering, menjadi janitor juga susah kerana kena layan kerenah orang2 yang suka tampal pampers dekat dinding dinding toilet. tapi disebabkan aku bekerja dalam bidang information technology, takkanlah aku nak kupas pasal kesusahan berkerja sebagai public defender walaupun aku rasa macam dah hebat sangat tahu terms2 lawyer lepas tengok better call saul kekeke. so aku kena la buat entry psl kesusahan kerja sebagai programmer. kalau kau nak tahu kesusahan jadi cikgu, kau search la blog cikgu hahaha. sungguh tak membantu intro entry kali ini.

okay so aku nak kupas sikit la apa yang aku selalu hadapi bersama teman teman aku sepanjang bekerja sebagai programmer ni. aku taknak classifykan semua ni sebagai kesusahan, lebih kepada apa yang korang kena expect kalau ada antara korang yang berminat nak jadi programmer, tak kisalah web ke mobile developer mahupun software atau application developer. apa apa je bila coding okay. kenapa? sebab expectations aku masa aku kat uni lain dengan reality bila berkerja dalam industry. maka jom...?

ada banyak releases dan deadlines

kalau anda pernah fikir yang buat website ni macam sekali buat terus siap, anda silap. kerja programming ni selalunya bukan one-off. even simple website pun kena sentiasa dimaintainkan supaya ia selari dengan arus zaman.

contohnya la simple website apa ek aku nak kasi contoh? contoh macam website artis artis yang just show info je kan, paling2 koman pun feature CTA (call-to-action) dia untuk beli ticket concert or show dia kan, pada tahun 2000s website hanya perlu nampak cantik dekat screen sizes desktop atau laptop je. tapi sekarang, orang surf website guna phone. adakah anda fikir website itu akan mengecil sendiri apabila tiba era smartphone? tidak, programmers yang kena code ia supaya menjadi mobile friendly. mobile friendly bukan setakat dia muat kat screen phone je, ia termasuk korang tak perlu scroll horizontally untuk view semua element page tu as well as korang tak perlu zoom untuk baca information kat website tu.

itu baru static sites. kalau web application macam website nak register vaccine astrazeneca haritu atau apa apa e-commerce web apps pula, imagine akan ada berapa kali reiteration untuk tambah feature baru, improve performance kasi laju sikit. upgrade sana upgrade sini. selagi sesuatu website atau web application itu tak decommissioned, selagi itulah programmers akan keep working on it and supporting it.

lifestyle menjadi sedentary

kerja programming ni banyak duduk atas kerusi menghadap multiple screens, sama macam most kerja office lain. dan disebabkan ini, lifestyle kita akan mula jadi sedentary, less and lesser movements or exercise per week. sebolehnya kita nak ada masa untuk lead a healthy lifestyle by being active. dah la masa belajar pun dah sedentary sebab sejenis berat bontot taknak join sports club, pastu kerja another 20 years pun nak duduk atas kerusi je juga. bila la nak kurus sihat?

banyak strain mata dan kacau posture badan

berkait dengan reality kat atas, dah nama pun programmer, kami tak ada code kat atas kertas kajang. for our 9-5 job, we mostly spend staring at laptop screens. kadang kadang membongkok sebab tengah nak baca code yang semantically atau logically wrong. sometimes squinting mata untuk tengok kenapa element A dengan element B ni tak sama tinggi walaupun code size sama. tak tahulah apa kesan jangka panjangnya. lawyers pun mungkin sama banyak membongkok untuk baca dan squinting mata untuk hadam huruf kecil kecil dalam documents setebal kamus dewan! last last duit habis beli glasses je sebab power naik every 2 months lol ya tohan jauhkanlah!

kemana duit? ke extra monitor la ia

mostly mata programmers ni akan bukan melilau dekat lines of lines of codes saja, mata dia nak ke screen untuk tengok UI la nak tengok documentation la dan nak tengok stackoverflow la kekeke. pastu nak masuk meeting zoom pulak! maka sebab itu la korang akan selalu nampak orang kerja programmer ni ada multiple screens. sometimes second screen tu sebesar tv la, sometimes vertical la, adjustable la dan sebagainya. so kalau kena ada extra monitor, mesti la meja kena besar atau adjustable dan apa apa jelah. banyak kan investment duit kat situ!

coding conventions

credit: https://dev.to/syedafrozpasha/naming-variables-functions-and-classes-in-javascript-41m4

seperti kerja kerja lain juga, nak coding ni bukan main taram je walaupun kita dah master certain certain language atau framework tu. kita kerja kan collaborative, in team, so usually kita follow coding conventions supaya bila kita handover kerja kita ke next person, mereka boleh faham code kita dengan senang. 

version control

bersambung dengan issue yang kerja coding ni most of the time adalah collaborative, pernah terfikir tak macam mana 3 orang programmers coding dekat satu project yang sama? takkan la tunggu si A siap dulu baru pass ke si B dan si C. kalau tak tunggu nanti tak latest la pulak code tu. kalau tunggu alamatnya 40 tahun pun tak siap project tu. no way!

haaa sebab itulah kalau selalu dengar programmers ni akan sebut sebut psl git. git inilah yang bolehkan 1 project dicode oleh multiple programmers. konsepnya kalau A, B dan C coding dalam waktu yang sama, mereka boleh upload semua latest code tu dan merge menggunakan git untuk satukan semua codes itu. so sesiapa berminat nak jadi programmer, kena lah ambil tahu tentang git. walaupun kerja seorang, git juga boleh track banyak version project kita so andai kata la version 2 ni banyak error, senang nak fallback ke version 1.

task list datang daripada user, product owner dan designer

pernah wonder tak macam mana programmers dapat task list?

boss: saya nak website macam grab tapi warna pink.

programmer: onz

dan terus mula coding.

wah simple kan. sebenarnya tak macam ni. sama macam kerja kerja lain, selalunya bila user minta apa apa product, idea tu kita akan pecah pecahkan into small chunks. maca mana rupa dia, apa platform nak guna, apa feature yang ada, button apa nak letak dekat mana, siapa target user, bila target live date dan sebagainya. ha kau, pernah terfikir tak yang position of a button pun penting? bukan cantik semata mata. kalau letak button kat belah atas kiri nanti korang complain pulak cakap app dina buat ni susah nak tekan! kena break down dari sebesar besar ke sekecil kecil request client tu.

selalunya dia akan bermula dengan user requirement akan request apa yang mereka nak dalam product diorang. kemudian product owner kita akan brainstorm idea detail tentang idea tu. kemudian kita ada designer yang akan create wireframe, prototype dan design system. lepas itu barulah developers akan tengok and discuss and negotiate mana yang kita boleh buat atau tak boleh buat ikut timeline kita. haa so kerja programmer ni bukanlah kerja sorang sorang. 

technological advancement

credit: https://jellyfish.tech/web-development-evolution-from-2000s-to-2020/

rasanya semua orang at this point kena mengakui yang technology ni progress dengan sangat laju. so kerja sebagai programmer ni kena sentiasa keep up dengan the latest technology. contohnya, suatu ketika dulu nak buat website ni guna HTML, CSS dan jQuery je. tiba tiba je orang dah pakai ASP.Net, lepas tu orang dah mula buat website guna PHP. kemudian sekarang technology stack yang famous menggunakan Node.js. pastu front-end pun bukan setakat HTML and CSS kat notepad je tapi dah guna Angular. mcm table kat atas tu la. bukan saja saja nak tukar technology stack tapi untuk adapt dengan current development trends.

vision yang luarbiasa

haa rasanya ini semua orang tak terlepas. banyak orang rasa mereka ada million dollar idea, cari software house dan pitch that idea.

sometimes tu idea buat kami jadi pening kepala. akibat tengok banyak sangat black mirror, tiba tiba nak buat delivery app tapi rider boleh update status delivery pakai voice recognition la, pakai niat la, pakai kelip kelip mata la. vision tu tinggi sangat!

ada sesetengah programmer atau company memang ada capabilities untuk buat benda benda high tech ni, tapi adakah client bagi budget yang masuk akal? atau nak minta app hebat hebat ni dengan budget rm10k je? adakah dia bagi timeline yang logical atau kalau boleh nak siap bulan depan je? ha gitu kami nak kena melayannya.

tapi apa apa pun, satu benda je yang rasanya most programmer atau developer ni akan bersatu padu bersetuju ialah...

tak tahu nak shutdown laptop ke tak

aku selalu menghadapi masalah ni. dah code code code sedap sedap 8 jam, tiba tiba pukul 12am tu mengantuk sangat dah takleh pike dah nak selesaikan macam mana bug ni. dah ngantuk sangat tahap menguap 3 saat sekali. tapi kalau shutdown kan nanti nak kena bookmark satu satu la atau cari balik 150 tabs stackoverflow kat google chrome ni. pastu nak kena kill running services pulak. pastu nanti nak kena reload pulak project. aduh pening a!

last last aku shutdown laptop seminggu sekali je, hari jumaat petang kekeke.

so aku harap entry ni dapat shine a light sikit pada sesiapa yang curious dengan profession web developer ke, programmer ke ni. tapi semua ini adalah dari pandangan aku saja, ada masalah yang lebih serious atau kurang serious kat mata orang lain. tapi entry ni tak ada nak claim yang kerja aku je paling susah ke apa ke, sekadar sharing.

meet the team :D

macam mana pula dengan profession korang? 😀

Thank you for reading this entry :D

stock photos from unsplash and pexels

disneyland hong kong

assalamualaikum

selamat datang ke entry percutian!!

entry throwback jelah tapi kekeke.

okay well aku adalah seorang yang suka theme park. kalau jantung berdegup laju sebab naik roller coaster laju aku okay, kalau jantung berdegup laju sebab nampak hantu aku tak okay ahaks macam ga nyambung. aku memang la kalau kaya nak pergi semua disneyland yang ada atas muka bumi ni dan pada tahun 2018 aku berjaya menjejakkan kaki buat kali pertama ke salah satu disneyland alhamdulillah yeay! 

aku gerak ni daripada pudong airport shanghai, dan aku lupa pasal ticket masuk dia tapi aku beli menggunakan app klook. aku rasa tak relevan sangat nak share harga ticket daripada 4 tahun yang lalu sebab entah entah dah naik lolz.

dalam entry ni aku akan share banyak gambar sebab... emm kalau entry travel penuh dengan tulisan je aku rasa korang tak baca kot. aku sendiri pun takkan baca kot wkwkwkw. tp sebab aku ni sejenis yang live in the moment, maafkan aku sebab gambar2 very the low quality ye, aku jujur aku screenshot story aku je sbb aku tak banyak ambik gambar pun kekeke. nasib baik ada instagram.

aerial view, illustrated map of disneyland hong kong

setibanya aku di sana (wahh), kami pergi ke iron man experience exhibit sebab aku peminat iron man kekeke. best sangat sbb macam pergi tour dalam office tony stark. aku suka!

dalam exhibition ni, mcm aku cakap la mcm tour office tony stark. ada la action2 bersama iron man. kalau korang minat iron man, memang akan suka la masuk sini.

next up aku rasa aku pergi it's a small world. dia mcm boat ride, sesuai untuk kanak kanak, sepanjang boat ride tu ada nyanyi nyanyi dan juga ada mcm disney characters and small dolls joget2. comel gila! walaupun dah dewasa, jiwa nak jadi kanak kanak tu membuak bila masuk it's a small world ni hihi.

   

kami pergi kat mcm theatre punya tempat ni, masa tu schedule dia ialah philharmagic show. basically ia ialah 3D show ada mickey mouse, donald duck and friends. best! cute sangat and kelakar!

   

lepas tu of course la kami akan tengok parade dekat main street teehee!

pastu aku pergi dekat satu tempat ni yang ended up being my favorite. honestly, aku tak pernah dgr apa itu mystic manor tapi ride ni best sangat!

dia macam museum tau, tp kita naik gondola and gondola tu akan bawa kita jalan jalan dalam museum tu. dia mcm magical sangat! museum ni dalam gelap, pastu ada glitters terbang2, living portraits, tembak2 manja hihi. best gila tau! tak tahu nak describe macam mana. hahaha macam serupa gagal je penulisan blog ni kekeke.

   

monyet kena buli

mesti korang tak percaya jiwa roller coaster aku sebab setakat ni aku masuk exhibition dan naik boat riang ria je kan? haa dan tibalah masanya untuk kita keluarkan jiwa kental kita! 

seterusnya aku pun menaiki big grizzly mountain runaway mines car. concept dia mcm kau naik keretapi, pastu cargo kau terputus, pastu masuk dalam lombong yang ada haiwan-haiwan ganas, lepas tu ada plot twist! ride ni laju and plot twist dia mmg tahap terkencing punya la. taknak cakap apa plot twist dia sbb kalau korang pergi, korang mesti nak experience sendiri!

tapi ride yang paling mencabar kitorang pergi time ialah dekat toy story! surprisingly yes! ada 2 rides, toy story soldier parachute drop dan rc racer. rc racer tu tahap seronok dia sama tinggi dengan main disco ride tau! 

soldier parachute drop

rc racer

punyalah suka aku dengan disneyland hk ni sampai dua kali tau aku pi sana kekeke. sekali lagi pada tahun 2019, ni sekali dengan trip macau and guangzhou tu. mostly ulang2 rides yang memang dah suka tapi aku ada juga tengok festival of the lion king. gempak gila show tu! kalau korang pergi, wajib tengok ni!

festival of the lion king

kitorang juga ada naik lagi satu ride during the second trip which is rafts to tarzan's treehouse. best gila! kitorang punya tour guide tu mmg sgt2 cheerful and excited so kita pun turut excited. masa ride ni ada sikit2 splash splah air so be careful kalau nak merakam.

naik raft ni akan bawa ke tarzan's treehouse!

kalau korang nak pergi disneyland, jangan lupa download app dia supaya korang boleh tengok map, waiting time dan showtimes. barulah boleh maximize time and try as much rides u can!

p/s: gambar2 kebawah ni adalah ehsan from disneyland hong kong punya website sbb oh well, when we go to this magical place, we live in the moment 😍

p/p/s: segan la aku nak tulis entry ni sebab gambar aku tak banyak. aku geledah gallery pun takdak weh! 

Thank you for reading this entry :D

planning with notion!

assalamualaikum

sempena tahun baru ni, aku nak buat entry berilmiah dan berfaedah sikit la. tahun lepas banyak entry mengarut jer ahaks. dah nak habis suku pertama tahun baru nak start berilimiah lolz. lama juga aku fikir apa nak buat untuk entry tahun baru ek. kalau nak share azam macam cliche sangat jer. setelah kupike kupike kupikir, aku rasa aku nak tulis tentang life planning. lagi pula banyak orang puji cara aku punya planning and organization sampai bersinar mata tanya aku "omg dina how u plan your day so wonderfully" kan so why not. sejak bila tah orang tanya. statement tadi tentunya hanya khayalan dan ciptaan aku semata mata.

sepanjang hidup korang, adakah korang seorang yang suka plan hari hari korang atau just wake up and go with the flow? aku category first tu, aku suka plan my day and week. dari zaman sekolah sampai sekarang aku emangnya ga bisa hidup tanpa schedule ye anak anak. sila ambik perhatian.

kalau dulu dulu, aku masih ada banyak masa untuk buat bullet journal, tapi sekarang hidup aku makin busy so dah tak sempat nak spend 3 hours meniarap depan dotted notebook dengan segala mak nenek pen bertaburan untuk hias hias bullet journal aku. 

masa awal awal aku stop bullet journaling tu, aku ada juga spend duit beli planner kecik size mcm purse sebab senang nak bawa dalam handbag. tapi masalah planner kecik ni, ruang tak banyak. so lama lama tu aku kena letak sticky notes la, atau guna next week punya page untuk this week la. tak syiok tau sebab notes dah tak in chronological order.

tapi sekarang aku sudah menemui teknik yang berkesan untuk plan my day and time tanpa perlu invest dengan buku lagi! teknik ni sangat bagus juga ye untuk orang orang yang mata berjahit kat laptop and tangan berjahit kat henfon. aku harap entry ni boleh membawa manfaat kepada korang sama ada korang memang seorang planner atau baru nak mula!

introducing...

~~ NOTION! ~~

notion ni adalah notetaking app yg macam OneNote, Evernote, Goodnotes semua tu. dia boleh download as app dkt both windows and macOs, boleh juga download di mobile phones both android and iOS. kalau jenis yang phone storage asyik penuh je tu, ia juga accessible melalui web browser so kau tak usah nak beralasan lagi tibahh. aku dah try macam macam notetaking app untuk dijadikan planner yang **aesthetic** dan sedap mata memandang bukan setakat macam to do list je kan kau boleh tick tick boom je kan. 

my notion homepage

so macam mana aku pakai bendalah notion ni? untuk apa dan bagaimana? kenapa homepage notion dina sangat cantik dan kelihatan exclusive? pergh sungguh kuat bau bau pujian terhadap diri sendiri dalam entry ini ya.

aku gunakan notion untuk track both life and work items. daripada aku nak track weight loss sampailah aku nak track progress kerja coding aku. senang cakap aku gunakan notion untuk segala galanya dan tanpa notion, hidupku akan musnah cehh hahaha. tapi honestly aku tidaklah gunakan notion semata mata, efficiency and productivity hidup aku bergantung kepada hasil campur tangan notion, fantastical, reminders on iPhone dan bullet journal. haha nampak sangat sejenis kucar kacir kalau tak ada technology kekeke.

okay so seperti dalam gambar yang aku tepek kat atas tu, kat notion ni boleh create banyak pages dan subpages. aku create banyak pages pastu aku susun la dia ikut category. dekat notion aku ada 3 category utama, "life", "work" dan "study". rupa layout dia tu aku drag and drop sendiri ikut tutorial kat google. alang alang tu kasi terlihat cantik sikit la baru la semangat nak guna. kalau buruk buruk baik guna notes kat phone je kekeke. dan aku cakap tadi kan si notion ni downloadable on mobile phone, maka kalau kat screen kecik, tak usah bingung nak scroll kiri kanan, ia akan responsive menjadi vertical gituhh. ha begitu kuat hamba technology memuji muja.

 # life 

untuk "life section" aku mostly track my mental wellbeing by journaling in here, aku simpan playlist lagu lagu menenangkan, bucketlist dan vision board gituh. personal stuffs yang aku nak track la. tapi daily to do list, mood tracker dan habit tracker aku guna bullet journal. kat sini mcm aku tulis summary of my month dan aku tulis new discovery yang impactful dalam life aku. 

dalam #life section ni, page yang paling function ialah aku punya blog tracker (weight tracker tak function sebab berat aku tak turun kekeke). aku sangat encourage sesiapa yang jadi content creator untuk ada kanban board macam ni untuk have a better view of your content planning. contohilah aku walaupun blog aku tak famous, aku masih gigih ye draft entry bulanan *flips hair*. so senanglah kau ada idea kau masukkan la, pastu dah tulis ke dah publish ke drag and drop saja. senang nak tengok. 

kat blog tracker ni aku ada sediakan calendar view juga sebab senang aku nak tengok sabtu mana yang aku belum schedule post.

pergh bapak organized hidup aku hahahaha

aku taknak kupas sangat pasal #life section ni sebab mostly untuk arrange personal issues, track benda benda trivial je so kalau korang nak refer pun, selalunya tracking personal goals ni kan lain lain. tapi antara benda benda lain yang aku track dekat #life section termasuk la komitmen bulanan, expenses tracker, dan book tracker.

tapi nampakkah anda akan sesuatu page yang menarik bertajuk *sims* (pandang sambil mata bersinar sinar). 

sebagai pemain sims yang tegar apabila sifat itu bertemu dengan sifat yang overplanning ni, maka wujudlah segala mak nenek tracker just untuk main game. eww sounds so nerdy hahaha. tapi betul ye aku main sims pun ada plan okeh bukan main ikut sedap je wakakaka. aku ada rotation minggu apa main save mana termasuklah sejauh mana progress challenge aku dalam game sims tu hewhew. malu la iteww orang pandang iteww as a geek *facepalm*.

gigih tau siap ada cheat sheets dengan nak track bila kena update mods setiap kali ada patch hihi

ah sudahlah berkenaan sims ni. mari tengok macam mana aku uruskan dan pastikan productivity kerja aku ke tahap impak maksima cehh ayat je lebih padahal ada je sehari dua dalam seminggu tu yang tak productive kekeke. biasalah insan yang lemah nak menunjuk hebat tiberr.

 # work 

untuk #work section ni aku ada 2 pages je, job list dan work-study. job list tu tempat aku track kerja yang diassign pada aku je. kerja bos aku ke, member sebelah cubicle aku ke, supervisor aku ke semua tak ada kat sini. kerja aku sahaja HAHAHAHA. mcm contohlah bulan ni project nak release 2.1 kan, so mestilah ada task dibahagi bahagikan, so task yang aku dapat tu aku track sini. juga dalam bentuk kanban board sebab senang aku nak drag and drop. 

belah atas tu timeline project, belah bawah tu kanban board. saja screenshot time kerja complete yang dah banyak kekekeke

so setiap card dalam status in progress ke completed ke tu semua tu boleh tekan. dalam tu ada information depending on the label. contoh kalau task aku adalah untuk testing, dalam card tu akan ada la steps untuk test, expected outcome dan apa actual finding. kalau task aku masa tu bug fixing, adalah screenshot bug tu, error message apa, console log apa, steps untuk rectify dan links atau steps untuk solve the issue. kalau task tu task baru, maka adalah expected outcome dan steps jua. 

ini untuk track kerja aku je. kalau kerja secara berkumpulan kitorang ada maybank jira punya system untuk track. itu official punya la.

so senang, dalam satu masa aku mesti buat satu task besar je atau 2-3 tasks kecil. setiap kali nak buka tu aku just tinggal buka card tu dan refer pada notes dan instructions. aku juga selalu buat note hari hari mcm mana aku code atau fix issue tu so senang la nak study in case dpt task yang lebih kurang sama next time. wah sungguh efficient kan? ini sumpahlah page yang paling berguna dalam notion ni.

 # study 

mesti korang ingat aku ni kerja main sims dengan tulis blog je kan. pergh silap beb. aku ni superwoman tahu. aku mesti ada work-life-play-study balance punya. cehhh macam hebat hahaha. aku ni banyak betul ek angkat bakul sendiri dalam entry ni. penyakit apa tah. 

tapi sebenarnya aku bukan study pun, aku just buat kerja pastu mestilah aku ada benda tak tahu kan. so aku google la baca stackoverflow ke github ke kan nak cari tutorial. ha pastu bila aku jumpa tu aku bookmark la page page tu supaya next time senang aku nak refer. kalau nak gebang boleh je cakap aku weekday kerja, weekend belajar. tapi tu semua madah berhelah je. realitinya aku belajar time stuck buat kerja je la hahaha. weekend of course la aku main game dan tidur kekeke.

aku rasa at this point ni mesti korang rasa aku ni makcik gila kanban board kan? memang weh tidak disangkal lagi itulah aku hahahaha.

so sekali lagi aku gunakan kanban board ni untuk handle personal projects aku. of course la banyak yang tak siap lagi sebab kan aku dah cakap weekend aku buat apa. buat apa? buat apa lagi tidur la kalau tak main sims. hebat sungguh work-life balance aku. tapi tak apalah, ada niat tu kira okaylah tu lolz. so sama mcm konsept job list tadilah, aku akan guna kanban board tp sebab ini personal project, dalam card tu cuma ada info pasal design system je. tak adalah expected result ke apa jadah macam kerja punya. 

kat sini aku simpan semua link kepada website website yang aku guna as rujukan untuk siapkan task. tak payah la nak star star mesej kat whatsapp je atau buat group dengan diri sendiri untuk save benda benda gini nanti pening nak cari. macam aku tak tau korang buat macam tu. aku tahulah sebab aku pun pernah buat wakakakaka.

menggunakan notion ni banyak la improve aku punya productivity sebab pagi2 nak kerja aku tinggal buka notion je. nak main game? buka notion je. tetibe ada malaikat rasuk otak rasa nak study? buka notion. kalau korang masih tercari cari digital app mcm ni untuk digunakan sebagai planner, silalah cuba notion ni. free je chuols! 

p/s: sebagai menyambut azam membuat entry berilmiah, aku tempek sekali sini video seorang med student yang guna notion untuk atur hidup dia.

Thank you for reading this entry :D