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

۱۵۰۰۰ تومـــان
جزئیات

۲۹ درس در ۱ فصل

سطح

تمام سطوح

مدت زمان ۳۸۴ دقیقه
حجم ۱۵۱۷.۶۶ مگابایت
اشتراک گذاری در

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

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

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

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

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

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

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

توجه: قبل از شرکت در دوره آموزشی شما می توانید پیش نمایش و ۳ قسمت آموزشی از ۲۹ قسمت را رایگان مشاهده کنید.(آموزش هایی که در سمت راست آن ها قفل باز است قبل از ورود در آموزش قابل مشاهده است)

پیش نیازهای آموزش ویدیویی بوت استرپ 4 (Bootstrap 4) :

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


هدف گذاری دوره آموزشی :

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

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

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

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

ابزارهای مورد نیاز :

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

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

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

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

۱

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

۲

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

۳

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

۴

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

۵

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

۶

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

۷

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

۸

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

۹

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

۱۰

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

۱۱

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

۱۲

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

۱۳

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

۱۴

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

۱۵

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

۱۶

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

۱۷

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

۱۸

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

۱۹

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

۲۰

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

۲۱

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

۲۲

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

۲۳

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

۲۴

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

۲۵

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

۲۶

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

۲۷

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

۲۸

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

۲۹

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

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

( ۳)

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

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

تشکر از شما استاد لطفا آموزش های پروژه محور هم آماده کنید


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


بیشتر