Python Quiz 💥

VS Code Extension

💡📲 @tech4umm

🔅 Vite ဆိုတာဘာလဲ?

Vite ဆိုတာ သူရဲ့ မယုံနိုင်လောက်အောင် မြန်ဆန်မှုနှင့် ရိုးရှင်းမှုအတွက် developer တွေကြားမှာ လျင်မြန်စွာ လူသိများလာတဲ့ modern frontend build tool တစ်ခုဖြစ်ပါတယ်။ Vue.js ကို Evan You မှ ဖန်တီးခဲ့ပြီ Vite ရဲ့ primary goals နှစ်ခုကို focus လုပ်ပြီး software development experience ကို အကောင်းဆုံး ပြုပြင်မွမ်းမံပေးပါတယ်။

- Fast Development Server: Vite က instant server start နှင့် အလွန်မြန်ဆန်သော Hot Module Replacement (HMR) ကို ပေးစွမ်းပြီး ပိုမိုကောင်းမွန်သော software development workflow ကိုဖန်တီးပေးပါတယ်။

- Optimized Production Builds: ES modules အတွက် native support ပေးပြီး Rollup မှတစ်ဆင့် ထိရောက်သော bundling ဖြင့်ခြင်း၊ Vite ရဲ့ production build များဟာ သေးငယ်ပြီး စွမ်းဆောင်ရည်မြင့်မားစေစေပါတယ်။

💡📲 @tech4umm

✅10 Most Useful Python Interview Code Snippets များဖြစ်ပါတယ်။

1️⃣ Reverse a string:

s = "hello"
print(s[::-1])  # Output: 'olleh'

2️⃣ Check for a palindrome:

def is_palindrome(s):
    return s == s[::-1]

3️⃣ Count word frequency in a list:

from collections import Counter
words = ['apple', 'banana', 'apple']
print(Counter(words))

4️⃣ Swap two variables:

a, b = 5, 10
a, b = b, a

5️⃣ Fibonacci using recursion:

def fib(n):
    return n if n <= 1 else fib(n-1) + fib(n-2)

6️⃣ Find duplicate elements in a list:

lst = [1,2,3,2,4]
duplicates = set([x for x in lst if lst.count(x) > 1])

7️⃣ Check if list is sorted:

def is_sorted(lst):
    return lst == sorted(lst)

8️⃣ Flatten a 2D list:

matrix = [[1, 2], [3, 4]]
flat = [num for row in matrix for num in row]

9️⃣ Read a file line by line:

with open('file.txt') as f:
    for line in f:
        print(line.strip())

🔟 Lambda & Map usage:

nums = [1, 2, 3]
squares = list(map(lambda x: x**2, nums))

💡 Tip: Practice these with variations on lists, strings & dictionaries.

💡📲 @tech4umm

သင့်ရဲ့ Expo Router-based React Native Project အတွက် Scalability ၊ Maintainability နဲ့ Developer Experience (DE) ကို မြှင့်တင်ပေးနိုင်မယ့်၊ Zustand နဲ့ Axios ကို အသုံးပြုထားတဲ့ စနစ်ကျတဲ့ Folder Structure ကို အောက်ပါအတိုင်း ရေးသားဖော်ပြပေးလိုက်ပါတယ်။

📂 Project Structure

ဒီဖွဲ့စည်းပုံဟာ Modular Design ကို အလေးပေးထားပြီး Components, State Management, API Logic စတာတွေကို ရှင်းရှင်းလင်းလင်း ခွဲခြားထားပါတယ်။

AwesomeProject/
├── app/ # Expo Router Pages (Screens Only)
│ ├── index.tsx # Home screen (“/”)
│ ├── _layout.tsx # Global layout
│ ├── auth/
│ │ ├── index.tsx # “/auth” (Auth entry point)
│ │ ├── login.tsx # “/auth/login”
│ │ ├── signup.tsx # “/auth/signup”
│ ├── chat/
│ │ ├── index.tsx # “/chat” (Chat List)
│ │ ├── conversation.tsx # “/chat/conversation”
│ ├── settings/
│ │ ├── index.tsx # “/settings”
│ │ ├── notifications.tsx # “/settings/notifications”
│ │ ├── security.tsx # “/settings/security”
│ ├── profile/
│ │ ├── index.tsx # “/profile”
│ │ ├── edit.tsx # “/profile/edit”
│ │ ├── preferences.tsx # “/profile/preferences”
│
├── modules/ # Feature Modules
│ ├── auth/
│ │ ├── components/
│ │ │ ├── LoginForm.tsx
│ │ │ ├── SignupForm.tsx
│ │ ├── hooks/
│ │ │ ├── useAuth.ts
│ │ ├── services/
│ │ │ ├── authService.ts
│ │ ├── store/
│ │ │ ├── useAuthStore.ts
│ │ ├── validation/
│ │ │ ├── authSchema.ts
│
│ ├── chat/
│ │ ├── components/
│ │ │ ├── MessageBubble.tsx
│ │ │ ├── ChatInput.tsx
│ │ ├── hooks/
│ │ │ ├── useChat.ts
│ │ ├── services/
│ │ │ ├── chatService.ts
│ │ ├── store/
│ │ │ ├── useChatStore.ts
│ │ ├── utils/
│ │ │ ├── chatHelpers.ts # Helper functions for chat
│
│ ├── settings/
│ │ ├── components/
│ │ │ ├── NotificationToggle.tsx
│ │ │ ├── SecuritySettings.tsx
│ │ ├── store/
│ │ │ ├── useSettingsStore.ts
│
│ ├── profile/
│ │ ├── components/
│ │ │ ├── AvatarUpload.tsx
│ │ │ ├── ProfileForm.tsx
│ │ ├── hooks/
│ │ │ ├── useProfile.ts
│ │ ├── services/
│ │ │ ├── profileService.ts
│ │ ├── store/
│ │ │ ├── useProfileStore.ts
│
├── components/ # Global Reusable Components
│ ├── Button.tsx
│ ├── Input.tsx
│ ├── Avatar.tsx
│ ├── Modal.tsx # Custom modal component
│ ├── Loader.tsx # Loader animation
│
├── hooks/ # Global Hooks
│ ├── useTheme.ts
│ ├── useNetwork.ts
│ ├── useNotifications.ts # Handle push notifications
│
├── store/ # Global Zustand Stores
│ ├── useThemeStore.ts
│ ├── useUserStore.ts
│
├── services/ # Global API Services
│ ├── apiClient.ts # Axios Setup
│ ├── notificationService.ts
│ ├── uploadService.ts # File/Image Upload Service
│
├── utils/ # Utility Functions
│ ├── formatDate.ts
│ ├── validateEmail.ts
│ ├── navigation.ts
│ ├── fileHelpers.ts # Helper functions for file handling
│
├── localization/ # Multi-Language Support
│ ├── en.json
│ ├── es.json
│ ├── index.ts
│
├── env/ # Environment-Based Configurations
│ ├── .env.development
│ ├── .env.production
│ ├── .env.staging
│
├── __tests__/ # Tests
│ ├── e2e/
│ ├── unit/
│ ├── jest.setup.ts
│
├── .husky/ # Git Hooks
├── tailwind.config.js # Tailwind Configuration
├── app.config.ts # Expo Configuration
├── tsconfig.json # TypeScript Configuration
├── package.json # Dependencies
├── README.md # Documentation

✅ Web Development ရဲ့ A–Z နည်းပညာအသုံးအနှုန်းများ 🌐

A – API (Application Programming Interface)
Software system တစ်ခုနဲ့တစ်ခု အပြန်အလှန် ချိတ်ဆက်လုပ်ဆောင်နိုင်အောင် လုပ်ပေးပါတယ်။

B – Backend
Web app တစ်ခုရဲ့ Server-side logic နဲ့ Database လုပ်ဆောင်ချက်တွေကို ခေါ်တာပါ။

C – CSS (Cascading Style Sheets)
HTML element တွေကို ပုံစံသွင်းဖို့နဲ့ Layout ချဖို့အတွက် အသုံးပြုပါတယ်။

D – DOM (Document Object Model)
JavaScript က Web page တွေကို ပြောင်းလဲနိုင်ဖို့ Tree structure ပုံစံနဲ့ ကိုယ်စားပြုဖော်ပြတာပါ။

E – Express.js
Backend application တွေ တည်ဆောက်ဖို့အတွက် သုံးတဲ့ Node.js Framework တစ်ခုဖြစ်ပါတယ်။

F – Frontend
အသုံးပြုသူတွေ တိုက်ရိုက်မြင်တွေ့ပြီး ထိတွေ့အသုံးပြုရတဲ့အပိုင်း (HTML, CSS, JS) ဖြစ်ပါတယ်။

G – Git
Code တွေရဲ့ ပြောင်းလဲမှုတွေကို မှတ်တမ်းတင်ပေးတဲ့ Version control system တစ်ခုပါ။

H – Hosting
မိမိရဲ့ Website သို့မဟုတ် App ကို အွန်လိုင်းပေါ်ကနေ လူတိုင်း မြင်တွေ့နိုင်အောင် လုပ်ဆောင်ပေးတာပါ။

I – IDE (Integrated Development Environment)
Code တွေ ရေးသားစီမံဖို့ အသုံးပြုတဲ့ Software တွေဖြစ်ပါတယ်။ (ဥပမာ- VS Code)

J – JavaScript
Website တွေကို အသက်ဝင်လာအောင်နဲ့ Interactivity တွေ ထည့်သွင်းပေးတဲ့ Scripting language ပါ။

K – Keywords
SEO အတွက် အရေးပါသလို Programming language တွေမှာလည်း သီးသန့်သတ်မှတ်ထားတဲ့ စကားလုံးတွေဖြစ်ပါတယ်။

L – Lighthouse
Website တစ်ခုရဲ့ Performance နဲ့ Accessibility တွေကို စစ်ဆေးပေးတဲ့ Tool ဖြစ်ပါတယ်။

M – MongoDB
Full-stack app တွေမှာ အသုံးများတဲ့ NoSQL Database တစ်ခုဖြစ်ပါတယ်။

N – Node.js
JavaScript ကို Server-side မှာ Run နိုင်အောင် လုပ်ဆောင်ပေးတဲ့ Runtime တစ်ခုပါ။

O – OAuth
Secure ဖြစ်တဲ့ Login နဲ့ Authorization တွေအတွက် အသုံးပြုတဲ့ Protocol ပါ။

P – PHP
WordPress လို platform တွေမှာ အဓိကသုံးတဲ့ Server-side language တစ်ခုဖြစ်ပါတယ်။

Q – Query Parameters
URL ကနေတစ်ဆင့် Server ဆီကို Data ပို့ဖို့အတွက် အသုံးပြုပါတယ်။

R – React
User Interface (UI) တွေ တည်ဆောက်ဖို့အတွက် သုံးတဲ့ JavaScript Library တစ်ခုပါ။

S – SEO (Search Engine Optimization)
Google လိုမျိုး Search engine တွေမှာ ကိုယ့် Website ကို ပိုပြီး ရှာတွေ့လွယ်အောင် ပြုလုပ်တာပါ။

T – TypeScript
JavaScript ကိုမှ Static typing ပါဝင်လာအောင် အဆင့်မြှင့်ထားတဲ့ Superset ဘာသာစကားပါ။

U – UI (User Interface)
App တစ်ခုရဲ့ အသုံးပြုသူနဲ့ ထိတွေ့ရတဲ့ အမြင်ပိုင်းဆိုင်ရာ အစိတ်အပိုင်းတွေ ဖြစ်ပါတယ်။

V – Vue.js
UI တွေ တည်ဆောက်ရာမှာ သုံးတဲ့ Progressive ဖြစ်တဲ့ JavaScript Framework တစ်ခုပါ။

W – Webpack
Web asset တွေကို ပိုပြီးမြန်ဆန်အောင် စုစည်းပေးတဲ့ Module bundler ဖြစ်ပါတယ်။

X – XML
Data တွေကို သိမ်းဆည်းဖို့နဲ့ ပို့ဆောင်ဖို့အတွက် သုံးတဲ့ Markup language တစ်မျိုးပါ။

Y – Yarn
npm လိုပဲ JavaScript package တွေကို စီမံခန့်ခွဲပေးတဲ့ Tool တစ်ခုပါ။

Z – Z-index
CSS မှာ Element တွေကို တစ်ခုပေါ်တစ်ခု ထပ်မယ့်အစီအစဉ်ကို ထိန်းချုပ်ပေးတဲ့ Property ဖြစ်ပါတယ်။

💬 ဒီလိုမျိုး ဗဟုသုတတွေ ထပ်သိချင်ရင် ❤️ ကို နှိပ်ခဲ့ပေးပါဦးဗျ!

#Tech4U #WebDevelopment #AZTech #ProgrammingMyanamr #LearningCode

Inheritance in Python 🐍