Ilhan Khondaker

React Js Roadmap 💥


Ilhan Khondaker

We Are Looking For Our Community Ambassador For Our Programming & Web Dev Community 👨‍💻👩‍💻
Apply link: https://forms.gle/xGjHMYJKdm3QPvCo6

We are looking for our community ambassador for our programming & web community .

আসসালামু আলাইকুম , আমাদের কমিউনিটি এম্বাসেডর কেনো নেওয়া হচ্ছে ???

আমাদের কিছু ব্যাসিক প্ল্যান রয়েছে যেমন
→ প্রতিমাসে ২ বা ৩টি করে ওয়ার্কশপ করা হবে ইনশাল্লাহ প্রোগ্রামিং এবং ওয়েব ডেভোলাপমেন্ট কন্টেন্ট ভিত্তিক।
→ বিগেনার যারা প্রোগ্রামিং এবং ওয়েব ডেভোলাপমেন্ট শিখতে চায় তাদের হেল্প করা
→ যারা শিখতে গিয়ে বিভিন্ন প্রব্লেম ফেস করে তাদের সাপোর্ট দেওয়া
→ বিভিন্ন ক্যম্পাস এবং জোন ভিত্তিক প্রোগ্রামিং এবং ওয়েব ডেভোলাপমেন্ট সম্পর্কে কনফারেন্স এবং মিটাপ করা।
→ প্রোগ্রমিং এবং ওয়েবে ডেভোলাপমেন্ট এর সঠিক গাইডলাইন এবং রোডম্যাপ ফলো করতে সাহায্য করা।
→ আমাদের প্রোগ্রামিং এবং ওয়েব ডেভোলাপ কমিউনিটি বিল্ডাপে আমাদের পার্ট হয়ে কাজ করাই হচ্ছে আমাদের কমিউনিটি এম্বাসেডরদের কাজ।
এখন তারা আমাদের হয়ে ফ্রিতে পাব্লিককে এই সার্ভিস দিলে এম্বাসেডরদের কি উপকার হবে বা কি লাভ তাদের ??
প্রথমেই বলে রাখি এটি আমাদের আনপ্রফিটেবল প্রজেক্ট, তবে আমরা আমাদের এম্বাসেডর নিয়ে সিক্রেট গ্রুপ করবো এবং তাদের স্কিল ডেভোলাপে আমরা ইনভেস্ট করবো যাতে করে তারা আমাদের কমিউনিটির বিগেনারদের সাহায্য এবং সাপোর্ট দিতে পারেন, এবং ক্যারিয়ার গাইডলাইনে থাকবে আমাদের পক্ষথেকে বিশেষ সাপোর্ট এবং আমাদের বিভিন্ন ক্লায়েন্ট প্রজেক্টে টিম হিসেবে কাজ করার সুযোগ ।

Apply link: https://forms.gle/xGjHMYJKdm3QPvCo6

Free Workshop on Web Development
Full Stack Web Developer হিসেবে ক্যারিয়ার শুরু করতে চান?কিন্তু কিভাবে শুরু করবেন বুজতে পারছেন না ? ইউটিউবে অনেক ফ্রি ভিডিও দেখছেন তবুও শিখতে পারছেন না ? তাহলে আমাদের ওয়েব ডেভেলপমেন্ট এর ওপর ফ্রি ওয়ার্কশপটি আপনার জন্য খুবই গুরুত্তপূর্ণ।

ওয়ার্কশপ সম্পূর্ণকারীদের জন্য থাকছে ওয়ার্কশপ কমপ্লিট সার্টিফিকেট এবং থাকছে ক্যারিয়ার গাইডলাইনে আমাদের পক্ষথেকে আইটি সাপোর্ট এবং আমাদের কমিউনিটি এম্ব্যাসিডর হয়ে কাজ করার সুযোগ ।

ক্লাস শুরু
তারিখ : ১৫/০২/২০২৩
সময় : (সন্ধ্যা ৭টা - ৯টা পর্যন্ত )।

তাহলে আর দেরি কিসের এখনি রেজিস্ট্রেশন করে ফেলুন নিচের লিংকে :
https://forms.gle/GmG7thaxbsntQJep7

আমাদের সাথে যোগাযোগঃ
Mobile: 01534-545945
Email: [email protected]

স্থান : ফাহাদ প্লাজা,৪র্থ তলা, মিউচুয়াল ট্রাস্ট ব্যাংক বিল্ডিং, মিরপুর ১০,ঢাকা।

Khondaker

Free Resources for all designer.... 😃


Ilhan Khondaker

Css Display


Ilhan Khondaker

Javascript Advance Cheat Sheet...


Ilhan Khondaker

Java Script Advance Concept


Ilhan Khondaker

Bad CSS Practices...




Learn With Ilhan Khondaker Ilhan Khondaker MERN Stack Developers Bangladesh

javaScript String Methods... 👨‍💻




Ilhan Khondaker Learn With Ilhan Khondaker MERN Stack Developers Bangladesh JavaScript Weekly Ilhan Khondaker

MostUseful Javaascript Tools

Ilhan Khondaker Ilhan Khondaker Learn With Ilhan Khondaker MERN Bangladesh MERN Stack Developers Community MERN Stack Developers Javascript Developers HTML, CSS, JavaScript, PHP

CSS Animation Library. . .



Ilhan Khondaker

Java Script Variables


Ilhan Khondaker
Ilhan Khondaker

Java Script All Operator...


Ilhan Khondaker Ilhan Khondaker

Java Script Object Methods... 👨‍💻


Ilhan Khondaker
Ilhan Khondaker

JS Guide: Conditional Statements


Ilhan Khondaker

React's 6 Main Hooks Explained 👨‍💻


ReactJS, Bangladesh
Ilhan Khondaker

Front-End Development এর জন্য কিছু প্রয়োজনীয় Tools
এই টুলস গুলা আপনার Front-End Development এবং Design এ অনেক হেল্প করবে ।
1. Color
এই ওয়েবসাইট থেকে আপনি অনেক অনেক colors Palette পেয়ে যাবেন।
Color Hunt - https://colorhunt.co/
Image color picker(image to color ) : https://imagecolorpicker.com/en
Flat Ui Colors : https://flatuicolors.com/

2. Icon
এই ওয়েবসাইটগুলো থেকে আপনি icon নিতে পারবেন বা চাইলে svg তে Download করতে পারবেন।
Font Awesome : https://fontawesome.com/
Bootstrap Icon : https://icons.getbootstrap.com/
SVG Repo : https://www.svgrepo.com/

3. Wave/Blob/Shape/Glassmorphism/Neumorphism
এই ওয়েবসাইটগুলো থেকে আপনি Wave/blob/shape SVG তে Download করতে পারবেন।
Haikei (all in one) - https://app.haikei.app/
Wavelry (wave) - https://wavelry.vercel.app/
Blob Maker (bolb) - https://www.blobmaker.app/
Softr (wave) - https://www.softr.io/tools/svg-wave-generator
Get Waves (wave) - https://getwaves.io/
Glassmorphism - https://css.glass/
Neumorphism - https://neumorphism.io/

4. Image/Video
এই ওয়েবসাইটগুলো থেকে আপনি Free Image/Video Download করে আপনার প্রোজেক্টটে ব্যাবহার করতে পারবেন।
Pexels - https://www.pexels.com/
Pixabay - https://pixabay.com/
Unsplash - https://unsplash.com/
Vecteezy - https://www.vecteezy.com/

5. Bowser Extensions (Chrome)

যেকোনো ওয়েবসাইট এ কি Font Use করছে এই Extension দিয়ে জানতে পারবেন
What Font - https://chrome.google.com/.../jabopobgcpjmedljpbcaablpmlm...

যেকোনো ওয়েবসাইট এ কি Color Use করছে এই Extension দিয়ে জানতে পারবেন
ColorPick Eyedropper - https://chrome.google.com/.../ohcpnigalekghcmgcdcenkpelff...

যেকোনো ওয়েবসাইট এ কি Card, Navbar ,Button etc এর CSS দেখতে পারবেন এই Extension দিয়ে
CSS viewer - https://chrome.google.com/.../ggfgijbpiheegefliciemofobhm...

যেকোনো ওয়েবসাইট এর যেকোনো কিছুর Size মাপতে পারবেন এই Extension দিয়ে
Page Ruler - https://chrome.google.com/.../jcbmcnpepaddcedmjdcmhbekjhb...

যেকোনো ওয়েবসাইট এর যেকোনো কিছুর Color Pick ্করতে পারবেন এই Extension দিয়ে
Color Zilla - https://chrome.google.com/.../bhlhnicpbhignbdhedgjhgdocnm...

Express.Js


Ilhan Khondaker

JavaScript For..in loop

JS Block Scope 👨‍💻


Ilhan Khondaker

JavaScript Function Call( )

Ilhan Khondaker

JS Arrow Function... 👨‍💻

Ilhan Khondaker

javascript Framework You Must Know. . . 👨‍💻

Ilhan Khondaker

ICPC World Champion 2022 💝

https://m.facebook.com/story.php?story_fbid=492282516268466&id=100064601653072

World Champion
Gold Medalist
Regional Champion - North America

Massachusetts Institute of Technology
11 problems solved

First to solve Problem C - Fair Division
25 minutes

First to solve Problem L - Where Am I?
30 minutes

First to solve Problem A - Crystal Crosswind
50 minutes

First to solve Problem E - Hand of the Free Marked
196 minutes

Javascript Life Basic Concept 🔥


Ilhan Khondaker

JavaScript Console Methods... 👨‍💻




Ilhan Khondaker

Git Command You Should Know 😃

CSS shorthand . . . 👨‍💻

Java Script Array Methods... 🔥

Ilhan Khondaker

MERN Stack Roadmap 👩‍💻🧑‍💻

VS Code Extension that helps you have a better code experience....

Ilhan Khondaker

Google Search Hacks.... 🔥


Ilhan KhondakerIlhan Khondaker

CSS এত রোমান্টিক কেন?
একটা ওয়েবসাইট তৈরিতে ডিজাইনের ক্ষেত্রে সব থেকে বেশী যে সিনট্যাক্সটি কাজ করে, সেটি হচ্ছে CSS । এইচটিএমল ডকুমেন্টের যেকোন এলিমেন্টকে স্টাইলিং বা একটা রুপ দিতে সিএসএস ব্যবহার হয়। CSS এমন একটা জিনিস যেখানে শুধু একটা বাড়তি কিংবা ভুল প্রোপার্টি আপনার কয়েকশ লাইনের স্টাইলকে অকেজো করে দিতে পারে। HTML কিংবা PHP'র মতো কোন এরর সিস্টেম নেই বলে ভুলটা কোথায় তা বুঝতে পারা আরেক মহা ঝামেলা। প্রত্যেক প্রোপার্টির কাজ না বুঝে খালি এটা ওটা চেঞ্জ করে এক্সপেরিমেন্ট করলেই CSS এ হতাশা জিনিসটা স্ট্রাইক করে বসবে।
যত হতাশাজনকই মনে হোক, এর কোন বিকল্প নেই। CSS ছাড়া ফ্রন্ট-এন্ড ডেভেলপারের মূল্যই নেই। তবে আশার কথা হলো, কোন মতে একবার এটি নিজের আয়ত্ত্বে আসলে আপনাকে আর কেউ ঠেকাতে পারবে না। প্রয়োজন শুধু একটানা লেগে থাকার মতো ধৈর্য্য এবং আগ্রহ।
হতাশা দূর করার মতো দু'একটা পরামর্শ:
প্রথমেই আসুন নতুন করে একবার CSS এর পূর্ণরূপটা জানি, CSS - Cascading Style Sheet । Style Sheet না হয় বুঝলেন, কিন্তু Cascading কি? এটা এমনি এমনি কিন্তু এর নামের সাথে যুক্ত হয়নি।
Cascade শব্দের সাধারণ অর্থ উপর থেকে নিচের দিকে প্রবাহিত হওয়া। প্যারেন্ট এলিমেন্ট এর স্টাইল এর চাইল্ড এলিমেন্টের উপর প্রভাব ফেলে, এই ধর্মের জন্যই এর নাম হয়েছে Cascading Style Sheet. অর্থাৎ, আপনি আপনার HTML ফাইলের প্যারেন্ট এলিমেন্টগুলোকে যে স্টাইল দেবেন, তার দারুণ একটা প্রভাব বিস্তার করবে চাইল্ড এলিমেন্টের উপর। চাইল্ড এবং পেরেন্টের সম্পর্ক বুঝলে এবং প্রয়োজনে কিভাবে চাইল্ড পেরেন্টকে ওভাররাইড করে সেটা জানা থাকলে height, width, margin, padding সম্পর্কিত বেশিরভাগ ঝামেলারই অবসান ঘটবে।
এরপর আরেকটা ভয়ঙ্কর CSS প্রোপার্টি হলো position! এই জিনিসটা প্রত্যেক বিগিনারই কোনো না কোনো সময় ভুলভাবে ব্যবহার করবেই। relative, absolute এর মানে বুঝুন ভালো করে, এর সাথে top, left, bottom, right এর সম্পর্ক কি তাও দেখে নিন।
পেরেন্ট এলিমেন্ট ক্লাসে লিখে দিলেন display: inline, এখানে inline কি সেই প্রশ্ন আসলে তার যথার্থ উত্তর দিতে জানতে হবে। সব display টাইপেরই আলাদা বৈশিষ্ট্য আছে, এর মাঝে আবার flex, grid কিংবা table এর ব্যাবহার অনেক বিস্তৃত।
float: left এবং clear: both এর ব্যাবহার এবং পরস্পরের সম্পর্ক বুঝুন।
শুরুর দিকে অ্যানিমেশনের ক্ষেত্রে একসাথে সবকিছু animation প্রোপার্টিতে লেখার পরিবর্তে আগে প্রত্যেকটা অ্যানিমেশন প্রোপার্টি আলাদাভাবে লিখতে শিখুন। অর্থাৎ animation: my-animation 5s infinite; না লিখে animation-name, animation-duration এবং animation-iteration-count এ ভেঙ্গে ভেঙ্গে লিখুন, এতে করে কোনটা কেমন behave করে তা আরও পরিষ্কারভাবে বুঝতে পারবেন। অ্যানিমেশনের সাথে ট্রানজিশন গুলিয়ে ফেলবেন না, দুইটাকে আগে আলাদাভাবে শিখুন।
HTML এ এক এর পর এক div যুক্ত করার বদভ্যাস আছে অনেকের, এটা পরিহার করুন। div কে শুধু wrapper হিসেবে ব্যাবহার করুন। অপ্রয়োজনীয় ট্যাগ মানেই বাড়তি ঝামেলা, এই দিকটা খেয়াল রাখুন।
CSS এর ফান্ডামেন্টাল শিখেই তা দিয়ে একটা সাইট বানানোর মতো কাজ করতে যাবেন না। CSS-Tricks, কোডপেন এর মতো সাইট গুলোতে নিয়মিত ভিজিট করুন। বিভিন্ন মাইক্রো প্রজেক্টের মাধ্যমে নিজের ধারণাকে আরও উন্নত করুন।
মনে রাখবেন, দেখতে সোজা জিনিসই সবচেয়ে বেশি জটিলতার সৃষ্টি করে। এটা সার্বজনিন সত্য, একা একা শুধু নিজেকে দোষারোপ করা বোকামি। চালিয়ে যান, আপনাকে দিয়ে হবেই।



Ilhan Khondaker

if ( day == 256 )
{
printf( "Happy Programmers Day.");
}

May all programmers lead a bug-free life.

@