logo campain

طراحی و توسعه دهنده سایت و اپلیکیشن

رایگـــان
  • دسترسی دائمی به آموزش
  • امکان دانلود و پخش آنلاین
جزئیات آموزش

۲۹ درس در ۱ فصل

سطح تمام سطوح
مدت زمان ۳۹۲ دقیقه
حجم ۱۵۱۷.۶۶ مگابایت

فصل ۱ آشنایی با بوت استرپ4

۱

بوت استرپ چیست؟

مشاهده رایگان

در این درس به معرفی بوت استرپ 4 پرداخته ایم تا اینکه بیشتر با این فریم ورک آشنا بشویم

۲

شروع به یادگیری بوت استرپ

مشاهده رایگان

بعد از اینکه با بوت استرپ آشنا شدیم نیاز است که بتوانیم آن را به پروژه خودمان اضافه کنیم

۳

توضیح layout در بوت استرپ

مشاهده رایگان

این درس که یکی از مهم ترین قسمت های آموزشی بوت استرپ 4 است که به معرفی سیستم grid ,layout بندی میپردازیم و طرز استفاده از آن را با هم فرامیگیریم

۴

توضیح tables در بوت استرپ

به معرفی جدول ها در بوت استرپ 4 میپردازیم

۵

توضیح forms دربوت استرپ

به معرفی فرم ها وعناصر واستایل های فرم در این درس می پردازیم

۶

توضیح buttons در بوت استرپ

در این درس دکمه ها و استایل های جدید آنها در بوتسرپ 4 را معرفی کرده ایم

۷

توضیح images در بوت استرپ

به معرفی تصاویر در بوت استرپ 4 و استایل ها جدید آنها و چیدمان عکس ها می پردازیم

۸

توضیح dropdowns در بوت استرپ

به معرفی dropdown ها وحالت های مختلف آن و طرز استفاده از آن میپردازیم

۹

توضیح button groups در بوت استرپ

به معرفی دکمه های گروهی و استایل های آن و حالت ها ی استفاده از آن می پردازیم

۱۰

توضیح input groups در بوت استرپ

در این درس به معرفی کامپوننت input groups می پردازیم

۱۱

توضیح collapse در بوت استرپ

در این درس با کامپوننت کاربردی collapse در بوتسرپ 4 آشنا میشویم و درمیابیم که حتی بدون استفاده از جیکوئری میتوانیم یک آکاردیون را به چه سادگی ایجاد کنیم.

۱۲

توضیح navs در بوت استرپ

در این قسمت یاد میگیریم که چطور یک منو را ایجاد کنیم و با کامپوننت کاربردی Tabbable Panes آشنا میشویم

۱۳

توضیح navbars در بوت استرپ

در این درس کامپوننت navbars را بررسی میکنیم و طرز استفاده آن را در حالت های مختلف فرا میگیریم.

۱۴

توضیح breadcrumbs در بوت استرپ

در این درس با کامپوننت breadcrumbs که همان مسیر سایت است آشنا میشویم و یادمیگیریم که چطور از آن استفاده و آن را ایجاد کنیم.

۱۵

توضیح pagination در بوت استرپ

در این درس با استفاده از کامپوننت pagination متوجه میشویم که چطور سایت خود را صفحه بندی کنیم.

۱۶

توضیح badges در بوت استرپ

در این درس به معرفی badges میپردازیم که جایگزین مناسبی برای label ها در بوت استرپ3 هستند

۱۷

توضیح jumbotron در بوت استرپ

به معرفی jumbotron که همان کادر نمایشی بزرگ در بالای صفحات وب است میپرازیم و طرز استفاده از آن را فرامیگیریم.

۱۸

توضیح alerts در بوت استرپ

با alerts ها یا پیام های هشدار آشنا میشویم در این درس

۱۹

توضیح modal در بوت استرپ

به معرفی کامپوننت کاربردی modal یا کادرهای کمکی در این جلسه می پردازیم

۲۰

توضیح progress bars در بوت استرپ

به معرفی نوارپیشرفت یا progress bars در این درس میپردازیم

۲۱

توضیح media objects در بوت استرپ

در این جلسه با یکی دیگر از کامپوننت های کاربردی به نام media objects آشنا شده و متوجه میشویم که چطور میتوان یک عکس را در کنار یک متن تراز کرد با این کامپوننت ویا چطور لیست های پرسش و پاسخ را به راحتی ایجاد کرد

۲۲

توضیح list groups در بوت استرپ

به معرفی گروه لیست ها یا list groups و استایل ها و حالت های مختلف استفاده از آن میپردازیم

۲۳

توضیح cards در بوت استرپ

با یکی از کامپوننت های بسیار کاربردی به نام cards در این جلسه آشنا میشویم و طرز استفاده و حالت های مختلف آن را بررسی میکنیم

۲۴

توضیح responcive embed در بوت استرپ

در این جلسه یادمیگریم که چطور عناصر embed را به صفحه وب خود اضافه کنیم مانند:

۲۵

توضیح carousel در بوت استرپ

با استفاده از کامپوننت carousel در میابیم که چطور میتوانیم یک اسلایدشو شیک را با یکدیگر درست کنیم

۲۶

توضیح tooltips در بوت استرپ

به معرفی کامپوننت کاربردی tooltips یا پیام های راهنما در بوت استرپ 4 میپردازیم و درمیابیم که حتی بدون استفاده از jQuery ui به راحتی میتوانیم آنها را ایجاد کنیم

۲۷

توضیح popovers در بوت استرپ

با یکی دیگر از کامپوننت های کاربردی بوت استرپ 4 با نام popovers آشنا میشویم و طرز استفاده از آن را فرامیگیریم

۲۸

توضیح scrollspy در بوت استرپ

در این درس فرامیگیریم که چطور با استفاده از کامپوننت scrollspy منوهایی را درست کنیم که معمولا در قالب صفحات تک صفحه ای استفاده میشوند

۲۹

انجام یک پروژه با بوت استرپ

در این قسمت با تمام چیزهایی که در این جا یک گرفته ایم ،فرامیگیریم که چطور از یک فریم ورک و کتابخانه استفاده کنیم و هر قالبی را که خواستیم برای خود ایجاد کنیم.

توضیحات "آموزش ویدیویی بوت استرپ 4 (Bootstrap 4)" :

در این دوره آموزش قصد داریم که مهاجرت کنیم به فریم ورک بوت استرپ 4 (Bootstrap 4) و طرز استفاده از بوت استرپ 4 را به طور کامل فرا میگیریم. مدرس: مهندس جواهری کیا

در این دوره ی آموزشی مهاجرت میکنیم به  فریم ورک بوت استرپ 4 ولی منظورمان این نیست که کسانی که با فریم ورک بوت استرپ ورژن 3 آشنایی ندارند نمیتوانند این دوره ی آموزشی را فرا بگیرند.

کسانی که با فریم ورک بوت استرپ 3 آشنایی کافی داشته باشند،ت جربه ای که در این زمینه دارند به آنها کمک میکنند که این دوره آموزشی را نیز به راحتی یاد بگیرند.

و کسانی هم که با این فریم ورک تا به حال آشنایی نداشته باشند و حداقل آشنایی نسبی با برنامه نویسی کلاینت ساید داشته باشند نیز میتوانند از این دوره استفاده کنند.

پیش نیاز این دوره آموزشی چیست؟

آشنایی نسبی با برنامه نویسی کلاینت ساید وب (html, css, js)


اهداف آموزش ویدیویی بوت استرپ 4 (Bootstrap 4) چیست؟

یادگیری فریم ورک جدید بوت استرپ 4 که در این دوره یاد میگریم که به چه راحتی میتوانیم قالب های ریسپانیو برای خود ایجاد کنیم و Layout بندی کردن در این فریم ورک چقدر ساده شده است چرا که از flexbox ها استفاده شده است

این دوره برای چه کسانی مفید است؟

1-کسانی که آشنایی به بوت استرپ 3 را دارند و می خواهند مهاجرت کنند به بوت استرپ 4

2-تمام افرادی که قصد طراحی قالب ریسپانسیو و واکنشگرا را برای سایت خود دارند

از چه ابزار ها و نرم افزار هایی در این دوره استفاده می شود؟

ابزار خاصی برای این دوره مورد نیاز نیست

برای راحتی کار میتوانید از یک ide که راحت تر هستید استفاده نمایید

مثل dream viewer ,php storm,.net,...

نحوه دسترسی به آموزش چگونه است؟

امکان دانلود و پخش آنلاین دوره وجود دارد و شما به طور دائم به آن دسترسی دارید. این آموزش رایگان عرضه شده است و شما می توانید تمامی قسمت های آموزش ویدیویی بوت استرپ 4 (Bootstrap 4) را به طور رایگان دانلود کنید

امتیاز کلی دوره

( ۴.۶۴)

تعداد بررسی های ثبت شده : ۱۴

پروفایل
Sajad
امتیاز من به این دوره


پروفایل
Amir Ghasemi
امتیاز من به این دوره


پروفایل
hossein
امتیاز من به این دوره
سلام

برای دوره خوب بود تشکر


پروفایل
محمدحسین کوپال
امتیاز من به این دوره
بدون عنوان

فقط سریع توضیح دادن ولی من تا حدودی چیز های خوبی یاد گرفتم


پروفایل
Omid R32
امتیاز من به این دوره


پروفایل
Mhi Jr
امتیاز من به این دوره


بیشتر