Mahmudul Hasan

Mahmudul Hasan Since 2019, I have worked as a UX UI Designer & Web Designer on Upwork, Fiverr, and local marketplaces.

I am sharing my knowledge and experience with those who want proper guidelines to achieve their goal. Since 2019, I've been working as a UX UI Designer, and Web and WordPress Developer.

09/10/2025

এটি একটি কোর্স সেলিং ওয়েব সাইটের পূর্ণাঙ্গ ল্যান্ডিং পেজ।

LMS ওয়েব সাইটের একটি ল্যান্ডিং পেজের কয়েকটি সেকশনের ডিজািইন।
09/10/2025

LMS ওয়েব সাইটের একটি ল্যান্ডিং পেজের কয়েকটি সেকশনের ডিজািইন।

HTML এ Semantic Markup কেন ব্যবহার করবেন:Expert এবং End User-এর সহজবোধ্যতা: যেহেতু Web-এ আমরা বিভিন্ন Content প্রদর্শন ক...
13/10/2024

HTML এ Semantic Markup কেন ব্যবহার করবেন:
Expert এবং End User-এর সহজবোধ্যতা:
যেহেতু Web-এ আমরা বিভিন্ন Content প্রদর্শন করে থাকি, তাই Expert-রা ওয়েবে HTML Semantic Elements ব্যবহার করে যেন End User যদি প্রতিবন্ধীও হয় তারা যেন Screen Reader-এর সাহায্য কন্টেন্ট চিনতে পারে।

On-page SEO সুবিধা:
HTML Semantic Markup ব্যবহার করলে সার্চ ইঞ্জিন Website-এর কন্টেন্ট গুলোকে ভালো ভাবে চিনতে ও বুঝতে পারে, যার ফলে সার্চ ইঞ্জিন Proper Keyword অনুযায়ী সাইটকে রেঙ্ক করাতে পারে।

সামগ্রিকভাবে, HTML Semantic Markup ব্যবহারকারীর User Experience এবং Expert দের দক্ষতা উভয়কেই উন্নত করে।

This is a "CSS all you need to know" full playlist where you can learn modern CSS zero to mastery.Lecture 03: Inline CSS...
09/06/2024

This is a "CSS all you need to know" full playlist where you can learn modern CSS zero to mastery.
Lecture 03: Inline CSS
https://youtu.be/7vaM9uzu-uo

Thanks to All.


This video is "CSS 3 Ways to Write: Inline CSS" of the "CSS All You Need To Know" playlist where you can learn modern CSS.Get help:Facebook Group: https://fa...

This is a "CSS all you need to know" full playlist where you can learn modern CSS zero to mastery.Lecture 02: Setting up...
04/04/2024

This is a "CSS all you need to know" full playlist where you can learn modern CSS zero to mastery.

Lecture 02: Setting up code editor
https://youtu.be/QNnQHpalLdo?si=h9eVMuA1GR4OYuPA

Thanks to All.


This video is "Setting up code editor" of the "CSS All You Need To Know" playlist where you can learn modern CSS.Get help:Facebook Group: https://facebook.co...

This is a "CSS all you need to know" full playlist where you can learn modern CSS zero to mastery.Lecture 1: Introductio...
10/03/2024

This is a "CSS all you need to know" full playlist where you can learn modern CSS zero to mastery.

Lecture 1: Introduction to CSS
https://youtu.be/KWM3nkRClu8?si=QpWLPAHijwvL6Pd2

Thanks to All

This is the "CSS all you need to know" playlist and this video is the introduction of this playlist and the modern CSS.Get help:Facebook Group: https://faceb...

This is a Figma component tutorial where I created an animated EMAIL INPUT FIELD. I'll be happy if you review it. It wil...
25/02/2024

This is a Figma component tutorial where I created an animated EMAIL INPUT FIELD. I'll be happy if you review it. It will be live on March 3, 2024, on YouTube. Thanks to All.

This is a Figma animated component tutorial, where I created an interactive and animated email input field. You'll be able to create that component very simi...

This is a Figma component tutorial where I created a responsive EMAIL INPUT FIELD. I'll be happy if you review it. It wi...
20/02/2024

This is a Figma component tutorial where I created a responsive EMAIL INPUT FIELD. I'll be happy if you review it. It will be live on February 25, 2024, on YouTube. Thanks to All.

This is a Figma responsive component tutorial, where I created a responsive email input field with Figma auto layout and constraints. You'll be able to creat...

This is a Figma animated component tutorial where I created a DROPDOWN MENU. I'll happy if you are review. It will be li...
12/02/2024

This is a Figma animated component tutorial where I created a DROPDOWN MENU. I'll happy if you are review. It will be live on February 18, 2024, on YouTube. Thanks to All.

This is a Figma animated component tutorial, where I created a dropdown menu with Prototype and Smart Animate. You'll be able to create that component very s...

28/01/2024

#ওয়েব_ডেভেলপমেন্ট_স্টোরি
ওয়েব ডেভেলপমেন্ট শিখতে আগ্রহী একজন আমাকে জিজ্ঞেস করেছে, ভাইয়া! আমি কি ৬ মাসের মধ্যে শুধু বেসিক এইচটিএমএল, সিএসএস শিখে ১/২ টা সিএসএস ফ্রেমওয়ার্ক শিখে, বেসিক জাভাস্ক্রিপ শিখে তার ফ্রেমওয়ার্ক ও লাইব্রেরী শিখে, মার্কেটপ্লেসে কাজ করতে পারব কিংবা কোথাও জব করতে পারব?

আমি পাল্টা প্রশ্ন করেছি, শুধু বেসিক শিখে মার্কেটপ্লেসে কাজ করতে পারবে বা লোকালি জব করতে পারবে এই আইডিয়াটা তোমাকে কে দিয়েছে বা কোথা থেকে পেয়েছো? সে বলে তার পরিচিত এক ভাই দিয়েছে, সে নাকি জব করতেছে। আমি আবার জিজ্ঞেস করলাম, সত্যি উনি এই কথা বলেছেন? সে বলে, জ্বী!

এরপর আমি আসলে কি উত্তর দিব তার প্রশ্নের বুঝতেছিলাম না। তাই আমি বলেছি, তুমি যেমন খুবই উৎসাহী শিখার জন্য, ঠিক আমি তার থেকে বেশি কনফিউজ কি উত্তর দিব তোমার প্রশ্নের!

তবে শুধু এতটুকুন বলি, বেসিক শিখে কেউ কখনো ভাল কিছু করতে পারে না। যদি তুমি সত্যিই একজন দক্ষ ওয়েব ডেভেলপার হতে চাও, তাহলে বেসিক শিখে, এক্সপার্ট হতে হবে, খুঁটি-নাটি বুঝতে হবে, কমপক্ষে ১০ টা কমপ্লেক্স প্রজেক্ট নিজে নিজে কমপ্লিট করতে হবে পোর্টফলিও হিসেবে। তারপর মার্কেটপ্লেসে কাজ কিংবা জবের জন্য এপ্লাই করবে। ইন শা আল্লাহ্, তবেই ভাল কিছু করতে পারবে।

Moral of the Story, ওয়েব ডেভেলপার হয়ে ভাল কিছু করতে হলে, যে যে চিন্তা মাথা থেকে বের করে ফেলে দিতে হবে!
১) ৬ মাসের মধ্যে ওয়েব ডেভেলপমেন্ট শিখে ফেলব আর মার্কেটপ্লেসে কাজ কিংবা জব করা শুরু করে দিব।
২) শুধু বেসিক শিখতে পারলেই হবে আর কিছু ফ্রেমওয়ার্ক শিখতে পারলেই শিখা শেষ।
৩) অন্যের ইনকাম দেখে বা সে যে স্কিল দিয়ে ইনকাম করতেছে তা দেখে কোন কিছু না ভেবেই ঐ স্কিলই শিখতে হবে।

19/01/2024


Tech Industry হচ্ছে একটা পরিবারের মত। ভাবুন তো একবার, আপনার পরিবারে সবাই যদি বাবা কিং মায়ের ভূমিকা পালন করতে চাইত, তাহলে কি সেটাকে পরিবার বলা যেত বা হত? উদাহরণ হিসেবে বললাম।

দুশ্চিন্তার বিষয় হল, এই ইন্ডাস্ট্রিতে নতুন যারাই আসতেছে বা আসতে চায় তারা হাতে গুনা কয়েকটা বিষয়ই শিখতে চায়। যেমনঃ Digital Marketing, UX UI Design, Web Development, Video Editing ।

এই কয়েকটা স্কিল ছাড়া অন্য আরো অনেক স্কিল রয়েছে, সেগুলো শিখতে চেষ্টা কেউই করে না। এতে একদিকে যেমন Tech Industry এর পারিবারিক ভারসাম্য ঠিক থাকছে না, অন্যদিকে আপনি Common স্কিলে এক্সপার্ট হয়েও ভাল রেটে কাজ করতে পাচ্ছেন না।

#নতুনদের_প্রতি_সাজেশন_থাকলঃ
যে স্কিলে প্রতিযোগিতা কম, সেই স্কিলটাকে আপনার বেছে নেওয়া উচিত হবে বলে, আমি মনে করি। রিসোর্স কম থাকায়, আপনি এক্সপার্ট হতে পারলে, আপনার ডিমান্ড তৈরি হবে।

আজ থেকে ৫ বছর আগে যদি এমন একটা পোস্ট আমার চোখে পরত, আমার স্কিল ডেভেলপমেন্টের গল্পটা অন্য রকম হতে পারত।

সুতরাং ৩ টি বিষয় ভেবে আপনি সিদ্ধান্ত নিনঃ
১) যে স্কিলে প্রতিযোগীতা অনেক অনেক কম কিন্তু মার্কেটে কাজের চাহিদা প্রচুর রয়েছে এবং কাজের রেট ভাল। কেননা দিন শেষে আমার ইনকাম করার জন্যই শিখতেছি।

২) যে স্কিল অর্জন করলে, মার্কেটে পর্যাপ্ত কাজ রয়েছে এবং আপনি আপনার ডিমান্ড তৈরি করতে পারবেন তার উপর পর্যাপ্ত রিসার্স করতে হবে।

৩) মনে রাখবেন, এই মুহুর্তে আপনি কোন বিষয়ে দক্ষ নন, তাই অন্যের কথা শুনে বা ইনকাম দেখে আপনার জন্য কোন স্কিল সহজ বা কঠিন হবে, এটা চিন্তা করা বোকামী।
আপনি ১ং ও ২নং মাথায় রেখে, যে স্কিল শিখার সিদ্ধান্ত নিবেন ওটাই এক সময় আপনার কাছে সহজ হয়ে যাবে।
কারণ ২ + ২ = ৪, এটা যে না পারে তার জন্য পৃথিবীতে সব থেকে কঠিন, আর যে পারে তার জন্য সব থেকে কঠিন সরল অংকও অনেক সহজ হয়ে যায়।

#ইন্সটিটিউশন_এবং_মেন্টরদের_প্রতি_অনুরোধঃ
আপনাদের উপর ৩ টি দায়িত্ব বলে আমি মনে করি।
১) সামাজিক দ্বায়িত্ব
আপনার ইন্সটিটিউশনে হতে পারে আপনি ৩ বা ৪ টি বিষয়ে শিখাচ্ছেন। একজন স্টুডেন্টকে আপনি, ধারণা দিতেই পারেন, যে এই এই স্কিল গুলোতে প্রতিযোগীতা অনেক কম, এগুলো শিখতে পারো চাইলে। এতে করে বিভিন্ন বিষয়ে স্কিলড পারসন তৈরি হবে। আপনি ঐ বিষয়ে যারা ভাল শিখায় তাদেরকে রেফার করতে পারেন। Most probably তাকে Encourage করতে পারেন নতুন যে স্কিলে প্রতিযোগীতা কম।
এতে আমাদের Tech Industry এর পারিবারিক ভারসাম্য বজায় থাকবে। এরপর ও যদি কেউ আপনি যেগুলো শিখাচ্ছেন তা শিখতে চায়, সে ডিটারমাইন্ড। তখন শিখতে পারে। কম প্রতিযোগীতাপূর্ণ স্কিল শিখানোর জন্যও মেনন্টর তৈরি করা উচিত।

২) অর্থনৈতিক দ্বায়িত্ব
আপনি যে স্কিল শিখালেন, তা শিখিয়ে মার্কেটপ্লেসে না যেতে দিয়ে, তাকে দিয়ে আপনি আপনার প্রোফেশনাল কাজ করিয়ে নিন অনতত ৬ মাস। আমার মতে, যদি ৩ মাস বা ৬ মাস তাকে দিয়ে আপনার কাজ করিয়ে নেন। এতে আপনিও লাভবান আর সেও মার্কেটপ্লেসে কাজ করার উপযোগী হয়ে উঠবে। লো-বাজেটে কাজ করা থেকে বিরত থাকতে বলুন স্টুডেন্টদের। যে কোন একটা মার্কেটপ্লেসের সম্পর্কে ভাল ধারণা দিন, এবং একটা তেই কাজ কতে বলুন, কেননা সে যখন একাদিক মার্কেটে যাচ্ছে, পর্যাপ্ত জ্ঞান না থাকায় মার্কেটপ্লেসে স্পামিং করতেছে। তাকে কিছু কথা বলতে ভুলবেন না প্লিজ, যে সে যখন ইনটারন্যাশনাল মার্কেটে কাজ করতেছে এমন নয় যে সে শুধু ইনকাম করতেছে আর শেষ। বরং সে বাংলাদেশকে, এদেশের সকল স্কিল মানুষকে Represent করতেছে। এদেশের মানুষের শ্রমের মূল্য তৈরি করতেছেন সারা বিশ্ব বাজারে। যার ফলে উনি, আপনি, আমি, দেশ, দেশের অর্থনিতি সব কিছুতে লাভবান হব ইন শা আল্লাহ্।

৩) ব্যবসায়িক দ্বায়িত্ব
অবস্যই আপনি আপনার চলমান ব্যবসাকে এগিয়ে নিয়ে যাবেন, আমাদের আগামীদিনের পথ প্রদর্শক হয়ে। আমরা সকলে আপনাদের পাশে আছি। কেননা আপনারা না থাকলে হয়ত আমিও আজকের এই পোস্টটি করার যোগ্যতা অর্জন করতে পারতাম না।

আপনার সামাজিক, অর্থনৈতিক এবং ব্যবসায়ীক দ্বায়িত্ববোধ থেকে আমরা ভবিষতের জন্য উপকৃত হব ইন শা আল্লাহ্।

সকল ভুল ত্রুটি মার্জনীয়। আল্লাহ্ হাফেজ্।

12/01/2024

আপনি যদি ফুল স্ট্যাক ডেভেলপার হতে চান তাহলে আপনার জার্নিটা কেমন হবে, চলুন দেখা যাক। বলে রাখা ভাল, যা ডেভেলপ করা হচ্ছে, তার সাথে UX UI Design-এর সরাসরি সম্পর্ক রয়েছে এবং দিন যত যাচ্ছে UX UI design-এর চাহিদা তত বাড়তেছে।

1. Web Design
1.1. UX UI Design
1.2. UI to HTML Conversion

2. Web Development
2.1. Frontend Development
2.2. Backend Development

Address

Nikunja-2, Khilkhat
Dhaka
1229

Alerts

Be the first to know and let us send you an email when Mahmudul Hasan 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 Mahmudul Hasan:

Share

Category