DiYa Code

DiYa Code Write a code with us that light up your life. I know you have a question, "What does this name means?". For your help we have changed the name to "DiYa CoDE".

This actually means "Diya"/"a source of light" and "qod"/"code/computer code". Which can give you the real feel of this page type. You may already understand we work with code in this page and on another platform. So if you wanna learn something from our page or websites please follow us on all the platforms. Our new decision is to help the students of college of Bangladesh with their study in ICT realted subjects.

🟥 ICT - তথ্য ও যোগাযোগ প্রযুক্তি🟥 শ্রেণিঃ ১১/১২🟥 অধ্যায়ঃ ৪র্থ - ওয়েব ডিজাইন পরিচিতি এবং HTML⬜️🟩 ওয়েব/WEB/WWW:ইন্টারনেটের...
18/11/2022

🟥 ICT - তথ্য ও যোগাযোগ প্রযুক্তি
🟥 শ্রেণিঃ ১১/১২
🟥 অধ্যায়ঃ ৪র্থ - ওয়েব ডিজাইন পরিচিতি এবং HTML
⬜️
🟩 ওয়েব/WEB/WWW:
ইন্টারনেটের মাধ্যমে এক কম্পিউটার থেকে অন্য কম্পিউটারে তথ্য আদান প্রদানের অন্যতম মাধ্যম বা পদ্ধতি বা system বা প্রকৃয়া হচ্ছে ওয়েব।
WWW: World Wide Web
⬜️
🟩 ইন্টারনেট:
ইন্টারনেট হলো সারা পৃথিবী জুড়ে বিস্তৃত, পরস্পরের সাথে সংযুক্ত অনেকগুলো কম্পিউটার নেটওয়ার্কের সমষ্টি যা জনসাধারণের জন্য উন্মুক্ত এবং যেখানে IP বা ইন্টারনেট প্রটোকল নামের এক ব্যবস্থার মাধ্যমে ডেটা আদান-প্রদান করা হয়।
অর্থাৎ অনেক গুলো কম্পিউটারকে তার বা অন্য কোনো মাধ্যমে সংযুক্ত করা হচ্ছে ইন্টারনেট আর সেই সংযুক্ত কম্পিউটার গুলোর একটি থেকে আরেকটি কম্পিউটারে তথ্য আদান-প্রদানের একটি বহুল ব্যবহৃত পদ্ধতি বা ব্যবস্থা হল ওয়েব।
⬜️
🟩 IP address:
কোনো কম্পিউটার নেটয়ার্কে যুক্ত প্রতিটি মেশিনকে আলাদা আলাদা ভাবে চিহ্নিত করার জন্য যে সাংখ্যিক নামে দেওয়া হয় সেই সাংখ্যিক নামকে IP address বলে। একটি কম্পিউটার আরেকটি কম্পিউটারের সাথে যোগাযোগ করার জন্য তাদের IP address ব্যবহার করে তথ্য আদান-প্রদান করে। IP address হচ্ছে নেটোয়ার্কে কম্পিউটার বা মেশিনটির ঠিকানা।
⬜️
🟩 Hypertext
HTML tag বা hyper tag ব্যবহার করে যে লেখা ব্রাউজারে প্রদর্শন করা হয় সেগুলোই hypertext.
অর্থাৎ ব্রাউজার ব্যবহার করে আমরা বিভিন্ন ওয়েব সাইট ব্যবহার করে যে সকল লেখা দেখি সেগুলো সবই hypertext.
⬜️
🟩 Hyperlink
Hyper tag ব্যবহার করে hypertext এর কোনো অংশকে যদি এমন ভাবে ডিজাইন করা হয় যে ঐ লেখাটি বা লিঙ্কটিকে ক্লিক করলে অন্য কোনো document ওপেন হয় তবে সেই লিঙ্কটিকে hyperlink বলে।
⬜️
🟩 Hypermedia
Hyper tag ব্যবহার করে কোনো ছবি, অডিও, ভিডিও ইত্যাদিকে ব্রাউজারে প্রদর্শন করা হলে সেই সকল মিডিয়াকে hypermedia বলে।
⬜️
🟩 Web browser
Hypertext এ বা hyper tag ব্যবহার করে লিখিত পেজ বা ডকুমেন্টকে প্রদর্শনের জন্য যে সকল applications ব্যবহার করা হয় তাদেরকে browser বা web browser বলে। যেমনঃ অপেরা, ক্রোম, মোজিলা ফায়ারফক্স, সাফারি ইত্যাদি।
⬜️
🟩 Static website
যে সকল ওয়েব সাইট শুধু দেখা যায় কিন্তু ব্যবহারকারি নিজের ইচ্ছা মত কিছু ইনপুট দিতে পারে না বা ওয়েবসাইটের কোনো অংশ পরিবর্তন করতে পারে না তাদেরকে static website বলে।
⬜️
🟩 Dynamic website
যে সকল ওয়েব সাইটের তথ্য ব্যবহারকারী ইচ্ছা মত পরিবর্তন করতে পারে, সংযোগ করতে বা বাদ দিতে পারে এবং কোনো নির্দিষ্ট ইনপুট প্রদানের ফলে কাংখিত আউটপুট পায় সেই সকল ওয়েব সাইটকে dynamic website বলে। যেমনঃ diyaqod.blogspot.com, google.com, facebook.com ইত্যাদি।
⬜️
🟩 ওয়েব সাইটের অংশ
ইন্টারনেটে কম্পিউটার গুলো ক্লায়েন্ট-সার্ভার পদ্ধতিতে সংযুক্ত থাকে। ক্লায়েন্ট হল সেই সকল কম্পিউটার যেগুলো আমরা ব্যবহার করি। এগুলোর ক্ষমতা কম। আর সার্ভার হল উচ্চ ক্ষমতাসম্পন্ন কম্পিউটার। ক্লায়েন্ট বা আমাদের পক্ষে সব কিছু আমাদের কম্পিউটারে সেইভ করে রাখা সম্ভব নয়। বা অনেক কাজ আমাদের ক্ষুদ্র কম্পিউটারে করা সম্ভব নয়। তাই আমরা ফাইল গুলো সার্ভারে জমা রাখি। যখন আমাদের কোনো একটি ফাইল প্রয়োজন তখন আমরা সার্ভারে request পাঠাই যে আমাদের একটি ফাইল দরকার। তখন সার্ভারের কাছে যদি সেই ফাইলটি থাকে তখন সে সেই ফাইলটি আমাদের কাছে response হিসেবে পাঠায়। অন্যথ্যায় সার্ভার response করে বলে যে তার কাছে ফাইলটি নেই।
এভাবে চিন্তা করা যায়,
আপনি আপনার যে smartphone টি ব্যবহার করছেন সেটি হল ক্লায়েন্ট। আপনি ব্রাউজার ওপেন করে লিখলেন google.com। আপনি ইন্টারনেটের মাধ্যমে গুগলের সাথে সংযুক্ত। গুগলের কাছে একটি অনেক ক্ষমতাসম্পন্ন কম্পিউটার আছে যেটি সার্ভার। আপনার google.com লেখার ফলে গুগলের কম্পিউটারে একটি রিকুয়েস্ট গেল যে আপনি গুগলের হোম পেজটি দেখতে চাচ্ছেন। গুগল সেটি তার কম্পিউটার থেকে ইন্টারনেটের মাধ্যমে রেসপন্স হিসেবে আপনার কাছে পাঠিয়ে দিল। আপনি পেজটি দেখতে পেলেন।
আবার আপনি সেই পেজে থাকা সার্চ বক্সে গান এর নাম লিখলেন বা সেই তথ্যের জন্য রিকুয়েস্ট করলেন। সাবমিট বাটনে ক্লিক করতেই সেই নামটি গুগলের কাছে চলে গেল। গুগল তখন গানটি খুজে আপনার কম্পিউটারে সেটি রেস্পন্স হিসেবে পাঠিয়ে দিল। তারপর আপনি সেটি শুনতে পারলেন।
⬜️
🟩 Server এ ব্যবহৃত প্রোগ্রামিং ভাষা
PHP, SQL, Java, Python, Rubi ইত্যাদি।
⬜️
🟩 Client এ ব্যবহৃত প্রোগ্রামিং ভাষা
HTML, CSS, JavaScript ইত্যাদি।
⬜️
🟩 HTML, CSS
HTML = HyperText Markup Language
CSS = Cascading Style Sheet
HTML দিয়ে একটি ওয়াব পেইজে বিভিন্ন লেখা বা উপাদান যোগ করা হয়। তারপর CSS দিয়ে সেগুলোকে সুন্দর করে সাজানো হয়। JavaScript দিয়ে সেগুলোকে সক্রিয় করে তোলা হয়। কোন বাটনে প্রেস করলে কি হবে সেটি JavaScript দিয়ে করা হয়। সার্ভার সাইটের অনেক কাজ বা হিসাব নিকাশ JavaScript দিয়ে ক্লায়েন্ট সাইটেই করা যায়। এতে সার্ভারের উপর থেকে কিছুটা চাপ কমে।
⬜️
🟦
🟦

🟥 কিভাবে শুরু করবেন?⬜️আমাদের দেশের অধিকাংশ শিক্ষার্থীর desktop বা laptop নেই। কিন্তু android কমবেশী সবার কাছেই আছে। সেই ...
18/11/2022

🟥 কিভাবে শুরু করবেন?
⬜️
আমাদের দেশের অধিকাংশ শিক্ষার্থীর desktop বা laptop নেই। কিন্তু android কমবেশী সবার কাছেই আছে। সেই কথা বিবেচনা করে আমরা প্রথমেই আপনাদেরকে দেখাতে চাই কিভাবে আপনারা আপনার android phone দিয়েই HTML বা C++ এর coding গুলো করতে পারবেন। কারণ ICT বিষয়টার অধিকাংশই ব্যবহারিক। তাই হাতে কলমে না করলে আপনি অধিকাংশ বিষয়ই বুঝতে পারবেন না।
⬜️
প্রথমেই আপনাকে আপনার android phone এ ২টি Application download করতে হবে। যেহেতু আমাদের কলেজের সিলেবাসে ২ টি programming language নিয়ে আলোচনা করা হয়েছে তাই আমরা সেই দুইটি programming language নিয়েই কাজ করব। এর জন্য আলাদা আলাদা দুইটি application download করব। প্রথমটি হলঃ
⬜️
১। C++ প্রোগ্রামিং করার জন্য Cxxdroid - C/C++ compiler IDE (43MB)
Link: https://play.google.com/store/apps/details?id=com.kvassyu.coding2.cpp&hl=en&gl=US
২। HTML এ প্রোগ্রামিং করার জন্য TrebEdit (5.5MB)
Link: https://play.google.com/store/apps/details?id=com.teejay.trebedit&hl=en&gl=US
⬜️
চলুন আজকে আমরা এই দুইটি প্রোগ্রাম দিয়ে কিভাবে আমাদের প্রথম প্রোগ্রাম করব সেটি শিখে নেই।
⬜️
প্রথমেই যাচ্ছি C++ শেখার জন্য Cxxdroid প্রোগ্রামে।
১) Cxxdroid প্রোগ্রামটি Play Store থেকে download করে open করুন।
২) LET'S START এ Tap করুন।
৩) I am absolutely new to this নির্বাচন করে CONTINUE এ tap করুন।
৪) Learning, I am planing to learn C / C++ নির্বাচন করে CONTINUE এ tap করুন।
৫) Let's tweak some preferences থেকে Preserve files on exite এবং Dark theme এই দুইটি on করে বাকী গুলো off রাখুন।
৬) Projects consisting of multiple files নির্বাচন করে CONTINUE এ tap করুন।
৭) Subscription page থেকে বের হওয়ার জন্য উপরে ডান পাশের cross চিহ্নে tap করুন।
৮) Editor এ যা লেখা আছে সব মুছে দিন।
৯) নতুন করে এগুলো লিখুনঃ


int main(){
⬜️printf("Hello world!");
⬜️getch();
⬜️return 0;
}
⬜️
Facebook post এ লাইনের শুরুতে ফাকা দেওয়ার ব্যবস্থা নেই। তাই "⬜️" এগুলো দিয়ে লাইনের শুরুতে কিছু ফাকা দেওয়ার জন্য বলা হয়েছে। Editor এ অক্ষর / সংখ্যা / যতি চিহ্ন ছাড়া অন্য কিছু লেখা যাবে না। তাই কপি বা লেখার সময় এই "⬜️" চিহ্ন গুলো বাদ দিয়ে লিখুন বা কপি করুন।
⬜️
১০) এর পর উপরে File (📁) চিহ্নে tap করুন।
১১) তারপর Save as এ tap করুন।
১২) Cool এ tap করুন।
১৩) Public documents এ tap করুন।
১৪) Start এ tap করুন।
১৫) Use this folder এ tap করুন।
১৬) Allow এ tap করুন।
১৭) SELECT FOLDER এ tap করুন।
১৮) newfile.cxx এর যায়গায় Hello world.cpp লিখে SAVE এ tap করে file save করুন।
১৯) এবার Editor নিজে নিজেই open হলে নিচের ডান পাশের Play button এ tap করুন।
২০) আপনি যদি "Hello world!" লেখা দেখতে পান তবে কীবোর্ড থেকে যেকোনো একটি key press করুন।
২১) যদি [Program finished] লেখা আসে তবে আপনার কাজ শেষ।
২২) উপরের left arrow চিহ্নে tap করে সেখান থেকে বেরিয়ে যান।
⬜️
TrebEdit প্রোগ্রামে প্রথম HTML program কিভাবে লিখবেনঃ [Coming soon...]
⬜️
🟦
🟦

Address

Hatuvanga, Mirzanagar/1344, Ashulia, Dhaka
Savar

Alerts

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

Share