Back to campField Journalby Zin
All entries

winechanz

Awesome Websites for Front-end Developers

We developers have those moments when our brains need a little refresh too, right?

2 min read0 likes

Awesome Websites for Front-end Developers

ကျွန်တော်တို့ Developers တွေမှာလည်း ဦးနှောက်ဆေးဖို့လိုအပ်တဲ့အခိုက်အတန့်တွေရှိကြတယ်မလား။

ဖတ်ချိန် 2 မိနစ်0 likes

We developers have those moments when our brains need a little refresh too, right? Whether you're worn out from coding or just plain bored, for those of you without a girlfriend to look at for motivation 😝, I'm sharing some really awesome websites you can learn from and rest your eyes on.

When you're learning Front-end, you can't just keep your head in the books. Honestly, the Design Flow in our country is pretty far behind. That's why, whenever you have free time, you should be studying what Trends are happening internationally and what their Designs look like. Just like a Music Producer always has to listen to other artists' work, a Front-end Dev should keep studying the Design Flow that other Developers have built.

This isn't just for Developers, either. UI/UX Designers also tend to lose plenty of time on Behance and Dribbble. Once you've looked through the websites I'm sharing and had a chance to Relax, I've also added some Coding Practice Websites as a Bonus so you can train. I encourage you to Practice whenever you have the time.

One thing I want to mention: a lot of these Sites are built with Website Builders known as Content Management Systems (CMS). Does that mean you can't build them yourself? Not at all. What I want to say is that if you put in some time, you can build anything. Staying motivated is what matters.

GLEEC

PHOTOSCOPER

COASTAL WORLD

OZWORLD.ADIDAS

TES Hydrogen

Stone and Style

OBLIO

Camillemormal

Future of Health

ZOO

The Ocean Agency

Websites to practice for Front-end Developers

  1. javascript30.com
  2. frontendmentor.io
  3. cssbattle.dev
  4. coderbyte.com/challenges
  5. css-tricks.com
  6. smalldev.tools
  7. schemecolor.com
  8. campaignmonitor.com/css
  9. mbeaudru.github.io/modern-js-cheatsheet
  10. devhints.io/es6
  11. gridbyexample.com

If you have websites you've come across while searching, or ones you keep going back to, feel free to share them below.

Have a sweet night ❤️

ကျွန်တော်တို့ Developers တွေမှာလည်း ဦးနှောက်ဆေးဖို့လိုအပ်တဲ့အခိုက်အတန့်တွေရှိကြတယ်မလား။ Coding ရေးရင်းပင်ပန်းလာတာဖြစ်ဖြစ်၊ ငြီးငွေ့လာတာဖြစ်ဖြစ် ကြုံလာခဲ့ရင် မိုတီရအောင်ကြည့်စရာကောင်မလေးမရှိတဲ့သူတွေအတွက်😝 အရမ်းမိုက်တဲ့ Websites တချို့ကို လေ့လာလို့ရအောင်နဲ့မျက်စိအပန်းဖြေလို့ရအောင်တင်ပေးလိုက်ပါတယ်ဗျ

Front-end ကိုလေ့လာတဲ့အခါမှာစာချည်းပဲလုပ်နေလို့တော့မဖြစ်ပါဘူး။ ကျွန်တော်တို့နိုင်ငံရဲ့ Design Flow ကပြောရရင်အတော်လေးနောက်ကျကျန်ခဲ့တယ်လို့ပြောလို့ရပါတယ်။ ဒါကြောင့် ကိုယ်တိုင်ကတခြားသော International မှာဘယ်လို Trend တွေသွားနေတယ်၊ သူတို့ရဲ့ Design တွေကဘယ်လိုရှိတယ်ဆိုတာတွေကိုအားရင်အားသလို လေ့လာနေသင့်ပါတယ်။ Music Producer တစ်ယောက်က တခြားအနုပညာရှင်တွေရဲ့ဖန်တီးမှုတွေကိုအမြဲနားထောင်ရသလိုပဲ Front-end Dev သမားတစ်ယောက်ကလည်းတခြားသော Developer တွေလုပ်ထားတဲ့ Design Flow တွေကိုလေ့လာနေသင့်ပါတယ်

ဒါက Developer တွေမှတင်မဟုတ်ပါဘူး။ UI/UX Designer တွေဆိုလည်း Behance, Dribbble တို့မှာ အချိန်ကုန်ရတဲ့အခေါက်တွေရှိတတ်တာပါပဲ။ ကျွန်တော်ပြောပြတဲ့ Websites လေးတွေကိုကြည့်ပြီး Relax လုပ်ပြီးသွားပြီဆိုရင်တော့ လေ့ကျင့်ဖို့အတွက် Coding Practice Websites လေးတွေကိုပါ Bonus အနေနဲ့ထည့်ပေးထားပါတယ်ဗျ။ အချိန်ရရင်သလို Practice လုပ်ကြဖို့လည်းတိုက်တွန်းလိုက်ပါတယ်

တစ်ခုပြောချင်တာကတော့ ဒီထဲက Site အတော်များများက Content Management System(CMS) ဆိုတဲ့ Website Builder တွေကိုအသုံးပြုပြီးလုပ်ထားတာတွေရှိပါတယ်။ ကိုယ်တိုင်ရေးလို့ကောမရဘူးလားဆိုရင်တော့မဟုတ်ပါဘူး။ အချိန်တစ်ခုတော့ပေးပြီးလုပ်ရင်ဘာမဆိုရနိုင်တယ်ဆိုတာကိုပြောချင်တာပါ။ မိုတီရှိဖို့အရေးကြီးပါတယ်

GLEEC

PHOTOSCOPER

COASTAL WORLD

OZWORLD.ADIDAS

TES Hydrogen

Stone and Style

OBLIO

Camillemormal

Future of Health

ZOO

The Ocean Agency

Websites to practice for Front-end Developers

  1. javascript30.com
  2. frontendmentor.io
  3. cssbattle.dev
  4. coderbyte.com/challenges
  5. css-tricks.com
  6. smalldev.tools
  7. schemecolor.com
  8. campaignmonitor.com/css
  9. mbeaudru.github.io/modern-js-cheatsheet
  10. devhints.io/es6
  11. gridbyexample.com

ကိုယ်ရှာဖွေရင်းနဲ့တွေ့ဖူးတဲ့ Website တွေ၊ အမြဲကြည့်ဖြစ်နေတဲ့ Website တွေရှိတယ်ဆိုရင်လည်းအောက်မှာ ဝင်ရောက်ဝေမျှပေးသွားလို့ရပါတယ်ဗျ

Have a sweet night ❤️

Filed underwinechanz

Written byZin Min Htun (Wine Chanz)Senior Full-Stack Developer · Da Nang, VietnamSay hello at campMore entries