Overview of Javascript, Dom, Api, HTML5, CSS3, Responsive Website.
HTML and HTML5 — —
HTML হচ্ছে Hypertext Markup Language.এটা একটা ওয়েবসাইটের অবকাঠামো।অর্থ্যাৎ ওয়েবসাইটের স্ট্রাকচার গঠন করা হয় এই HTML দিয়ে।আপনি দুনিয়ার যতগুলো ওয়েবসাইট দেখবেন তার সব গুলোতে এই HTML ব্যাবহার করা হয়েছে।তাই আপনি ওয়েব ডেভেলপার হন বা ডিজাইনার এই জিনিসটা আপনাকে ভালোভাবে জানতেই হবে।ওয়েবসাইটের অবকাঠামোর মধ্যে প্রথমে ভিত্তি হিসেবে নিচের এই স্ট্রাকচার টা ফলো করতে হবে এবং এটা প্রায় দুনিয়ার সব ওয়েবসাইটেই এই ভিত্তি টা সেইম থাকে।আর এর ভিতর <body></body> ট্যাগ এর মধ্যে যেভাবে দরকার সে অনুসারে বিভিন্ন ট্যাগ ব্যাবহার কোড করে স্ট্রাকচার গঠন করতে পারবেন।
আর HTML5 হচ্ছে HTML এর আপডেটেড ভার্সন।HTML5 এ শুধু কিছু নতুনত্ব আনা হয়েছে যেগুলো দিয়ে আপনি header-section, article-section, footer-section, main section গুলো দ্বারা ওয়েবসাইট এর header, article, main, footer সহজেই ডিফাইন করতে পারবেন।
স্ট্রাকচার গঠন এর জন্য অনেক ধরনের ট্যাগ ব্যাবহার করা হয়।কিন্তু প্রাথমিক অবস্থায় নিচের এই ট্যাগগুলো বেশি ব্যবহার করা হয়ে থাকে। ব্যবহ্নত ট্যাগ গুলো নিম্নে দেওয়া হল।
CSS and CSS3 — —
CSS অর্থ হল Cascading Style Sheet.ওয়েব সেক্টরের আরেকটি মজাদার জিনিস হল এই CSS.এটকু খেয়াল করলে দেখবেন আপনার গঠনকরা HTML ফাইলটি দেখতে তেমন কিছুই লাগেনা নেই কোন স্টাইল,কালার ইত্যাদি।আর এই HTML ফাইলকে স্টাইল করার জন্য এই CSS ব্যাবহার করা হয়।
‘HTML’ Element কে ‘Class’ এবং ‘id’ দিয়ে এবং Css এর মধ্যে ওই ‘Class’ এবং ‘id’ কে ধরে বিভিন্ন প্রোপার্টি ব্যবহার করে যেমন color, font-size, border, padding, margin, width, height, Transform, Transition, এবং ইত্যাদি ইত্যাদি Style করা হয়।
নিচে ‘HTML’ এবং ‘CSS’ এর পার্থক্য ছবি দিয়ে বোঝানো হল;
RESPONSIVE WEBSITE — — — -
কোন একটা ওয়েবসাইটকে বিভিন্ন ডিভাইসে ব্যবহার উপযোগী করে তোলা কে রেস্পন্সিভ ওয়েবসাইট বলে ।অর্থাৎ ওয়েবসাইটটি বিভিন্ন ডিভাইস যেমন মোবাইল, ল্যাপটপ, কম্পিউটার, ট্যাবলেট ইত্যাদিতে কনটেন্ট গুলো রিডেবল করা, যেকোনো ডিভাইসে ইউজার ফ্রেন্ডলি করা ।সর্বোপরি একজন ইউজার যাতে সবগুলো ডিভাইসের সাথে ওয়েবসাইটটি ব্যবহার করে কমফোর্ট ফিল করে সেভাবে ওয়েবসাইটটিকে উপস্থাপন করা।
What Should you learn first in JAVASCRIPT — — —
1|প্রোগ্রামিংয়ের পঞ্চরত্ন — ১/Variable, ২/Array, ৩/Loop, ৪/Conditions, ৫/Function। যেকোন প্রোগ্রামিং ল্যাংগুয়েজ শিখতে হলে একদম সবার প্রথমে এই পাঁচটা জিনিস সম্পর্কে জানতেই হবে।কারণ প্রোগ্রামিং ল্যাঙ্গুয়েজ গুলো এই পাঁচটা জিনিসের উপর ভিত্তি করেই কাজ করে।অর্থ্যাৎ এগুলো ছাড়া প্রোগ্রামিং করা যাবেনা বললেই চলে।
Variable => কোন নাম্বার বা স্ট্রিং বা কোন একটা জিনিস কোথাও রাখার জন্য ব্যবহার করে।অর্থ্যাৎ Variable এর মধ্যে কোন একটা জিনিস রেখে তারপর ওই Variable দিয়ে বিভিন্ন জায়গায় কাজ করা হয়।
There are 3 ways to declare Variable ( var, const, let)
Array => অনেকগুলো জিনিস বা নাম্বার বা স্ট্রিং একসাথে স্টোর করে রাখার কাজে Array ব্যবহার করা হয়।Array -কে সাধারণত [ ] -এর মধ্যে (3rd brackets-এ) স্টোর করে রাখা হয়।
Loop => কোন একটা Array বা Object এর অনেকগুলো ডাটা থেকে লুপ এর মাধ্যমে নির্দিষ্ট ডাটা বের করে এনে কাজ করা যায়। Loop কোন একটা Array বা Object অবজেক্টের প্রত্যেকটি ডাটা বা ইনডেক্স কি read করে নির্দিষ্ট ডাটা বের করে আনে।
Function => যে কোন প্রোগ্রামিং ল্যাঙ্গুয়েজ এ ফাংশন একটি গুরুত্বপূর্ণ ভূমিকা পালন করে। ফাংশনের ভিতর বিভিন্ন কাজ সম্পন্ন করে উক্ত কাজটি Result রিটার্ন করা হয়। এবং পরবর্তীতে যে জায়গায় প্রাপ্ত রেজাল্ট এর প্রয়োজন পড়ে সেখানে উক্ত ফাংশন কে কল করা হয়। এবং ফাংশন কে যেখানে কল করা হয় সেখানে ফাংশনটি তার রেজাল্ট প্রদর্শন করে ।
Conditions => জাভাস্ক্রিপ্টে কোন একটা কন্ডিশন সত্য নাকি মিথ্যা সেটা বের করার জন্য Conditions ব্যবহার করা হয়।কন্ডিশন লেখার জন্য (if ও else) ব্যবহার করে কন্ডিশনটি (True or False) কিনা যাচাই করা হয়।এক্ষেত্রে কন্ডিশন টি শুধু (True or False) আউটপুট দিবে।
2| DOM কি এবং কিভাবে কাজ করে?
কোন একটা ‘HTML’ এর Element, Tag, class, ID ইত্যাদি কে ধরে বিভিন্ন Event যোগ করার মাধ্যমে DOM ব্যবহার করা হয়।এবং সাইটকে Interactive করা হয় ।
3| API কি এবং কিভাবে একে ব্যবহার করা হয়?
API হচ্ছে কোন Server থেকে ডাটা সাইটে লোড করে তা নিয়ে কাজ করা।যখন কোন একটা ইউজার কিছু কল করে তখন সে কল সার্ভারে রিকোয়েস্ট পাঠায় এবং সার্ভার থেকে সেই ডাটা JSON আকারে ওয়েবসাইটে আসে তখন উক্ত JSON টাকে Pass করে ইউজারকে কল করা Data টি দেখায় ।
