ওয়েব ডেভেলপাররা এই ধরনের ওয়েব পেজের নির্মাতা। আমরা এখানে কীভাবে সহযোগিতা করছি তা বিবেচনা করুন: আপনি, পড়ার দিক থেকে এবং আমি, HackerNoon-এর একজন সম্পাদকের সমর্থনে একজন ভাল লেখক হয়ে উঠছেন।
আপনি কি ডেভেলপারদের দেখতে পাচ্ছেন? সম্ভবত না, কারণ তারা একটি ভাল কাজ করেছে। আমরা সম্ভবত তাদের ওয়েব ডেভেলপমেন্টের ভবিষ্যত সম্পর্কে পড়তে পাব।
অন্যদিকে, আমি এই নিবন্ধটির সাথে যা অফার করছি, তা হল ওয়েব ডেভেলপারদের উত্থান, ব্রাউজারগুলির ইতিহাসের সাথে কীভাবে সম্পর্ক রয়েছে এবং কীভাবে তাদের সহযোগিতা ব্রাউজার বিকাশের সময়রেখাকে পুনরুজ্জীবিত করেছে তা বিরাম দেওয়ার এবং প্রতিফলিত করার একটি সুযোগ।
+
ওয়েবের প্রারম্ভিক দিনগুলিতে, অনেক সফ্টওয়্যার প্রকৌশলী ওয়েব পৃষ্ঠাগুলির পরিপ্রেক্ষিতে ওয়েব ডেভেলপমেন্টে খুব বেশি মনোযোগ দেননি। কেন তারা, ঠিক হবে? আপনি যদি একজন প্রকৌশলী হতেন, আপনি কি লোকোমোটিভ বা লোকোমোটিভ থেকে আসা প্রথম যাত্রী দেখে মুগ্ধ হবেন?
জ্যাসন কোটকে , হোম অফ ফাইন হাইপারটেক্সট প্রোডাক্টস থেকে, এটি ভাল লিখেছেন:
কলেজের বেসমেন্ট ফিজিক্স ল্যাবে প্রথমবারের মতো ওয়ার্ল্ড ওয়াইড ওয়েব সার্ফ করার জন্য NCSA মোজাইক ব্যবহার করা একটি ধর্মীয় অভিজ্ঞতার কাছাকাছি ছিল যতটা আমার আগে ছিল। এটি একটি বজ্রপাত যা আমার জীবনকে সম্পূর্ণরূপে বদলে দিয়েছে।
কিন্তু সেই প্রথম ছাপটি হ্যাকারদের (এবং চিত্রশিল্পীদের) ব্যবহারকারীর ইন্টারফেস দিক থেকে বিষয়টির কাছে যাওয়ার অনুমতি দেয়। অতএব, মোজাইক ব্রাউজারের উদ্ভাবন এবং উদ্ভাবন ওয়েব বিকাশের সুযোগগুলির সূচনা করে:
1993 সালের প্রথম দিকে,
সুপারকম্পিউটিং অ্যাপ্লিকেশনের জন্য জাতীয় কেন্দ্র ইলিনয় বিশ্ববিদ্যালয়ের (NCSA) তার মোজাইক ব্রাউজারের একটি প্রথম সংস্করণ প্রকাশ করেছে। এই সফ্টওয়্যারটি এক্স উইন্ডো সিস্টেম পরিবেশে চলে, গবেষণা সম্প্রদায়ে জনপ্রিয়, এবং বন্ধুত্বপূর্ণ উইন্ডো-ভিত্তিক মিথস্ক্রিয়া অফার করে। শীঘ্রই পরে NCSA PC এবং Macintosh পরিবেশের জন্য সংস্করণ প্রকাশ করে। এই জনপ্রিয় কম্পিউটারগুলিতে নির্ভরযোগ্য ব্যবহারকারী-বান্ধব ব্রাউজারগুলির অস্তিত্ব WWW এর বিস্তারের উপর অবিলম্বে প্রভাব ফেলেছিল।
লক্ষ্য করুন কিভাবে ব্রাউজারটি, একটি টুল হিসাবে, অনেক বোধগম্য হতে শুরু করেছে কারণ পিছনের অবকাঠামো সম্ভাব্যতা দেখায়:
বন্ধুত্বপূর্ণ ইন্টারফেসের কারণে এটি একটি পরাবাস্তব অভিজ্ঞতা ছিল যা সর্বত্র জ্ঞান অ্যাক্সেস করার সম্ভাবনা দেখিয়েছিল। একটি বন্ধুত্বপূর্ণ ইন্টারফেস হিসাবে ChatGPT ব্যবহার করার সময় আমি যেভাবে অনুভব করেছি তার থেকে সম্ভবত আলাদা নয় যা সর্বত্র জ্ঞান অ্যাক্সেস করার সম্ভাবনা দেখায়। নিম্নলিখিত নিবন্ধে মোজাইকের ইতিহাস এবং ওয়েবের উদ্ভাবন সম্পর্কে পড়া বিবেচনা করুন:
কিন্তু ওয়েব পেজ ছিল বেশ সহজ. সেই সময়ে, আমরা - কম্পিউটার বিজ্ঞানের ছাত্ররা - বেল ল্যাবসের ডেনিস রিচির এই মত তাদের পৃষ্ঠাগুলি কীভাবে সহজ ছিল তার দ্বারা স্মার্ট ব্যক্তিদের খুঁজে বের করব৷
যেহেতু আমি সেখানে একজন কৌতূহলী ব্যবহারকারী হিসেবে ছিলাম - কম্পিউটার বিজ্ঞানের বক্তৃতায় অংশ নিচ্ছিলাম না এবং ওয়েবের সাথে খেলছি না - আমিও একটি মেনু বিকল্পে হোঁচট খেয়েছি, ব্রাউজারে অন্তর্ভুক্ত , যা আমাদের ওয়েব পৃষ্ঠাগুলির উত্স দেখতে সক্ষম করেছে৷ এবং উপায় দ্বারা, প্রায় রাতারাতি যে মোজাইক ব্রাউজার Netscape বলা হয়.
জিম নিলসেন দ্য স্পিরিট অফ ভিউ-সোর্স- এ প্রতিফলিত করেছেন এবং চিহ্নিত করেছেন কীভাবে নেটস্কেপ ব্রাউজারটি ওয়েবের প্রতিটি পৃষ্ঠার জন্য - তাত্ক্ষণিকভাবে - শেখার সুযোগ সক্ষম করেছে৷
তার নিবন্ধে, তিনি কোডার্স বইয়ে ক্লাইভ থম্পসনের একটি পর্যবেক্ষণ উদ্ধৃত করেছেন
এখন, "ওয়েব" কে আশেপাশের সবচেয়ে জনপ্রিয় জিনিস হিসাবে চিত্রিত করার চেষ্টা করুন এবং কল্পনা করুন যে আমরা কতজন পৃষ্ঠাগুলির উত্স পরীক্ষা করছি অন্যদের কাছ থেকে ধারণাগুলি অনুলিপি করার জন্য এবং শেষ পর্যন্ত শেখার চেষ্টা করছি৷ এই ছিল "ভিউ-সোর্স দিন" যেখানে আমরা জাদু দেখতে পেতাম।
যদিও আমাদের এখনও আধুনিক ব্রাউজারগুলির মেনুতে "পৃষ্ঠার উত্স দেখুন" রয়েছে, আপনি যদি একটি ওয়েব পৃষ্ঠার উত্সটি দেখেন তবে আপনি সম্ভবত রহস্যময় কিছু দেখতে পাবেন:
আরেকটি ইনফ্লেকশন পয়েন্ট, ভালভাবে অনুভূত হয়েছিল, যখন নেটস্কেপ (আবার) জাভাস্ক্রিপ্ট সক্রিয় করেছিল - প্রোগ্রামিং ভাষা - যা ওয়েব ডেভেলপারদের ওয়েব পৃষ্ঠাগুলির নির্দিষ্ট দিকগুলি নিয়ন্ত্রণ করতে এবং মিথস্ক্রিয়া নিয়ন্ত্রণের জন্য স্ক্রিপ্ট তৈরি করতে দেয়।
Brendan Eic h, JavaScript এর উদ্ভাবক এবং Brave Software The Browser that cares about your Privacy , আমাদের একটি স্লাইড দিয়েছেন যা ওয়েবের দেশে জাভাস্ক্রিপ্টের নায়কের যাত্রার সংক্ষিপ্ত বিবরণ দেয়৷ তার পয়েন্টগুলি আমাদের দেখতে সাহায্য করে যে জাভাস্ক্রিপ্ট সর্বদা মার্জিত হিসাবে দেখা যায়নি তবে দিনের শেষে এটি ব্যাপকভাবে ব্যবহৃত হচ্ছে - এবং উন্নতি অব্যাহত রয়েছে।
নিম্নলিখিত স্ক্রিনশটটি Netscape 2 ব্রাউজার ইন্টারফেস থেকে আহ্বান করা একটি সতর্কতা বাক্স দেখায়। ওয়েব ডেভেলপাররা জাভাস্ক্রিপ্ট ব্যবহার করে ভিজ্যুয়াল অ্যালার্ট চালু করতে (তাদের কোড ডিবাগ করতে) এবং ওয়েব ফর্ম নিয়ন্ত্রণ, ইনপুট ফর্মের মান যাচাই এবং অন্যান্য ব্যবহারের ক্ষেত্রে অসম্ভব জিনিসগুলি করতে।
বলা বাহুল্য যে একজন কৌতূহলী ব্যবহারকারী "ভিউ সোর্স" এর মাধ্যমে একটি পৃষ্ঠায় জাভাস্ক্রিপ্ট সম্পর্কে জানতে পারে। এইচটিএমএল পৃষ্ঠাটি এমন একটি খাম যা সাইটের এইচটিএমএল উপাদান, হাইপারলিঙ্ক, ছবি, শৈলী এবং জাভাস্ক্রিপ্ট কোডের মাধ্যমে উপস্থাপনা এবং যৌক্তিক কাঠামোর একটি বিশাল চুক্তি প্রকাশ করে।
আর আরেকটি সুযোগ চালু করা হয়েছে HTML-এ <layer> নামে একটি নতুন ট্যাগের মাধ্যমে। আগের দিনে, 1997 সালের দিকে, নেটস্কেপ ডেভেলপারদের জন্য নতুন এপিআই সহ নেটস্কেপ কমিউনিকেটর প্রিভিউ রিলিজ চালু করেছিল। একটি প্রেস রিলিজ অনুসারে, " ডাইনামিক HTML হল HTML এর জন্য একটি উল্লেখযোগ্য মাইলফলক, যা ডিজাইনারদের ওয়েব পেজ লেআউটের উপর আরো নমনীয়তা এবং নিয়ন্ত্রণ প্রদান করে, এবং ব্যবহারকারীদের ইন্টারঅ্যাক্টিভিটির একটি বৃহত্তর ডিগ্রি প্রদান করে। "
পরে <layer /> ট্যাগটি <div /> হয়ে যায়। সেই সময়ের প্রযুক্তিগত উদ্ভাবনটি HTML এর একটি ভিজ্যুয়াল টুকরো, একটি উপাদানকে অন্যটির উপরে স্থাপন করার ক্ষমতার সাথে সম্পর্কিত ছিল, কারণ নিম্নলিখিত 3D চিত্রটি প্রথম দিকের DHTML টেকনোটগুলির একটি থেকে দেখায়।
আপাতত, আপনি 1997 থেকে নিম্নলিখিত প্রদর্শনটি অনুভব করতে পারবেন না তবে সেই ট্রেনটি (যেটি কেবল একটি চিত্র ছিল) কল্পনা করার চেষ্টা করুন যেন এটি আপনার দিকে আসছে।
কৌশলটি একটি অ্যানিমেশনের বিভ্রম তৈরি করে বিভিন্ন আকারের চিত্রগুলির দৃশ্যমানতা টগল করতে জাভাস্ক্রিপ্ট ব্যবহার করে। পৃষ্ঠাটি অন্য কিছু পদ্ধতি ব্যবহার করে একটি লোকোমোটিভের শব্দও চালু করেছে।
সেই মুহুর্তে, ব্রাউজার যুদ্ধ তার শীর্ষে, বিকাশকারীরা যারা নেটস্কেপের জন্য পৃষ্ঠাগুলি লিখতে শুরু করেছিল, আমার মতো, তারা আমার বিপরীতে ইন্টারনেট এক্সপ্লোরারের জন্য পৃষ্ঠাগুলি তৈরি করতে শুরু করেছিল। এই পার্থক্যগুলি - এবং প্রয়োজনীয় দক্ষতাগুলি - বিকাশকারীদের ওয়েব ডেভেলপার হিসাবে নিয়োগের কারণ হিসাবে অবদান রাখে৷ DHTML আন্দোলনের মাত্রা এবং জটিলতা 1000+ পৃষ্ঠার এই জনপ্রিয় বইটির লেখা বিষয়বস্তুর সাথে সম্পর্কযুক্ত।
ব্রাউজার যুদ্ধের একটি প্রধান ফলাফল হল যে নেটস্কেপ তার সোর্স কোড ওপেন সোর্স হিসাবে প্রকাশ করেছে। প্রজেক্ট কোড রাশ- এ নথিভুক্ত হিসাবে মোজিলা নামটি এখানেই উপস্থিত হয়। সেই প্রক্রিয়াটি ছিল কৌশলগত, জটিল এবং ঝুঁকিপূর্ণ। তৎকালীন সিইও জিম বার্কসডেল দ্বারা স্বীকৃত হিসাবে এটি একটি সাহসী পদক্ষেপ ছিল:
“ঠিক আছে, এটা অবশ্যই আমার আশা যে বিপুল পরিমাণ নতুন লোক যা কোনো একটি কোম্পানিই কোনো পণ্যে কাজ করার সামর্থ্য রাখে না - এখন নেটস্কেপ নেভিগেটর কমিউনিকেটর-এ অবদান রাখছে - পণ্যের উন্নতিতে উল্লেখযোগ্য পার্থক্য আনবে। এটি যে কোনও প্রতিযোগীর বিরুদ্ধে কীভাবে কাজ করে, তা দেখা বাকি রয়েছে। জিম বার্কসডেল @ কোড রাশ 2013
ওপেন সোর্স ফাউন্ডেশন ছাড়াও, মজিলার একটি মূল কৌশল ওয়েব ডেভেলপারদের মনোযোগ আকর্ষণ করেছে - এর ওয়েব স্ট্যান্ডার্ড সমর্থন। এতে সাহায্য করার জন্য, Netscape প্রযুক্তি প্রচারকদের একটি নতুন দলকে একত্র করেছে৷ তাদের মধ্যে, এরিক মেয়ার সিএসএস গুরু যিনি ডেভেলপারদের মধ্যে সেলিব্রিটি মর্যাদা অর্জন করেছেন। তাদের কারণ ওয়েব ডেভেলপারদের চাহিদার সাথে অনুরণিত - মালিকানাগত পার্থক্যের অবসান ঘটাতে এবং সমস্ত ব্রাউজারগুলির সাথে কাজ করা পৃষ্ঠাগুলি বাস্তবায়নের জন্য একটি সাধারণ ভিত্তি রয়েছে৷ এরিক আমাদের লড়াই উদযাপন করেছে:
মনে রাখবেন যে উপরেরটি একটি বড় ছবির একটি ছোট অংশ। এর আরেকটি অংশ ছিল মজিলার ডকুমেন্টেশন প্রচেষ্টা, যা পরবর্তীতে মোজিলা ডেভেলপার নেটওয়ার্ক হিসাবে বেড়েছে।
ডেভেলপাররা যেমন মান-সম্মত উপায়ে ওয়েব পৃষ্ঠাগুলিকে ঠিক করতে নিজেদের সাহায্য করছিল, তারাও পৃষ্ঠাগুলিকে সীমার দিকে ঠেলে দিচ্ছিল। এই সেই দিনগুলি ছিল যখন জিমেইলের মতো ব্যবহারের ক্ষেত্রে এবং ওয়েব পরিষেবাগুলির মতো উদ্যোগগুলি আমাদেরকে একক-পৃষ্ঠার অ্যাপ্লিকেশনগুলির ধারণাটি বিবেচনা করতে সক্ষম করেছে - যদি একটি ওয়েব পৃষ্ঠা সফ্টওয়্যার অ্যাপ্লিকেশনগুলির মতো কাজ করতে পারে? নিম্নলিখিত নিবন্ধগুলি দেখায় যে সেই সময়ে ধর্মপ্রচারকরা কী লিখছিলেন:
এই প্রচেষ্টা সত্ত্বেও, পুরানো পশ্চিম থেকে একটি প্রবর্তন বিন্দুও এসেছিল। 2005 সালে, সান ফ্রান্সিসকো থেকে জেসি জেমস গ্যারেট, " Ajax: A New Approach to Web Applications " শিরোনামে একটি মূল নিবন্ধ লিখেছিলেন, জেসি ছিলেন একজন ব্যবহারকারীর অভিজ্ঞতা ডিজাইনার যা বিশ্বব্যাপী ওয়েব বিকাশকে প্রভাবিত করেছিল। AJAX একটি জনপ্রিয় শব্দ হয়ে উঠেছে যা ডেভেলপারদের দ্বারা ইন্টারঅ্যাক্টিভিটি যোগ করার এবং ওয়েব অ্যাপ্লিকেশনগুলির আচরণ তৈরি করার অভিপ্রায় জানাতে ব্যবহৃত হয়।
আপনি যদি একটি একক-পৃষ্ঠা অ্যাপ্লিকেশন তৈরি করার জন্য কাউকে নিয়োগ করতে চান, তাহলে আপনাকে একজন ওয়েব বিকাশকারী নিয়োগ করতে হবে যে AJAX জানত:
মোজিলা প্রজেক্ট এখন ফায়ারফক্সের সাথে গল্পটি চালিয়ে গেছে। ফায়ারফক্স মজিলার পণ্য বহন করে এবং কর্মক্ষমতা, নিরাপত্তা এবং মান সমর্থনের ক্ষেত্রে একটি প্রস্তুতির স্তরে পৌঁছেছে। কিন্তু টার্নিং পয়েন্ট ছিল যে এটি ডেভেলপারদের আস্থা অর্জন করেছে বাজারের শেয়ার দ্বারা ন্যায্য নয় বরং অন্তর্নির্মিত সরঞ্জামগুলির কারণে যা তাদের পৃষ্ঠাগুলি পরীক্ষা করতে এবং সমস্যা সমাধানে সহায়তা করেছিল।
ফায়ারবাগ এক্সটেনশন - জো হিউইটের লেখা যা নেটস্কেপে কাজ করেছিল - 2006 সালে এসেছিল এবং সেই মুহূর্তটি তৈরি করতে সাহায্য করেছিল যখন ব্রাউজার অ্যাড-অনগুলি ক্রমবর্ধমানভাবে ওয়েব ডেভেলপারদের পৃষ্ঠাগুলি ডিবাগ করতে সাহায্য করার জন্য ব্যবহার করা হচ্ছিল৷ Firebug-এর ব্যবহার জন রেসিগের লেখা বিখ্যাত jQuery লাইব্রেরির উত্থানের সাথেও সম্পর্কযুক্ত যা 2007 সালে Mozilla দ্বারা ভাড়া করা হয়েছিল।
প্রোডাক্ট ম্যানেজাররা জানেন না যে ডেভেলপাররা ফায়ারফক্স ব্যবহার করে তাদের পৃষ্ঠাগুলি পরীক্ষা করতে এবং দ্রুত ডেলিভারি করছে, এমনকি যদি মার্কশেয়ারের পরিপ্রেক্ষিতে প্রধান ব্রাউজারটি ইন্টারনেট এক্সপ্লোরার হয়। পৃষ্ঠাগুলি তৈরি করতে সাহায্য করার জন্য ফায়ারফক্স - ওয়েব ডেভেলপারদের দ্বারা ব্যবহৃত - একটি বিশ্বব্যাপী ঘটনা ছিল, যদি আপনি মোজিলা অবদানকারী ক্লবার এবং মারিওর ফায়ারফক্স - ডেভেলপারের সেরা বন্ধু শিরোনামের একটি 2008 সালের উপস্থাপনাটি দেখেন তবে আরও ভালভাবে বোঝা যাবে৷
একটি মূল স্লাইডে তারা ফায়ারফক্সকে একটি ডেভেলপমেন্ট ফ্রেমওয়ার্ক হিসেবে ব্যবহার করার গুরুত্বের কথা বলেছে কারণ এর ওয়েব স্ট্যান্ডার্ড সাপোর্ট এবং জাভাস্ক্রিপ্ট ডিবাগ করার জন্য ডেভেলপমেন্ট অ্যাড-অন এবং আরও অনেক কিছু।
এখন, আমি কি এর পরের কথা বলার জন্য পাগল?
কোনভাবেই না. আপনি যদি ওয়েব ডেভেলপার হন, তাহলে আপনি হয়তো তাপ এবং জটিলতা অনুভব করছেন যা আপনি জানেন তা ঘটেছে। এখানে এই পার্টি শেষ করা যাক: ব্রাউজারগুলি বিকশিত হয়েছে, পৃষ্ঠাগুলি বিবর্তিত হয়েছে, বিকাশকারীরাও৷ এবং বলতে চাই যে সমস্ত খেলোয়াড় সমানভাবে দ্রুত গতিতে অবদান রাখছে - খুব দ্রুত - এই বিন্দুতে যে আমি অতীতের দিকে তাকাতে এবং উদযাপন করতে পছন্দ করি।
কয়েকটি নোট গুরুত্বপূর্ণ। একটি হল যে আমি সার্ভার সাইডের দিক থেকে দিকগুলি উল্লেখ করিনি। কাঠামোর সাথে সেই প্রতিফলনকে একত্রিত করা কঠিন হবে, যদিও আমি স্বীকার করি যে ওয়েব ডেভেলপাররা ফ্রন্ট-এন্ড, ব্যাক-এন্ড বা ফুলস্ট্যাক হিসাবে শাখায় রয়েছে।
আরেকটি হল "ডেভেলপারের সেরা বন্ধু হিসাবে ফায়ারফক্স" হিসাবে নির্দেশিত মুহূর্তটি ওয়েব পৃষ্ঠাগুলির পাশাপাশি পাঠানো লাইব্রেরির উত্থানের সাথে সুসংগত হয়েছিল। একটি ভাল উদাহরণ হল লাইব্রেরি jQuery । অতএব, "ডেভেলপারের সেরা বন্ধু হিসাবে jQuery + Firefox" দিনগুলি সত্যিই একটি ঘটনা ছিল যেখানে পৃষ্ঠাগুলির কোডগুলি জটিল হতে শুরু করেছিল এবং আরও ইঞ্জিনিয়ারিং ভূমিকার দাবি করেছিল - পৃষ্ঠাগুলির ক্লায়েন্ট সাইডে আরও বাগ৷
এই পর্যবেক্ষণটি রিঅ্যাক্টের মতো লাইব্রেরিগুলির উত্থান এবং অন্যান্য বিষয়গুলির মধ্যে, জাভাস্ক্রিপ্ট যুগের দ্য গ্রেট গ্যাসলাইটিং দ্বারা নির্দেশিত জটিল বিশ্বকে বিবেচনা করার দরজা খুলে দেবে।
এই নিবন্ধটির প্রধান চিত্রটি হ্যাকারনুনেরএআই ইমেজ জেনারেটর দ্বারা "প্রাথমিক ইন্টারনেট ব্রাউজার" প্রম্পটের মাধ্যমে তৈরি করা হয়েছে।