29/05/2024
hello guys🤗 ဒီနေ့မင်မင်က Frontend developer ဖြစ်ချင်တဲ့သူတွေအတွက် roadmap လေးကို sharingလေးလုပ်ပေးသွားချင်ပါတယ်...
Web development ပိုင်းမှာ frontend ပိုင်းနဲ့ backendပိုင်းဆိုပြီးနှစ်မျိုးရှိပါတယ်နော် တော်တော်များများလဲသိကြမှာပါ🤗 ကဲဒီလိုဆိုရင် ကိုကfrontend(design)ပိုင်းကိုစိတ်ဝင်စားတဲ့သူဆိုရင် ဒီpostလေးကအထောက်အကူဖြစ်မယ်လို့မျှော်လင့်ပါတယ်✨
👉Start With Basics
Web development ပိုင်းမှာ basicဖြစ်တဲ့HTML(Hypertext Markup Language)/CSS(Cascading Stylesheet)/JS(javascript) ကိုစလေ့လာပါ။
👉Build Simple Project
ရိုးရှင်းသော web pageလေးတွေရေးကြည့်တာကနေတစ်ဆင့် ပိုမိုရှုပ်ထွေးသော features များကိုလေ့လာသင်ယူပါ။
👉Explore Frameworks and Libraries
React သို့မဟုတ် Angular ကဲ့သို့သော framework တစ်ခုခုကိုရွေးချယ်ပြီး projectတွေရေးပါ။
👉Version Control
ကိုယ့်ရဲ့projectအတွက် Git ကိုလေ့လာပြီးအသုံးပြုပါ။
👉Responsive Design
Bootstrap ကဲ့သို့သော CSS framework ကိုအသုံးပြုပြီး ကိုယ့်ရဲ့projectကို responsive ဖြစ်အောင်လုပ်ပါ။
👉Advanced Topics
Advanced ဖြစ်တဲ့ javascriptတွေကို သင်ယူလေ့လာပြီး စွမ်းဆောင်ရည်ပိုမိုကောင်းမွန်တဲ့ projectတွေရေးသားပါ။
👉Stay Updated
IT field သည်ခေတ်ရေစီးကြောင်းနဲ့အမှီလိုက်နေတာမလို့ အမြဲကိုယ့်ရဲ့လမ်းကြောင်းကို updateလုပ်နေမို့လိုအပ်ပါတယ်။YouTube တွေကနေ webနဲ့ပတ်သက်ပြီး blogs တွေကြည့်ပြီးလေ့လာသင်ယူတာဘဲ့ဖြစ်စေ၊update ဖြစ်တဲ့ documentation တွေဖတ်ပြီးလေ့လာသင်ယူတာဘဲ့ဖြစ်စေ အမြဲလုပ်နေမို့လိုအပ်ပါတယ်။
Frontendပိုင်းနှင့်ပတ်သက်ပြီး self-study လုပ်ချင်တဲ့သူတွေအတွက် Frontend ပိုင်းနဲ့ပတ်သက်ပြီး အကြောင်းအရာမျိုးစုံကို basicကနေတစ်ဆင့် advanced အထိသင်ကြားပေးတဲ့အထင်ကရYouTube channelလေးတွေလဲ sharingလုပ်ပေးထားပါတယ်✨
1. **Traversy Media**
- Channel: [Traversy Media](https://www.youtube.com/user/TechGuyWeb)
- Description: Web development tutorials covering a wide range of topics, including HTML, CSS, JavaScript, and various frameworks like React, Angular, and Vue.
2. **The Net Ninja**
- Channel: [The Net Ninja](https://www.youtube.com/c/TheNetNinja)
- Description: Comprehensive tutorials on web development, including HTML, CSS, JavaScript, React, Vue.js, Node.js, and more.
3. **Academind**
- Channel: [Academind](https://www.youtube.com/c/Academind)
- Description: In-depth tutorials on web development, focusing on modern JavaScript frameworks like React, Angular, and Vue, as well as other development topics.
4. **freeCodeCamp.org**
- Channel: [freeCodeCamp.org](https://www.youtube.com/c/Freecodecamp)
- Description: Extensive collection of full-length courses and tutorials on web development and programming, including frontend topics like HTML, CSS, JavaScript, and more.
5. **Programming with Mosh**
- Channel: [Programming with Mosh](https://www.youtube.com/c/programmingwithmosh)
- Description: High-quality tutorials on various programming topics, including frontend development with HTML, CSS, JavaScript, and frameworks like React and Angular.
6. **Dev Ed**
- Channel: [Dev Ed](https://www.youtube.com/c/DevEd)
- Description: Fun and engaging tutorials on web development and design, covering HTML, CSS, JavaScript, and modern frameworks and libraries.
7. **Codevolution**
- Channel: [Codevolution](https://www.youtube.com/c/Codevolution)
- Description: Detailed tutorials on frontend development, especially focused on JavaScript frameworks like React, Angular, and Vue.
8. **DesignCourse**
- Channel: [DesignCourse](https://www.youtube.com/c/DesignCourse)
- Description: Web design and frontend development tutorials, including HTML, CSS, JavaScript, and UI/UX design principles.
9. **Florin Pop**
- Channel: [Florin Pop](https://www.youtube.com/c/FlorinPop)
- Description: Tutorials and challenges focused on web development, particularly HTML, CSS, JavaScript, and React.
10. **Kevin Powell**
- Channel: [Kevin Powell](https://www.youtube.com/c/KevinPowell)
- Description: Deep dive into CSS, teaching modern CSS techniques and best practices for creating responsive and accessible web designs.
