Project: Website
(প্রজেক্ট: ওয়েবসাইট)
মিশন ১: ব্লুপ্রিন্ট ও কাঠামো (HTML) : নিজের হাতে বানাও প্রথম ওয়েবসাইট
লেখক: মোঃ গোলাম মুবাশশির রাফি ও আফসারা তাসনিম জোয়া
প্রাথমিক শিক্ষার্থী ও নতুন প্রোগ্রামারদের জন্য পরিকল্পিত একটি বিশেষ ডুয়াল-ইঞ্জিন শিক্ষণ পদ্ধতি। যেখানে বইয়ের পাতায় অফলাইন অনুশীলনের পাশাপাশি ক্লাউড স্টুডিওতে সরাসরি কোডিং চর্চার এক সমন্বিত অভিজ্ঞতা তৈরি করা হয়েছে।
২৬ পৃষ্ঠা ভেক্টর ম্যানুয়াল
আমাদের ভেতরের সকল পেজ ও ডিজিটাল টুলস
বই কেনা, ফ্রি স্যাম্পল পড়া, লাইসেন্স ভেরিফিকেশন এবং অন-দ্য-ফ্লাই পিডিএফ ওয়াটারমার্কিং—সবকিছু এক জায়গায়:
বুকশেলফ ও ক্যাটালগ
আমাদের প্রকাশিত ফিল্ড-ম্যানুয়াল এবং আসন্ন কম্পিউটার সায়েন্স ও ফিনটেক বইসমূহ দেখুন।
ইন্টারেক্টিভ স্যাম্পল রিডার
বইটি কেনার আগে ব্রাউজারেই জুম কন্ট্রোল ও ফুলস্ক্রিন মোডে বাছাইকৃত পৃষ্ঠাগুলো পড়ে দেখুন।
ডিজিটাল লাইব্রেরি ও ভল্ট
ইমেইল বা লাইসেন্স কী (License Key) দিয়ে যেকোনো সময় আপনার ওয়াটারমার্কড বই রি-ডাউনলোড করুন।
ভেক্টর ওয়াটারমার্ক স্টুডিও
pdf-lib চালিত রিয়েল-টাইম ভেক্টর স্ট্যাম্পিং ইঞ্জিন দিয়ে কাস্টম রিভিউয়ার বা রিডার কপি তৈরি করুন।
ডুয়াল-ইঞ্জিন মডেল (The Dual-Engine Ecosystem)
বিশুদ্ধ ডিজিটাল টিউটোরিয়াল কপি-পেস্টে সীমাবদ্ধ রাখে, আবার কেবল বই তাৎক্ষণিক ফিডব্যাক দিতে পারে না। তাই এই সিস্টেমে দুটি ইঞ্জিন একসাথে কাজ করে:
ইঞ্জিন ১: ট্যাকটাইল ফিল্ড-ম্যানুয়াল
অফলাইন প্রিন্টেড / সিকিউর ওয়াটারমার্কড PDF
একটি সুবিন্যস্ত ফিল্ড-ম্যানুয়াল যাতে রয়েছে কনসেপচুয়াল ইলাস্ট্রেশন, আর্কিটেকচারাল ব্লুপ্রিন্ট, অফলাইন পেন্সিল-ট্রেসিং এবং 'ভাঙা ব্লক' বাগ-ট্র্যাপ এক্সারসাইজ। স্ক্রিনের বাইরে হাত দিয়ে আঁকার আনন্দ।
- পেন্সিলের পাতা (স্ক্রিন ছেড়ে অফলাইনে আঁকা ও মেলানো)
- সাইট ইঞ্জিনিয়ার 'ব্লকু' (Blocku) ক্যারেক্টার গাইড
- ভেক্টর ওয়াটারমার্কড নিজস্ব কপি সুরক্ষা
ইঞ্জিন ২: ক্লাউড স্যান্ডবক্স স্টুডিও
জিরো-সেটআপ ক্লায়েন্ট-সাইড ব্রাউজার IDE
কোনো সফটওয়্যার বা টার্মিনাল সেটআপের ঝামেলা ছাড়া ব্রাউজারেই সরাসরি কোড করার স্টুডিও। মোনাকো এডিটর, লাইভ আইফ্রেম রেন্ডারিং এবং সিন্থেসাইজড ওয়েব অডিও ফিডব্যাক।
- তিন-ঘরের পর্দা: মিশন সাথী, কোড-ঘর ও লাইভ প্রিভিউ
- নেক্সট.জেএস ১৬ + টার্বোপ্যাক চালিত রিয়েল-টাইম ইঞ্জিন
- বইয়ের সাথে সরাসরি সিঙ্ক করা ইন্টারেক্টিভ এক্সারসাইজ
কোড থেকে প্রিন্ট • স্ক্রিন ও কাগজের মেলবন্ধন
অ্যালগরিজম প্রেসের প্রতিটি প্রকাশনা একই মাস্টার সোর্স থেকে আধুনিক ভেক্টর ইঞ্জিনে রেন্ডার করা হয়—স্ক্রিনে ক্রিস্প স্পষ্টতা এবং অফলাইনে প্রিমিয়াম প্রিন্ট।
What If a Book Worked Like Software?
What If a Book Worked Like Software?
Write it once. Our parsers style and render every page as sharp vector type. Code to print.
One Manuscript, Two Editions
One Manuscript, Two Editions
Built for both: on screen crisp equations, and on paper careful margins with print-on-demand.
বাস্তব নির্মাণ রূপক (The Construction Metaphor)
প্রোগ্রামিংয়ের জটিল সিনট্যাক্সকে ভৌত জগতের পরিচিত রূপকে রূপান্তর করা হয়েছে যাতে শিশুরা সহজেই কোডের কাঠামো বুঝতে পারে:
১. জমি ও সীমানা
<html>, <head>, <body>
যেভাবে বাড়ি তৈরির আগে জমির সীমানা টানতে হয়, ঠিক সেভাবেই ওয়েবসাইটের মূল লেআউট ও সীমানা তৈরি করে এই ট্যাগগুলো।
২. ইট ও দেয়াল
<h1>–<h6>, <p>, <div>
সাইনবোর্ড বসানো এবং ঘরগুলোর দেয়াল গাঁথা। হেডিং আর প্যারাগ্রাফ হলো পুরো সাইটের স্ট্রাকচারাল উপাদান।
৩. পোস্টার ও দরজা
<img>, <a href="...">
দেয়ালে ফটো ফ্রেম টাঙানো এবং এক ঘর থেকে অন্য ঘরে যাওয়ার জাদুর পোর্টাল বা হাইপারলিংক তৈরি করা।
৪. রং ও সাজসজ্জা
CSS স্টাইলিং ও বক্স মডেল
দেয়ালের চুনকাম, ভেতরের নান্দনিক রঙ, মার্জিন ও প্যাডিং দিয়ে সম্পূর্ণ বাড়ির ইন্টেরিয়র ডিজাইন।
৫. বিদ্যুৎ ও অটোমেশন
জাভাস্ক্রিপ্ট ইন্টারঅ্যাকশন
বাটন চাপলে আলো জ্বলা, ডোরবেল বাজা আর স্বয়ংক্রিয় রিঅ্যাক্টিভিটি যুক্ত করা।
প্রতিটি মিশনের সুবিন্যস্ত আট ধাপ
বইয়ের প্রতিটি অধ্যায় একটি বাস্তব মিশন। একজন শিক্ষার্থী ধাপে ধাপে সমস্যা বুঝে নিজের হাতে সমাধান তৈরি করে:
মিশন ব্রিফিং
গল্প ও বাস্তব সমস্যা। মিশনের সুনির্দিষ্ট লক্ষ্য কী, তা পরিষ্কার বোঝা।
ইনভেন্টরি আনলক
নতুন ট্যাগ বা টুল। পরিচিত বাস্তবের জিনিসের সঙ্গে মিলিয়ে সহজে আয়ত্ত করা।
লাইভ কনস্ট্রাকশন
কোড টাইপ করে সরাসরি ব্রাউজারে প্রথম সাইট বানিয়ে ফেলা।
পর্দায় যেমন দেখাবে
কোড ঠিক থাকলে ব্রাউজার ঠিক কী আউটপুট প্রদর্শন করবে তার চাক্ষুষ যাচাই।
ভাঙা ব্লক (Bug-Trap)
সাধারণ ভুলগুলো কী কী এবং ত্রুটি খুঁজে সমাধান করার হ্যাকিং কৌশল।
পেন্সিলের পাতা
স্ক্রিন ছেড়ে কাগজে ফিরে আসা: দাগ টেনে মেলানো, শূন্যস্থান ও আঁকাআঁকি।
আজকের ফিল্ড মিশন
কাউকে সাহায্য ছাড়া নিজে নিজে সম্পন্ন করার রোমাঞ্চকর কোডিং চ্যালেঞ্জ।
পাওয়ার-আপ (Power-Up)
গভীরভাবে জানার বাড়তি টিপস ও কম্পিউটার সায়েন্সের লুকানো রহস্য।
ইন-মেমোরি ডায়নামিক ওয়াটারমার্কিং ইঞ্জিন
বইটির কোনো কপি সরাসরি ডিস্কে বা অনিরাপদ ক্লাউড ড্রাইভে সেভ থাকে না। প্রতিটি ক্রয়ের পর সার্ভারলেস র্যামে pdf-lib দিয়ে অন-দ্য-ফ্লাই ভেক্টর স্ট্যাম্পিং সম্পন্ন হয়:
Licensed to: Md Golam Mubasshir Rafi (rafi@gmrafi.com.bd) · License: PW1-BD-8921-X9 · Project: Website Vol. 1
Strictly for personal educational use. Unauthorized redistribution is prohibited.
ফাইল ডাউনলোড করার সঙ্গে সঙ্গে এই ওয়াটারমার্ক প্রতিটি পাতায় স্থায়ীভাবে তৈরি হয়ে যাবে।