অ্যাডভানস ওয়েব ডিজাইন

অ্যাডভানস ওয়েব ডিজাইন

শুধুমাত্র এইচটিএমএল এবং সিএসএস ব্যবহার জেনেও খুব অল্প সময়েই একটি ওয়েবসাইট তৈরি করা যায়, যদি আপনি জানেন কিভাবে ওয়েবসাইটের লেআউট কাজ করে। অনেকের ক্ষেত্রে ২/৩ ঘন্টার মধ্যেও একটি ওয়েবসাইট তৈরি করা সম্ভব। কিন্তু, শুধু এইচটিএমএল সিএসএস আপনাকে একটি স্ট্যান্ডার্ড ওয়েবসাইট তৈরির সকল সুবিধা দিবে না। আপনি চাইছেন নিজে হাতে অল্প কোড লিখে আরও কম সময়ে কিভাবে ডিজাইন কমপ্লিট করা যায়। আসলেই কি এভাবে সম্ভব?

উত্তরঃ হ্যাঁ, সম্ভব!

এজন্যই আপনাকে জানতে হবে অ্যাডভান্স ওয়েব ডিজাইন টেকনিকগুলো।

এখন প্রশ্ন হচ্ছে –

অ্যাডভান্স ওয়েব ডিজাইন টেকনিক বলতে কি বুঝায়?

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

আবারও প্রশ্ন আসতে পারে –

কোনগুলো আগে শিখবেন?

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

তবে, আমরা এই কোর্সে এতগুলো বিষয় শিখবো না। আমারা শুধু মাত্র এইচটিএমএল৫ এবং সিএসএস৩, বুটস্ট্রাপ, ইউআই কিট এবং সব শেষে প্রাক্টিক্যাল প্রোজেক্ট করে এই কোর্সটি সম্পন্ন করবো। সামনের দিনগুলোতে আলাদাভাবে লেস সিএসএস, জাভাস্ক্রিপ্ট এবং জেকুয়েরি নিয়ে কোর্স তৈরি করবো।

তাহলে চলুন এবার আমাদের কোর্সের বিষয়গুলো সম্পর্কে সংক্ষেপে জানিঃ

এইচটিএমএল৫ঃ

এইচটিএমএল৫ এক্সএইচটিএমএল বা এইচটিএমএল ৪.০১ ভার্সনের পরবর্তী এবং এখন পর্যন্ত সর্বসেষ/লেটেস্ট ভার্সন। ভার্সন আপডেট হলেও ফাইল এক্সটেনশন কিন্তু আগের মতোই .html –ই আছে। নতুন নতুন স্ট্রাকচারাল ট্যাগ, এ্যাট্রিবিউট, ফর্ম ফিল্ডস, অডিও এবং ভিডিও সাপোর্ট সহ, আরও কিছু টেকনিক এসেছে যেমনঃ জিও লোকেশান, ক্যানভাস, ওয়েব স্টোরেজ। তবে, এগুলো ফুল সাপোর্ট পেতে আপনাকে অবশ্যই জাভাস্ক্রিপ জানতে এবং ব্যবহার করতে হবে।

সিএসএস৩ঃ

এইচটিএমএল৫ এর মত সিএসএস৩ –ও সিএসএস ২.০ এর এখন পর্যন্ত সর্বসেষ/লেটেস্ট ভার্সন। সিএসএসের এক্সটেনশনও আগের মতই অপরিবর্তিত আছে। নতুন নতুন ফিচার যেমনঃ নতুন নতুন সিলেক্টর, টেক্সট শাডো, বক্স শ্যাডো, বর্ডার র‍্যাডিয়াস, ট্রান্সিশন, ২ডি এবং ৩ডি এ্যানিমেশন সহ আরও অনেক কিছুর সন্নিবেশ ঘটেছে। ভিডিও কোর্সে এগুলো নিয়ে বিস্তারিত আলোচনা করা হয়েছে।

বুটস্ট্রাপঃ

বুটস্ট্রাপ হচ্ছে এখন পর্যন্ত সবচেয়ে জনপ্রিয় ফ্রন্ডএ্যান্ড ডেভেলপমেন্ট / সিএসএস ফ্রেমওয়ার্ক। যদি আপনি অল্প কোড লিখে অনেক স্ট্যান্ডার্ড এবং প্রোফেসনাল মানের ওয়েবসাইট তৈরি করতে চান, তবে বুটস্ট্রাপ অবশ্যই প্রথম পছন্দ।  বুটস্ট্রাপের গ্রিড সিস্টেম আপনাকে লেআউট ফ্লোটিং-এর ঝামেলা থেকে মুক্তি দিবে। ফরম, বাটন, টেক্সট ফরম্যাটিং, ট্যাবস, পিলস, ন্যাভিগেশন, স্লাইডার সহ এমন কয়েক ডজন সিএসএস কম্পোনেন্ট এবং জাভাস্ক্রিপ প্লাগিন আছে যা ব্যবহার করে ৫০% কম সময়ে আপনি একটি ওয়েবসাইট তৈরি করতে পারবেন। শুধু তাই না, বুটস্ট্রাপের গ্রিড সিস্টেম আপনাকে বিভিন্ন ডিভাইসের স্ক্রিন সাইজ অনুযায়ী স্বয়ংক্রিয়ভাবে আপনার ওয়েবসাইটের লেআউটকে পরিবর্তন করে। তাই, আপনার ওয়েবসাইটটি হবে সম্পূর্ণ রেস্পন্সিভ। কোর্সের প্রোজেক্টে এগুলো নিয়ে বিস্তারিত আলোচনা করা হয়েছে।

ইউআই কিটঃ

ইউআই কিট হচ্ছে আরও একটি ফ্রন্ডএ্যান্ড ডেভেলপমেন্ট / সিএসএস ফ্রেমওয়ার্ক। এখানেও ফরম, বাটন, টেক্সট ফরম্যাটিং, ট্যাবস, ন্যাভিগেশন এর মত সিএসএস কম্পোনেন্ট এবং জাভাস্ক্রিপ প্লাগিন আছে যা ব্যবহার করেও কম সময়ে আপনি একটি ওয়েবসাইট তৈরি করতে পারবেন। মূলত আপনি বুটস্ট্রাপ সিস্টেম জানলে ইউআই কিট আপনার কাছে অনেক সহজ মনে হবে। ২/৩ ঘণ্টার মধ্যে সব শিখে ফেলতে পারবেন।

কোর্স ইন্ডেক্সঃ

চ্যাপ্টারঃ ১ – কোর্স ইন্ট্রোডাকশন
চ্যাপ্টারঃ ২ – এইচটিএমএল৫ এবং সিএসএস৩ (প্রোজেক্টসহ কোডিং)
চ্যাপ্টারঃ ৩ – বুটস্ট্রাপ এবং ইউআই কিট
চ্যাপ্টারঃ ৪ – প্রোজেক্টঃ বুটস্ট্রাপ দিয়ে পূর্নাংগ ওয়েবসাইট তৈরি
চ্যাপ্টারঃ ৫ – এক্সট্রা টিপস
চ্যাপ্টারঃ ৬ – কনক্লুশন

বিস্তারিত কোর্স কারিকুলাম দেখতে Curriculum ট্যাবে ক্লিক করুণ।

👉 সর্বমোট ৪টি প্রোজেক্ট, ১৫ ঘন্টার বেশি সময় ব্যাপী ৭৯টি লেকচার ভিডিও।
👉 খুঁটিনাটি আরও অনেক বিষয় নিয়ে সাজানো আমাদের এই কোর্সটি এনরোল করে যেকোনো সময় ঘরে বসেই পিসি বা ফোন থেকে দেখতে পারবেন।
👉 সাপোর্টের জন্য আমাদের ফেসবুক গ্রুপতো আছেই।

যা যা থাকছে এই কোর্সেঃ

– প্রি-রেকোর্ডেড অনলাইন কোর্স।
– লাইফ টাইম ক্লাস অ্যাক্সেস।
– প্রাক্টিসের জন্য প্রিমিয়াম ওয়ার্ডপ্রেস থিম।
– আমাদের প্রতিটি ক্লাসের নির্দিষ্ট বিষয়ের ওপর একাধিক উদাহরণসহ বিস্তারিত আলোচনা করা হয়েছে।
– ক্লাসের রিসোর্সের বাহিরেও প্রয়োজনীয় ক্ষেত্রে আমরা অতিরিক্ত রিসোর্স দেখিয়ে দিয়েছি, যা থেকে আপনার দক্ষতা উন্নয়ন করতে আরও বেশি সহজ হবে।
– সাপোর্টের জন্য আমাদের ডেডিকেটেড ফেসবুক গ্রুপ আছে, সেখানে আপনার যেকোনো সমস্যা সরাসরি আমাদের নিকট জানাতে পারবেন।
– বিভিন্ন ওয়েবসাইটের অফলাইন ভার্সন ডিভিডিতে দেয়া হয়েছে, যেমনঃ ওয়ার্ডপ্রেস, বুটস্ট্রাপ, ডব্লিউথ্রি স্কুল। যাতে করে ইন্টারনেট কানেকশন না থাকলেও আপনার অনুশীলনে কোনও প্রকার সমস্যা না হয়।

👉 রেজিস্ট্রেশন সম্পন্ন করে ক্লাস শুরু করতে এখনই GET NOW বাটনে ক্লিক করে পেমেন্ট সম্পন্ন করুণ। আমরা পেমেন্ট ভেরিফাই করে আপনাকে কোর্সের অনলাইন অ্যাক্সেস দিবো।

শুভ হোক আপনার পথ চলা। 🙂

চ্যাপ্টারঃ ১ - কোর্স ইন্ট্রোডাকশন

1
লেসন# ১ – ইন্ট্রোডাকশন
১৩:০৯ মিনিট

চ্যাপ্টারঃ ২ - এইচটিএমএল৫ এবং সিএসএস৩

1
লেসন# ১ – এইচটিএমএল৫ স্ট্যান্ডার্ড কোড স্ট্র্যাকচার
১৪:৪৭ মিনিট
2
লেসন# ২ – এইচটিএমএল৫ মার্কআপঃ পার্ট ১
০৮:০৭ মিনিট
3
লেসন# ৩ – এইচটিএমএল৫ মার্কআপঃ পার্ট ২
০৭:৩২ মিনিট
4
লেসন# ৪ – এইচটিএমএল৫ ফর্ম ইলিমেন্টঃ পার্ট ১
১০:৩০: মিনিট
5
লেসন# ৫ – এইচটিএমএল৫ ফর্ম ইলিমেন্টঃ পার্ট ২
০৬:১৮ মিনিট
6
লেসন# ৬ – এইচটিএমএল৫ ফর্ম এ্যাট্রিবিউটস
০৫:৩৮ মিনিট
7
লেসন# ৭ – এ্যাট্রিবিউটস সিলেক্টর
০৯:৪০ মিনিট
8
লেসন# ৮ – রেগুলার এক্সপ্রেশন সিলেক্টর
০৫:১৯ মিনিট
9
লেসন# ৯ – সুডো সিলেক্টর
০৭:৫৮ মিনিট
10
লেসন# ১০ – নেগেশন/নট সিলেক্টর
০৬:০৭ মিনিট
11
লেসন# ১১ – সিম্বল সিলেক্টর
০৮:০৪ মিনিট
12
লেসন# ১২ – মাল্টি কলাম সিস্টেম
০৭:১১ মিনিট
13
লেসন# ১৩ – ফিক্সড উইথ লেয়াউট – এইচটিএমএল
১৯:৫২ মিনিট
14
লেসন# ১৪ – ফিক্সড উইথ লেয়াউট – সিএসএস পার্টঃ ১
১৭:৫৩ মিনিট
15
লেসন# ১৫ – ফিক্সড উইথ লেয়াউট – সিএসএস পার্টঃ ২
১৮:৩৩ মিনিট
16
লেসন# ১৬ – ফ্লেক্সিবল লেয়াউট ডেভেলপমেন্ট
১৯:১৭ মিনিট
17
লেসন# ১৭ – বক্স ডিরেকশন রিভার্স করা
০৮:২৪ মিনিট
18
লেসন# ১৮ – বক্স অর্ডারের কাস্টম পজিশন
০৩:৩২ মিনিট
19
লেসন# ১৯ – বক্স এ্যালাইন করা
০৩:২৫ মিনিট
20
লেসন# ২০ – রাউন্ডেড কর্নার তৈরি করা
০৮:৫৯ মিনিট
21
লেসন# ২১ – বক্স শাডো
০৫:০৩ মিনিট
22
লেসন# ২২ – টেক্সট শাডো
০৭:২৬ মিনিট
23
লেসন# ২৩ – সিএসএস৩ ব্যাকগ্রাউন্ডঃ লিনিয়ার গ্রাডিয়েন্ট
০৬:৫৬ মিনিট
24
লেসন# ২৪ – সিএসএস৩ ব্যাকগ্রাউন্ডঃ রেডিয়াল গ্রাডিয়েন্ট
০৬:০৪ মিনিট
25
লেসন# ২৫ – অপাসিটি এবং ট্রান্সপারেন্ট প্রোপার্টি
১২:২২ মিনিট
26
লেসন# ২৬ – ব্যাকগ্রাউন্ড এবং ব্যাকগ্রাউন্ড ইমেজ সাইজিং
০৮:৫২ মিনিট
27
লেসন# ২৭ – প্রোজেক্টঃ ১ – রিপিটেড ব্যাকগ্রাউন্ড ইফেক্ট তৈরি
১০:৪৩ মিনিট
28
লেসন# ২৮ – সিএসএস৩ ট্রান্সফরমেশন
১৩:২৬ মিনিট
29
লেসন# ২৯ – সিএসএস৩ ট্রানজিশন
০৭:২৮ মিনিট
30
লেসন# ৩০ – প্রোজেক্টঃ ২ – জেকুয়েরীর মত আকোরডিয়ন তৈরি
১৯:৩৮ মিনিট
31
লেসন# ৩১ – ভেন্ডর প্রিফিক্স হ্যান্ডেলিং করা
০৮:৪১ মিনিট
32
লেসন# ৩২ – প্রোজেক্টঃ ৩ – এ্যানিমেটেড রোলওভার বাটন তৈরি
১১:২২ মিনিট
33
লেসন# ৩৩ – @font-face নিয়ে কাজ করা
১৯:২৬ মিনিট
34
লেসন# ৩৪ – সিএসএস৩ নিয়ে আরও রিসোর্স
০৭:০২ মিনিট

চ্যাপ্টারঃ ৩ - বুটস্ট্রাপ এবং ইউআই কিট

1
লেসন# ১ – বুটস্ট্রাপ ইন্ট্রোডাকশন
০৩:২৩ মিনিট
2
লেসন# ২ – বুটস্ট্রাপ ওভারভিউ এবং ইন্সটলেশন
১৩:৫১ মিনিট
3
লেসন# ৩ – বুটস্ট্রাপ গ্রিড সিস্টেম
১৯:৫৬ মিনিট
4
লেসন# ৪ – বুটস্ট্রাপ টাইপোগ্রাফি
১৩:৪৫ মিনিট
5
লেসন# ৫ – বুটস্ট্রাপ ব্যাকগ্রাউন্ড
০৭:৩৬ মিনিট
6
লেসন# ৬ – ব্লককোট স্টাইল
০৬:২৩ মিনিট
7
লেসন# ৭ – লিস্ট ফরম্যাটিং
০৫:৫১ মিনিট
8
লেসন# ৮ – টেবিল ডিজাইন
০৮:১০ মিনিট
9
লেসন# ৯ – ইমেজ ফরম্যাটিং
০৩:৩৮ মিনিট
10
লেসন# ১০ – ফর্ম ডিজাইন
১৬:৫০ মিনিট
11
লেসন# ১১ – বাটন ডিজাইন
০৭:২৯ মিনিট
12
লেসন# ১২ – বাটন গ্রুপ এবং সাইজ
০৭:৩৮ মিনিট
13
লেসন# ১৩ – ইনপুট গ্রুপ
০৭:০০ মিনিট
14
লেসন# ১৪ – লেভেল এবং ব্যাজ
১০:৪৫ মিনিট
15
লেসন# ১৫ – ফিচারড কন্টাইনার বক্স তৈরি
০৬:২৮ মিনিট
16
লেসন# ১৬ – ব্রেডক্রাম্ব এবং পেজিনেশন
১১:৫৩ মিনিট
17
লেসন# ১৮ – কনটেন্ট থাম্বনাইল গ্রিড সিস্টেম
০৯:৫৬ মিনিট
18
লেসন# ১৯ – এলার্ট এবং প্রোগ্রেসবার এফেক্টস
১৫:০২ মিনিট
19
লেসন# ২০ – লিস্ট গ্রুপ নিয়ে বিস্তারিত
১৫:৪৩ মিনিট
20
লেসন# ২১ – প্যানেল নিয়ে বিস্তারিত
০৯:০২ মিনিট
21
লেসন# ২২ – মডাল
১৫:০১ মিনিট
22
লেসন# ২৩ – টুলটিপ এবং পপওভার
১৫:৪৭ মিনিট
23
লেসন# ২৪ – ট্যাবস
১০:২০ মিনিট
24
লেসন# ২৫ – ড্রপডাউন লিস্ট এবং এ্যালার্টবক্স
১০:৪৪ মিনিট
25
লেসন# ২৬ – কারোসাল কনটেন্ট স্লাইডার
১৪:২৭ মিনিট
26
লেসন# ২৭ – ইউআই কিটঃ ইন্ট্রোডাকশন
১০:৫৩ মিনিট
27
লেসন# ২৮ – ইউআই কিটঃ স্ক্রল স্পাই ইফেক্টস
১৪:২৮ মিনিট
28
লেসন# ২৯ – ইউআই কিটঃ ন্যাভবার – পার্ট ১
১৭:০৬ মিনিট
29
লেসন# ৩০ – ইউআই কিটঃ ন্যাভবার – পার্ট ২
১৫:০৯ মিনিট
30
লেসন# ৩১ – রিসোর্স
০২:৫৮ মিনিট

চ্যাপ্টারঃ ৪ – প্রোজেক্টঃ ৪ – বুটস্ট্রাপ দিয়ে পূর্নাংগ ওয়েবসাইট তৈরি

1
লেসন# ১ – পিএসডি স্লাইসিং
০৯:২৫ মিনিট
2
লেসন# ২ – এইচটিএমএল মার্কআপ তৈরি
২৯:৪৯ মিনিট
3
লেসন# ৩ – সিএসএস এবং কাস্টম ফন্ট যুক্ত করা
১২:১০ মিনিট
4
লেসন# ৪ – সিএসএস কোডিং + ওয়েবসাইট ভিউঃ পার্ট ১
২৪:৫৩ মিনিট
5
লেসন# ৫ – সিএসএস কোডিং + ওয়েবসাইট ভিউঃ পার্ট ২
১৪:০৪ মিনিট
6
লেসন# ৬ – সিএসএস কোডিং + ওয়েবসাইট ভিউঃ পার্ট ৩
২৬:৫৬ মিনিট
7
লেসন# ৭ – সিএসএস কোডিং + ওয়েবসাইট ভিউঃ পার্ট ৪
২৫:৪০ মিনিট
8
লেসন# ৮ – সিএসএস কোডিং + ওয়েবসাইট ভিউঃ পার্ট ৫
২৮:২৭ মিনিট
9
লেসন# ৯ – সিএসএস কোডিং + ওয়েবসাইট ভিউঃ পার্ট ৬
০৯:২৬ মিনিট

চ্যাপ্টারঃ ৫ - এক্সট্রা টিপস

1
লেসন# ১ – শর্টকাট কোডিং টেকনিক
২৩:৩৪ মিনিট
2
লেসন# ২ – রিইউজ্যাবল ডেভেলপমেন্ট বান্ডল তৈরি
৩০:২১ মিনিট
3
লেসন# ৩ – ফন্টঅসাম এবং গ্লিফআইকন
২৪:২৮ মিনিট

চ্যাপ্টারঃ ৬ - কনক্লুশন

1
লেসন# ১ – কোর্সের সমাপ্তি
০২:৪৪ মিনিট
কোর্সটি একদম বিগেনার লেভেল থেকে অ্যাডভানস লেভেল পর্যন্ত শেখানো হয়েছে। তাই, ওয়েব ডিজাইন সম্পর্কে আপনার জ্ঞান "শূন্য" থাকলেও কোন সমস্যা হবে না। তবে, আপনি নিজেকে কিছুটা এগিয়ে রাখতে বেসিক এইচটিএমএল এবং সিএসএস শিখে নিয়ে থাকলে অনেক ভাল হবে। না জেনে থাকলেও সমস্যা নাই। কারণ, এই কোর্সের পাশাপাশি আমাদের ইউটিউব চ্যানেল থেকে ফ্রি শিখে নিতে পারেন। ইউটিউব চ্যানেলঃ https://youtube.com/rangpursource/
আমাদের সিঙ্গেল পার্সোনাল এনরোলমেন্টের পাশাপাশি গ্রুপ/এন্টারপ্রাইজ হিসেবেও এনরোল করতে পারবেন। সেক্ষেত্রে প্রতি ৩ জনের গ্রুপকে ৫৫০০টাকা, প্রতি ৫ জনের গ্রুপকে ৯৫০০টাকা পে করতে হবে। গ্রুপ মেম্বার আর বেশি হলে আমাদের সাথে মেসেঞ্জারেঃ http://m.me/LearnWithRangpurSource বা ফোনেঃ ০১৭৪১৯৯৯৬৪১ নাম্বারে কন্টাক্ট করুণ।
আপনারা যতজন গ্রুপ/এন্টারপ্রাইজ হিসেবেও এনরোল করবেন, ততজন ইন্ডিভিজুয়াল সাপোর্ট পাবেন।
My Account পেজ থেকে My Orders ট্যাবের আন্ডারে এই পিকচারে - https://prnt.sc/zqnh97 দেখানোর মত ডাউন এ্যারোতে ক্লিক করুন এবং সেখানে থাকা কোর্সের নামের উপরে ক্লিক করলেই আপনার কোর্স পেজে চলে যাবেন, সেখানে থেকে Reviews ট্যাব পাবেন। Add Review তে ক্লিচক করেন আপনার রিভিউ লিখে সাবমিট করে দিবেন।

৫০% ডিস্কাউন্ট!! যেকোনো কোর্সে!! 


ওয়েব ডিজাইন, ওয়েব ডেভেলপমেন্ট, সফটওয়্যার ডেভেলপমেন্ট, এসইও কোর্স! 

ফ্রি এবং পেইড, সব কোর্স দেখুনঃ https://learn.rangpursource.com/courses/ 


অফার চলবে ৩১ই মার্চ, ২০২১ পর্যন্ত!


যোগাযোগঃ ০১৭৪১৯৯৯৬৪১ | https://m.me/LearnWithRangpurSource

Be the first to add a review.

Please, login to leave a review
অ্যাডভানস ওয়েব ডিজাইন
Price:
৳ 2,500