React ကိုလေ့လာပြီးပြီ… Nextjs ကိုဆက်လေ့လာသင့်ရဲ့လား 🤔
React Developer တို့ကို Next.js ကို ဘာလို့လေ့လာသင့်လဲဆိုတာ ပြောပြပါရစေ။
အရင်ဆုံး React က frontend framework တစ်ခုပဲဆိုတော့ production မှာသုံးဖို့အတွက် သူတစ်ခုတည်းနဲ့ မလုံလောက်သေးဘူးနော်။ SEO ကောင်းဖို့၊ Performance ကောင်းဖို့၊ File-based routing လုပ်ဖို့၊ Image optimization လုပ်ဖို့ စသည်ဖြင့် အခြားသော tool တွေအများကြီးထပ်လိုအပ်နေသေးပါတယ်။ ဒါပေမယ့် Next.js ကတော့ ဒါတွေအကုန်ပါပြီးသားပါ။
ဘာတွေများပါလဲဆိုရင်…
📝File-based Routing React မှာဆို react-router-dom သပ်သပ်ထည့်ပြီး route တွေကို setup လုပ်ရသေးတယ်။ Next.js မှာတော့ pages folder အောက်မှာ about.js ဆိုတဲ့ file ထည့်လိုက်ရင် /about route ကရလာပြီပဲ။ Dynamic route တွေ၊ Nested route တွေကလည်း file နာမည်ပေါ်မူတည်ပြီး အလိုအလျောက်ရပါတယ်။
📝 Server-side & Static Site Generation React က client-side ပဲ render နိုင်တော့ SEO မကောင်းဘူး။ Next.js မှာက SSR နဲ့ SSG ပါတာမို့ SEO ကောင်းသလို၊ initial load time လည်းမြန်ပါတယ်။ ဥပမာ e-commerce site တစ်ခုမှာ product list page က static ဖြစ်ပြီး product detail page တွေက server-side render လုပ်တာမျိုးတွေလုပ်လို့ရပါတယ်။
📝 Full Stack Framework React က frontend framework ပဲဖြစ်တော့ backend ကိုသပ်သပ်ရေးရမယ်။ Next.js မှာက API route တွေပါပါတာမို့ backend ကို pages/api folder အောက်မှာပဲ ရေးလို့ရပါတယ်။ GET, POST, PUT, DELETE request တွေကို handle လုပ်တဲ့ code တွေကို Next.js project ထဲမှာပဲရေးလို့ရပါတယ်။
📝Image Optimization React မှာ image တွေကို optimize လုပ်ချင်ရင် third-party library တွေသုံးရပါတယ်။ Next.js မှာက built-in Image component ပါပြီးသားပါ။ သူက image တွေကို automatically optimize လုပ်ပေးသလို lazy loading လည်းပါတယ်။ ဒါ့အပြင် webp format ကို browser က support လုပ်ရင် automatically convert လုပ်ပေးပါတယ်။
📝Zero Configuration React app တစ်ခုမှာဆို webpack, babel စတဲ့ configuration တွေ setup လုပ်ရပါတယ်။ ဒါပေမယ့် Next.js မှာက production-ready configuration တွေက built-in ပါပြီးသားအပြင် TypeScript support တို့၊ environment variables တို့လည်း out of the box ပါပါတယ်။
Performance ပိုင်းမှာလည်း Next.js က အားသာချက်တွေရှိတယ်
Code splitting အလိုအလျောက်လုပ်ပေးတယ်
Client-side navigation ကြောင့် page load တာမြန်တယ်
Prefetching လုပ်ပေးတာမို့ user experience ကောင်းပါတယ်
ဒါကြောင့် React သိပြီးသား developer တွေအနေနဲ့ Next.js ကိုလေ့လာသင့်ပါတယ်။ ဒီအပေါ်မှာပြောခဲ့တဲ့ feature တွေကြောင့် production မှာ better solution ရရှိစေပြီး development experience လည်း ပိုကောင်းမွန်စေပါတယ်။
လက်ရှိ tech industry မှာလည်း Next.js ကိုတော်တော်များများသုံးနေကြပါပြီ။ TikTok, Netflix, Twitch, Nike စတဲ့ ကုမ္ပဏီကြီးတွေတောင် Next.js ကိုသုံးနေကြပါတယ်။ ဒါကြောင့် Next.js skill ရှိထားရင် job opportunity တွေလည်းပိုများပါတယ်။
React သိပြီးသားဆိုရင် Next.js ကို စလေ့လာဖို့ အချိန်အများကြီးလိုမှာမဟုတ်ပါဘူး။ React ရဲ့ official documentation မှာလည်း Next.js ကိုဆက်ပြီးလေ့လာဖို့ပြောထားပါတယ်။ Documentation က အရမ်းကောင်းပြီး example project တွေလည်းအများကြီးပါပါတယ်။ ဒါကြောင့် ကိုယ်ရဲ့ skill set ကို upgrade လုပ်ချင်တယ်ဆိုရင် Next.js ကိုလေ့လာဖို့ တိုက်တွန်းချင်ပါတယ်။

Developer တွေအတွက် တစ်ခါတည်းစုံစုံလင်လင်ပါ၀င်စေမယ့် Tech stack တစ်ခုကိုပြောပါဆိုရင် MERN Stack ပဲဖြစ်ပါတယ်။

ဒီ Course လေးမှာ သင်ခန်းစာတစ်ခုချင်းစီအတွက် project တွေအပြင်အဓိကသင်ကြားကြရမယ့် အကြောင်းအရာတွေကတော့
📝Nodejs
📝 Express Basic
📝 MongoDB Basic
📝 React Basic ကနေ တစ်ပိုင်းခြင်း အခြေခံ အကျဆုံး level ကစပေးထားမှာဖြစ်ပါတယ်။

💯 တစ်ပိုင်းခြင်း သေချာ ရပြီဆိုရင်တော့ ၄ခုလုံးပေါင်းပြီး Frontend + Backend ပါ၀င်တဲ့ TECH stack တစ်ခုလုံးကိုလေ့လာလို့လွယ်ကူအောင်စီစဉ်ပေးထားပြီး သင်တန်းပြီးတာနဲ့ လက်တွေ့ project တွေကြောင့် လုပ်ငန်းခွင်၀င်နိုင်ဖို့အသင့်ဖြစ်သွားမှာဖြစ်ပါတယ်။

ဒီသင်တန်းလေးကို ပုံမှန်သင်တန်းကြေး (၁၈၀,၀၀၀) ကျပ်ကိုမှ (၁၅၀,၀၀၀) ကျပ်တည်းနဲ့ တက်ရောက်နိုင်မှာဖြစ်ပါတယ်။

ဒီ MERN Stack course လေးကို တက်ရောက်မယ်ဆိုရင် Programming Basic with JS, JS DOM Basic, MERN Deployment ,Web socket 101,Git & GitHub Basi and Intermediate course လေးကို အခမဲ့ တက်ရောက်နိုင်မှာ ဖြစ်ပါတယ်။

===============================================================


JS + Vue + Firebase Combo Course

Creative Coder လို့ပြောလိုက်တာနဲ့ ကျောင်းသားတွေ ပြေးမြင်မိတာက Vue Course လို့ပြောရင်မမှားနိုင်ပါဘူး။
Creative Coder စပြီးတည်ထောင်ကတည်းက Vue course စတင်ဖွင့်ခဲ့တာပဲဖြစ်ပါတယ်။ Frontend လေ့လာသူတွေအတွက် သင့်တော်တဲ့ framework တစ်ခုပဲဖြစ်ပါတယ်။ စာတွေ့၊ လက်တွေ့ project တွေနဲ့ Vue Framework ကိုကျွမ်းကျင်အောင် သင်ကြားပေးသွားမှာပါ။
ဒီ Course မှာဘာတွေထပ်ပါဝင်ဦးမလဲဆိုရင် combo ဖြစ်အောင် Firebase backend service ပါ။Firebase ကိုသုံးပြီး authentication (login logout) တွေ ၊ NoSQL database အသုံးပြုပုံတွေ real time database တွေပါလေ့လာသွားကြရမှာပဲဖြစ်ပါတယ်။

Vue Class မှာဘာတွေသင်ကြားပေးမှာလဲ ❔

✅All Basic Programming Concept with Javascript
✅Promises & Asynchronous Javascript
✅Fetch & Async & Await (Modern Js)
✅What is Vuejs? (Using Vue3)
✅ Vue CDN
✅All about vue directives from very basic
✅Single Page Introduction
✅Vue CLI
✅what are vue components?
✅props
✅events
✅slots
✅Teleport
✅ Project-1 simple mini game
✅Forms & Twoway-databinding
✅vue router
✅route guarding
✅Test Fetching Data with Json Server
✅Project-2 (Project planner app)
✅the composition api (Vue3)
✅Firebase Databases (Firestore)
✅Project-3 SPA Blog app with Categories
✅Project 4-***Live Message Chatting Room App with auth system***
✅Host Our app on firebase
✅ Project-5 Vuex and Work with todos project

ဘယ်လိုလူတွေတက်ရောက်သင့်လဲ ❔
👤 html css ပဲသိထားပြီးတစ်ခုခုဆက်လေ့လာချင်သူတွေ
👤 javascript နဲ့ပဲလုပ်ငန်းခွင်ဝင်ချင်သူတွေ
၊👤ကိုယ်တိုင် interactive ဖြစ်တဲ့ single page app (SPA) platform ဖန်တီးလိုသူတွေ
👤 vuejs ကို လုံးဝ ဘာဆိုဘာမှမသိရာ ကနေ ကိုယ်ပိုင် Project ရေးန်ိုင်သွားချင်တွေ
👤 တခြား frontend framework တစ်ခုခုကနေပြောင်းလာကြည့်ချင်သူတွေတက်သင့်ပါတယ်။
သင်တန်းတက်ရောက်ဖို့အတွက်ဆိုရင် html css အခြေခံနဲ့ သင်ယူလေ့လာလိုစိတ်လေးရှိရင်ရပါပြီ။

သင်တန်းကြေးကတော့ Free course တွေအများကြီးအပါအ၀င်ကိုမှ ပုံမှန်သင်‌တန်းကြေး (၁၀၀,၀၀၀) ပဲ ကျသင့်မှာဖြစ်ပါတယ်။

ဒီ Vue course လေးကို တက်ရောက်မယ်ဆိုရင် Vuex course, JS DOM Basic, Git & GitHub Basic and Intermediate course လေးကို အခမဲ့ တက်ရောက်နိုင်မှာ ဖြစ်ပါတယ်။
=====================================

PHP + Laravel Course + VPS Server Deployment

မူလအစထဲက Creative Coder ကဖွင့်လှစ်ခဲ့တဲ့ အတန်းတွေမှာ PHP basic ကနေစတင်ပြီး Laravel Advanced level အထိသင်ကြားပေးထားတဲ့ PHP+ Laravel အတန်းလည်းအပါအ၀င်ဖြစ်ပါတယ်။

ဒီ Course မှာပါဝင်သွားမှာတွေကတော့ PHP /Laravel ရဲ့ Advanced ပိုင်း core concept တွေအထိပါထည့်သွင်းသင်ကြားပေးသွားမှာပါ။
✅Intro to PHP basic + MySQLl for learning Laravel (PHP Framework Thinking Class Provided)
✅Intro to basic command line for beginners
✅Intro to Laravel
✅ Env Setup
✅ Routing and Tricks
✅ What iso cache
✅Filesystem
✅ Collection & Tinker
✅Env File and Configurations
✅what is migrations
✅Eloquent Model
✅Database seeding & model factories using
✅ Core Relationships (belongsTo,hasMany,manyToMany)
✅what is controller
✅Model View Controllers(MVC) and why use MVC?
✅all blade syntax
✅validation input form
✅Advance Tricky Queries
✅Auth System and middlewares
✅Full Comment System
✅Blog Subscription & Email sending Feature
✅Queue Worker
✅photo upload system
✅Admin & User Authorization
✅Api development In Laravel

ဒီအတန်းလေးကိုလည်း Free တက်ရောက်နိုင်တဲ့သင်တန်းတွေနဲ့အတူ Server Deployment အတန်းအပါအ၀င်ကိုမှ သင်တန်းကြေး ၁၂၀,၀၀၀ ကျပ်တည်းနဲ့ တက်ရောက်နိုင်မှာဖြစ်ပါတယ်။

PHP & Laravel Course လေးကိုတက်ရောက်မယ်ဆိုရင် PHP Framework Thinking, Laravel Folio Course, Sever Deployment , Git & GitHub Basic and Intermediate course လေးကို အခမဲ့ တက်ရောက်နိုင်မှာ ဖြစ်ပါတယ်။


=======================================
React Course

Fronted အပိုင်းမှာ နာမည်ကြီး library တစ်ခုဖြစ်တဲ့ React က အခုအချိန်မှာ အတော်လေးရေပန်းစားနေတာဖြစ်ပါတယ်။ အလုပ်အကိုင်အခွင့်အလမ်းလည်းများသလို အလားအလာကောင်းတွေလည်းရှိနေတဲ့ Library တစ်ခုပဲဖြစ်ပါတယ်။

ဒီအတန်းမှာဆိုရင် HTML,CSS ရရုံနဲ့ တက်ရောက်နိုင်မှာဖြစ်ပြီး လက်တွေ့ project တွေကိုလည်းထည့်သွင်းပေးထားပါတယ်။

📝React ကိုဘယ်သူတွေလေ့လာသင့်သလဲ ?

✔️ JS ပြီးထားလို့ framework တစ်ခုခုကိုဆက်လင်လေ့လာဖို့ရှာနေတဲ့သူ‌‌တွေ
✔️ Frontend ပိုင်းကိုကျွမ်းကျွမ်းကျင်ကျင်တတ်‌မြောက်လိုသူတွေ
✔️ Frontend Framework တစ်ခုပြီးထားလို့နောက်တစ်ခုကိုဆက်လက်လေ့လာလိုသူတွေ
✔️ React Developer အနေနဲ့လုပ်ငန်းခွင်၀င်ချင်တဲ့သူတွေအကုန်လုံး React ကိုလေ့လာလို့ရပါတယ်။

📝Creative Coder ရဲ့ React အတန်းမှာ ဘာတွေကိုသင်ကြားပေးသွားမှာလဲ ?

ဒီအတန်းလေးမှာ React ကိုအစကနေအဆုံးနားလည်အောင်သင်ကြားပေးသွားမဲ့အပြင် backend အတွက် firebase ကိုပေါင်းစပ်သင်ကြားပေးသွားမှာလည်းဖြစ်ပါတယ်။

Course Outline အနေနဲ့ကတော့

I. Introduction

Overview of React and Firebase
Benefits of using React and Firebase together
Course objectives and expectations

II. React Basics

Setting up a React project
React components and props
State and lifecycle methods
Handling events in React

III. Firebase Basics

Introduction to Firebase
Setting up a Firebase project
Creating a Firebase Realtime Database
Creating a Firebase Authentication system

IV. Integrating Firebase with React

Connecting React to Firebase Realtime Database
Reading and writing data from Firebase using React
Implementing Firebase Authentication in React

V. Advanced React

React Router for navigation
React Advanced Hooks for functional component

VI. Advanced Firebase

Firebase Cloud Functions for serverless backend
Firebase Cloud Messaging for push notifications
Firebase Hosting for deploying React apps

VII. Project

Building a real-world application using React and Firebase
Implementing advanced features such as user authentication, real-time data updates
Deploying the project to Firebase Hosting

VIII. Conclusion

Recap of course material
Next steps for further learning
Course evaluation and feedback

အတန်းပြီးတဲ့အခါ react ကိုကျွမ်းကျွမ်းကျင်ကျင်တတ်မြောက်ပြီး project တွေနဲ့လုပ်ငန်းခွင်၀င်နိုင်တဲ့အထိသင်ကြားပေးသွားမှာဖြစ်ပါတယ်။

React အတန်းလေးကိုတော့ သင်တန်းကြေး (၁၂၀,၀၀၀) ကျပ်ကို (၁၀၀,၀၀၀) ကျပ်တည်းနဲ့ တက်ရောက်နိုင်မှာဖြစ်ပါတယ်။ လေးသောင်းတန် JS basic လေးပါ အခမဲ့ပါ၀င်မှာ ဖြစ်ပါတယ်။

ဒီ React course လေးကို တက်ရောက်မယ်ဆိုရင် JS basic , JS DOM Basic, Git & GitHub Basic and Intermediate course လေးကို အခမဲ့ တက်ရောက်နိုင်မှာ ဖြစ်ပါတယ်။
======================================


JavaScript Basic Course

HTML,CSS လေ့လာပြီးသွားတဲ့ကျောင်းသားတွေအတွက် JavaScript Language ကိုအခြေခံကနေစတင်ပြီး သင်ကြားပေးသွားမယ့် အတန်းလေးဖြစ်ပါတယ်။

Beginner တွေကစပြီး လွယ်ကူစွာသင်ယူလေ့လာနိုင်အောင်စီစဥ်ထားပေးထားကြောင့် စာနားမလည်ဖြစ်မှာကိုလည်းပူစရာမလိုပါဘူး။ စာမေးချင်တာရှိရင်လည်း Paltform ကနေဖြစ်စေ ၊ဆရာ့ရဲ့ account ကနေဖြစ်စေ မေးလို့လည်းရပါတယ်။
ဒါ့အပြင် အချိန်မရွေးနေရာမရွေးကြိုက်တဲ့ အချိန်ကနေ ကြိုက်သလိုလည်း သင်ယူလေ့လာလို့ရတာကြောင့် အိုကေမှာစိုပြေပဲနော်။

ဒီအတန်းလေးကိုလည်း Free Course တွေအပါအ၀င် သင်တန်းကြေး (၆) သောင်းကျပ်တည်းနဲ့ တက်ရောက်ခွင့်ရမှာဖြစ်ပါတယ်။

ဒီ JavaScript course လေးကို တက်ရောက်မယ်ဆိုရင် Web socket 101, JS DOM Basic , Python from Scratch, Git & GitHub Basic and Intermediate course လေးကို အခမဲ့ တက်ရောက်နိုင်မှာ ဖြစ်ပါတယ်။


======================================
Free Courses

Premium Course တွေအပ်နှံလိုက်တာနဲ့ free course တွေကိုလည်း learning platform မှာ တစ်ခါတည်းသင်ယူလေ့လာနိုင်မှာ ဖြစ်ပါတယ်။

တက်ရောက်နိုင်တဲ့ Free Course တွေကတော့
📝 Git & GitHub Basic Course
📝 Git & Github Intermediate Course
📝 Python From Scratch
📝 Vuex Course
📝 PHP Framework Thinking Course
📝 Websocket 101
📝JS DOM Basic
📝 PHP solid design principle
📝 Laravel Folio Course တွေပဲဖြစ်ပါတယ်။