Lomho Dev

Lomho Dev Learn web development from scratch. Skill:
- Laravel
- PHP-MySQL
- HTML-CSS
- JavaScript
- Bootstrap
- React Native

๐Ÿ”น Simple Architecture Diagram for Web Application ๐Ÿ”นThis image shows a clear overview of how users access a web system fr...
18/11/2025

๐Ÿ”น Simple Architecture Diagram for Web Application ๐Ÿ”น

This image shows a clear overview of how users access a web system from their browser or mobile app and how the entire backend works behind the scenes.

โœจ Whatโ€™s happening in the diagram?

๐Ÿ‘ฅ Users
People access the system through a web browser or a mobile app.

๐ŸŒ DNS (Domain Name System)
When users visit app.demo.com, DNS translates the domain into the serverโ€™s IP address 172.16.254.254 so their device knows where to connect.

๐Ÿ–ฅ Web Tier
This is where the main application runs:

Server handles requests

Web App (JavaScript) processes logic

Cache (Redis) speeds up responses

๐Ÿ“ฆ Data Tier
The Database stores all the important data such as users, posts, transactions, etc.

๐Ÿ“ก Communication
The browser/app sends requests via HTTP, the web server processes them, fetches data, uses cache for performance, and returns results in HTML/JSON.

This simple 3-tier architecture (Client โ†’ Web Tier โ†’ Data Tier) is the foundation of most modern web & mobile applications today.

Source:
https://www.youtube.com/watch?v=adOkTjIIDnk

14/11/2025

Upload 16 files about 1GB in just miliseconds ๐Ÿฅต
Language: Go with Gin framework
Database: posgress

๐Ÿ’ก Your code doesnโ€™t need to be perfect to be valuable.Ugly code that works > beautiful code that doesnโ€™t exist.Iโ€™ve seen...
12/11/2025

๐Ÿ’ก Your code doesnโ€™t need to be perfect to be valuable.

Ugly code that works > beautiful code that doesnโ€™t exist.

Iโ€™ve seen beginners spend 3 days perfecting one button animation...
Meanwhile, they havenโ€™t shipped anything in 2 months.

Hereโ€™s what employers actually care about ๐Ÿ‘‡
โœ… Can you build features that work?
โœ… Can you ship them on time?
โœ… Can you debug when things break?

They donโ€™t care if your code is elegant.
They care if it solves the problem.

๐Ÿš€ Build it ugly. Ship it today. Make it pretty later.
Done is better than perfect.

Your messy portfolio with 10 shipped projects
beats someoneโ€™s โ€œperfectโ€ portfolio with 0 projects.

๐Ÿ‘‰ Stop optimizing. Start shipping.

๐Ÿ”ฅ แžแžปแžŸแž‚แŸ’แž“แžถแžŠแžถแž…แŸ‹ Laravel Octane + FrankenPHP vs Default Artisan Serve แžแŸ’แž„แŸƒแž“แŸแŸ‡แžแŸ’แž‰แžปแŸ†แž”แžถแž“แž’แŸ’แžœแžพแž€แžถแžšแžŸแžถแž€แž›แŸ’แž”แž„แž”แŸ’แžšแžพ wrk แžŠแžพแž˜แŸ’แž”แžธแž”แŸ’แžšแŸ€แž”แž’แŸ€แž”แž›...
11/11/2025

๐Ÿ”ฅ แžแžปแžŸแž‚แŸ’แž“แžถแžŠแžถแž…แŸ‹ Laravel Octane + FrankenPHP vs Default Artisan Serve

แžแŸ’แž„แŸƒแž“แŸแŸ‡แžแŸ’แž‰แžปแŸ†แž”แžถแž“แž’แŸ’แžœแžพแž€แžถแžšแžŸแžถแž€แž›แŸ’แž”แž„แž”แŸ’แžšแžพ wrk แžŠแžพแž˜แŸ’แž”แžธแž”แŸ’แžšแŸ€แž”แž’แŸ€แž”แž›แŸ’แž”แžฟแž“แž”แŸ’แžšแžแžทแž”แžแŸ’แžแžทแž€แžถแžšแžšแžœแžถแž„ Laravel Octane (FrankenPHP) แž“แžทแž„ Laravel default (artisan serve) แž“แŸ…แž€แŸ’แž“แžปแž„ Local แž˜แŸ‰แžถแžŸแŸŠแžธแž“แžšแž”แžŸแŸ‹แžแŸ’แž‰แžปแŸ† (MacBook Pro, M1)๐Ÿ˜Ž

๐Ÿ“Š แž›แž‘แŸ’แž’แž•แž›โ€ฆ
๐Ÿ”น Port 8080 (Octane + FrankenPHP)
Requests/sec โ‰ˆ 2,066
Latency โ‰ˆ 573ms
Transfer/sec โ‰ˆ 502KB/s
๐Ÿ”น Port 8001 (artisan serve)
Requests/sec โ‰ˆ 9.47
Latency โ‰ˆ 1.02s
Socket errors: 3,514

โšก แžŸแžšแžปแž”:
FrankenPHP แž‡แžฝแž™แž”แž„แŸ’แž€แžพแž“แžŸแž˜แžแŸ’แžแž—แžถแž–แžŠแž›แŸ‹แž‡แžถแž„ 200x แž›แžพแžŸ Laravel default server!
แž€แžถแžšแž”แŸ’แžšแžพ Octane แž‡แžถแž˜แžฝแž™ FrankenPHP แž˜แžทแž“แžแŸ’แžšแžนแž˜แžแŸ‚แž’แŸ’แžœแžพแžฒแŸ’แž™ response time แž›แžฟแž“แž”แŸ‰แžปแžŽแŸ’แžŽแŸ„แŸ‡แž‘แŸ แžแŸ‚แžขแžถแž…แž‘แž‘แžฝแž›แž”แžถแž“ throughput แžแŸ’แž–แžŸแŸ‹แžŸแž˜แŸ’แžšแžถแž”แŸ‹ concurrent requests แžŠแž›แŸ‹ 1200 connections ๐Ÿ˜ฎ

๐Ÿง  แžŸแŸแž…แž€แŸ’แžแžธแžŸแž“แŸ’แž“แžทแžŠแŸ’แž‹แžถแž“:
แž”แŸ’แžšแžŸแžทแž“แž”แžพแžขแŸ’แž“แž€แž…แž„แŸ‹แžขแž—แžทแžœแžŒแŸ’แž API แžฒแŸ’แž™แž˜แžถแž“แžŸแž˜แžแŸ’แžแž—แžถแž–แžแŸ’แž–แžŸแŸ‹ แžŸแžถแž€แž›แŸ’แž”แž„แž”แŸ’แžšแžพ Laravel Octane + FrankenPHP แž‚แžบแž‡แžถแž‡แž˜แŸ’แžšแžพแžŸแž›แŸ’แžขแž”แŸ†แž•แžปแžแžŸแž˜แŸ’แžšแžถแž”แŸ‹ production-level performance ๐Ÿš€

26/07/2025

Responsive menu with HTML-CSS
Watch on youtube: https://youtu.be/-a3SAgmUEwk

In this video, youโ€™ll learn how to:
โœ… Create a stylish navigation bar layout
โœ… Use Flexbox for responsive alignment
โœ… Media screen for resonsive
โœ… Implement a mobile-friendly menu with a toggle icon
๐ŸŽฏ Perfect for:
Beginners learning web design, students working on front-end projects, or anyone looking to create a sleek, professional navbar for their website or portfolio.
๐Ÿ“‚ Source Code: https://gitlab.com/.../responsive-navbar-from-top.html...
๐Ÿ› ๏ธ Tools Used:
HTML5
CSS3 (with Flexbox & Media Queries)
JavaScript (DOM manipulation)
๐Ÿ‘ Like this tutorial? Donโ€™t forget to LIKE, SUBSCRIBE, and hit the ๐Ÿ”” bell icon for more web development tips and tutorials!

๐Ÿ”ป Responsive Navbar Design with HTML, CSS & JavaScript ๐Ÿ”ปWelcome to this step-by-step tutorial where we build a clean and...
26/07/2025

๐Ÿ”ป Responsive Navbar Design with HTML, CSS & JavaScript ๐Ÿ”ป
Welcome to this step-by-step tutorial where we build a clean and responsive navigation bar using HTML, CSS, and vanilla JavaScript!

Watch on youtube: https://youtu.be/-a3SAgmUEwk

In this video, youโ€™ll learn how to:
โœ… Create a stylish navigation bar layout
โœ… Use Flexbox for responsive alignment
โœ… Media screen for resonsive
โœ… Implement a mobile-friendly menu with a toggle icon

๐ŸŽฏ Perfect for:
Beginners learning web design, students working on front-end projects, or anyone looking to create a sleek, professional navbar for their website or portfolio.

๐Ÿ“‚ Source Code: https://gitlab.com/learning6503230/html-css/-/blob/main/responsive-navbar-from-top.html?ref_type=heads

๐Ÿ› ๏ธ Tools Used:
HTML5
CSS3 (with Flexbox & Media Queries)
JavaScript (DOM manipulation)

๐Ÿ‘ Like this tutorial? Donโ€™t forget to LIKE, SUBSCRIBE, and hit the ๐Ÿ”” bell icon for more web development tips and tutorials!

Which one is ๐Ÿ†’ ๐Ÿ˜‚
01/07/2025

Which one is ๐Ÿ†’ ๐Ÿ˜‚

Here are 10 example promptsโ€”each crafted to show how keywords steer the AIโ€™s focus. The bolded words are the critical in...
30/06/2025

Here are 10 example promptsโ€”each crafted to show how keywords steer the AIโ€™s focus. The bolded words are the critical instructions that make your prompt precise and effective.

-Role & Task:
โ€œYou are an expert in medieval history. Summarize the key events leading to the Hundred Yearsโ€™ War in bullet points.โ€

-Tone & Format:
โ€œTranslate the following paragraph into formal English, preserving all technical terms.โ€

-Quantity & Topic:
โ€œList five creative blog post titles for a blog about sustainable living.โ€

-Comparison & Structure:
โ€œCompare Python and JavaScript in terms of performance, usability, and community support, providing a table.โ€

-Constraints & Details:
โ€œGenerate a weekly meal plan for a vegetarian diet under 2000 calories, including breakfast, lunch, and dinner.โ€

-Purpose & Audience:
โ€œDraft a professional email to a potential client requesting a project meeting, and include a polite closing.โ€

-Complexity Level:
โ€œExplain the concept of blockchain to a middle school student, using a simple analogy.โ€

-Step-by-Step & Tools:
โ€œCreate a step-by-step guide for deploying a Laravel 11 application to DigitalOcean, including all necessary commands.โ€

-Customer Focus & Tone:
โ€œWrite a customer support response apologizing for a delayed shipment, offering a discount code, and maintaining a friendly tone.โ€

-Analysis & Recommendations:
โ€œAnalyze the following dataset and provide a summary of trends, visualization recommendations, and potential next steps.โ€

Why these keywords matter:

You areโ€ฆ / Act asโ€ฆ sets the role and expertise level.

Summarize / List / Compare / Explain / Generate / Draft / Create / Write / Analyze define the action you want.

Bullet points / Table / Step-by-step guide specify the format.

Five / Weekly / Under 2000 calories impose quantitative constraints.

Friendly tone / Formal English / Simple analogy control the style and audience level.

By combining these elementsโ€”role, task, format, constraints, and toneโ€”you guide the model to deliver exactly what you need.

JavaScript Cheat sheet
18/06/2025

JavaScript Cheat sheet

แžŸแžผแž˜แžขแŸ„แž™แž‡แžฝแž”แžแŸ‚แžŸแžปแžแžŸแžทแžŸแžธแžŸแžฝแžŸแŸ’แžŠแžธ แžšแŸ€แž“แž†แžถแž”แŸ‹แž…แŸแŸ‡ แžŸแžšแžŸแŸแžšแž€แžผแžŠแž€แžปแŸ†แžฒแŸ’แž™แž˜แžถแž“แžขแŸแžšแžบ
12/04/2025

แžŸแžผแž˜แžขแŸ„แž™แž‡แžฝแž”แžแŸ‚แžŸแžปแžแžŸแžทแžŸแžธแžŸแžฝแžŸแŸ’แžŠแžธ แžšแŸ€แž“แž†แžถแž”แŸ‹แž…แŸแŸ‡ แžŸแžšแžŸแŸแžšแž€แžผแžŠแž€แžปแŸ†แžฒแŸ’แž™แž˜แžถแž“แžขแŸแžšแžบ

๐Ÿš€ แž”แŸ’แžšแž’แžถแž“แž”แž‘แž”แŸ’แžšแž…แžถแŸ†แžแŸ’แž„แŸƒแŸ– แž”แŸ†แžŽแŸ‚แž„แž—แžถแžšแž€แžทแž…แŸ’แž… MVC แž€แŸ’แž“แžปแž„แž€แžถแžšแžขแž—แžทแžœแžŒแŸ’แžแžœแŸแž”แžŸแžถแž™แž˜แžทแž“แžแžถแžขแŸ’แž“แž€แž”แŸ’แžšแžพ Laravel, Django แžฌ Rails โ€” แž›แŸ†แž“แžถแŸ† Model-View-Co...
11/04/2025

๐Ÿš€ แž”แŸ’แžšแž’แžถแž“แž”แž‘แž”แŸ’แžšแž…แžถแŸ†แžแŸ’แž„แŸƒแŸ– แž”แŸ†แžŽแŸ‚แž„แž—แžถแžšแž€แžทแž…แŸ’แž… MVC แž€แŸ’แž“แžปแž„แž€แžถแžšแžขแž—แžทแžœแžŒแŸ’แžแžœแŸแž”แžŸแžถแž™

แž˜แžทแž“แžแžถแžขแŸ’แž“แž€แž”แŸ’แžšแžพ Laravel, Django แžฌ Rails โ€” แž›แŸ†แž“แžถแŸ† Model-View-Controller (MVC) แž‚แžบแž‡แžถแž‚แŸ’แžšแžฟแž„แž…แž˜แŸ’แž”แž„แž€แŸ’แž“แžปแž„แž€แžถแžšแž”แž„แŸ’แž€แžพแžแžขแžถแž”แŸ‹แž•แŸ’แž›แžธแžแŸแžŸแžทแž“แžŠแŸ‚แž›แž˜แžถแž“แžšแž…แž“แžถแžŸแž˜แŸ’แž–แŸแž“แŸ’แž’แž›แŸ’แžข แž“แžทแž„แž„แžถแž™แžŸแŸ’แžšแžฝแž›แžแŸ‚แž‘แžถแŸ†แŸ”

๐Ÿ” MVC แž‡แžถแžขแŸ’แžœแžธ?
๐Ÿ‘‰ Model (แž˜แŸ‰แžผแžŒแŸ‚แž›) โ€“ แž‚แŸ’แžšแž”แŸ‹แž‚แŸ’แžšแž„แž‘แžทแž“แŸ’แž“แž“แŸแž™ แž“แžทแž„แž›แžผแž‡แžทแž€แžขแžถแž‡แžธแžœแž€แž˜แŸ’แž˜ (แžŠแžผแž…แž‡แžถ query แž‘แŸ… DB)
๐Ÿ‘‰ View (แž‘แžทแžŠแŸ’แž‹แž—แžถแž–) โ€“ แžขแŸ’แžœแžธแžŠแŸ‚แž›แžขแŸ’แž“แž€แž”แŸ’แžšแžพแž˜แžพแž›แžƒแžพแž‰ (HTML/CSS/JS)
๐Ÿ‘‰ Controller โ€“ แž‡แžถแž—แŸ’แž“แžถแž€แŸ‹แž„แžถแžšแžแž—แŸ’แž‡แžถแž”แŸ‹แžšแžœแžถแž„ Model แž“แžทแž„ ViewแŸ” แžœแžถแž”แŸ’แžšแž˜แžผแž›แž‘แžทแž“แŸ’แž“แž“แŸแž™แž–แžธแžขแŸ’แž“แž€แž”แŸ’แžšแžพแž”แŸ’แžšแžถแžŸแŸ‹ แž’แŸ’แžœแžพแž€แžถแžšแž‡แžถแž˜แžฝแž™ model แžšแžฝแž…แž”แž„แŸ’แž แžถแž‰แž–แŸแžแŸŒแž˜แžถแž“แž‘แŸ…แž€แžถแž“แŸ‹ ViewแŸ”

๐Ÿ’ก แž แŸแžแžปแžขแŸ’แžœแžธแž‚แžฝแžšแžšแŸ€แž“ MVC?
๐Ÿ‘‰ แžšแŸ€แž”แž…แŸ†แž€แžผแžŠแž”แžถแž“แž›แŸ’แžข แž„แžถแž™แžแŸ‚แž‘แžถแŸ†แŸ”
๐Ÿ‘‰ แž„แžถแž™แžŸแŸ’แžšแžฝแž›แž’แŸ’แžœแžพแž€แžถแžšแž‡แžถแž€แŸ’แžšแžปแž˜ (แžขแŸ’แž“แž€แžšแž…แž“แžถ, frontend, backend)แŸ”
๐Ÿ‘‰ แžŸแŸ†แžแžถแž“แŸ‹แžŽแžถแžŸแŸ‹แžŸแž˜แŸ’แžšแžถแž”แŸ‹แž€แžถแžšแž„แžถแžšแž‡แžถแž˜แžฝแž™ frameworks แž‡แžถแž…แŸ’แžšแžพแž“ แžŠแžผแž…แž‡แžถ Laravel, Vue, API, แž“แžทแž„ ReactแŸ”

๐Ÿ’ก แž€แžถแžšแž™แž›แŸ‹แžŠแžนแž„แžขแŸ†แž–แžธ MVC แž“แžนแž„แž‡แžฝแž™แžฒแŸ’แž™แžขแŸ’แž“แž€แž€แŸ’แž›แžถแž™แž‡แžถแžขแŸ’แž“แž€แžขแž—แžทแžœแžŒแŸ’แžแžŠแŸ‚แž›แž˜แžถแž“แžŸแž˜แžแŸ’แžแž—แžถแž–แžแŸ’แž–แžŸแŸ‹แŸ”

แžŸแŸ†แžŽแžฝแžšแŸ– แžแžพแž˜แžถแž“แžขแŸ’แžœแžธแž€แžพแžแžกแžพแž„แž–แŸแž›แžขแŸ’แž“แž€แž…แžผแž›แž”แŸ’แžšแžพแž”แŸ’แžšแžถแžŸแŸ‹ (login) แž“แŸ…แž€แŸ’แž“แžปแž„แž”แŸ’แžšแž–แŸแž“แŸ’แž’แž˜แžฝแž™ แžŠแŸ‚แž›แž”แŸ’แžšแžพแž”แŸ’แžšแžถแžŸแŸ‹ MVC?

๐Ÿ‘‡แžŸแžผแž˜แž…แžผแž›แžšแžฝแž˜แž…แž˜แŸ’แž›แžพแž™แž“แŸ…แžแžถแž„แž€แŸ’แžšแŸ„แž˜! ๐Ÿ‘‡
English: ----------------------------------------
๐Ÿš€ Topic of the Day: Understanding the MVC Architecture in Web Development

Whether you're using Laravel, Django, or Rails โ€” the Model-View-Controller (MVC) pattern is the foundation of clean and scalable web applications.

๐Ÿ” What is MVC?

Model โ€“ Handles the data and business logic (e.g., database queries).

View โ€“ What the user sees (HTML/CSS/JS).

Controller โ€“ Connects the Model and View. It processes user input, updates the model, and loads the right view.

๐Ÿ’ก Why Learn MVC?

Keeps your code organized and easy to maintain.

Makes it easier to work as a team (designers, frontend, backend).

Essential for working with modern frameworks like Laravel, React (in MVC style), and Vue with Laravel APIs.

๐Ÿ‘‰ Mastering this pattern will take your development to the next level.

๐Ÿง  Question for you: Can you explain what happens when a user submits a login form in an MVC app?

Drop your thoughts in the comments below! ๐Ÿ‘‡

#แž”แž…แŸ’แž…แŸแž€แžœแžทแž‘แŸ’แž™แžถแžœแŸแž”แžŸแžถแž™
#แžšแŸ€แž“Laravel
#แžขแž—แžทแžœแžŒแŸ’แžแž€แž˜แŸ’แž˜แžœแžทแž’แžธ
#แžšแŸ€แž“แž”แž„แŸ’แž€แžพแžแžœแŸแž”แžŸแžถแž™
#แž€แž˜แŸ’แž˜แžœแžทแž’แžธแžแŸ’แž˜แŸ‚แžš
#แž”แž„แŸ’แžšแŸ€แž“แž‚แŸ’แžšแž”แŸ‹แž‚แŸ’แžšแž„แž€แžผแžŠ









Address

National Road 3
Phnom Penh
12000

Telephone

+85585356767

Alerts

Be the first to know and let us send you an email when Lomho Dev posts news and promotions. Your email address will not be used for any other purpose, and you can unsubscribe at any time.

Contact The Business

Send a message to Lomho Dev:

Share