عنوان سرچ شده :

آموزش بوت استرپ

نصب و راه اندازی

https://roocket.ir/series/learn-bootstrap-4/episode/1

بوت استرپ روش های مختلفی برای نصب و راه اندازی دارد که من قصد دارم در این جلسه روش های مختلف نصب و راه اندازی بوت استرپ را به شما آموزش دهم . 

آشنای و کار با بخش Flex ها

https://roocket.ir/series/learn-bootstrap-4/episode/8

هماهنطور که مطلع هستید بوت استرپ 4 از flexbox برای مدیریت layout های خود استفاده میکند در این جلسه قصد دارم این روش استفاده از کلاس های flexbox در بوت استرپ 4 را به شما آموزش دهم.

کامپوننت ها - بخش List Group

https://roocket.ir/series/learn-bootstrap-4/episode/17

لیست ها همیشه بخش مهمی از پروژه های طراحی وب را تشکیل داده اند . امروز در این جلسه قصد دارم لیست ه در بوت استرپ را بصورت کامل به شما آموزش دهم .

کامپوننت ها - بخش Cards

https://roocket.ir/series/learn-bootstrap-4/episode/16

card ها, کامپوننت بسیار مهمی برای نمایش دادن محصولات یا مطالب شماست که در بوت استرپ ۴ معرفی شده, اما چیز نا آشنایی نیست . در بوت استرپ ۴ یک ریفکتور بسیار مناسب از سه کامپونتت panel , well و Thumbnail که در ورژن گذشته وجود داشتن انجام شد و چیزی با نام card ها بوجود آمد که در این جلسه قصد...

کامپوننت ها - بخش Carousel و Collapse

https://roocket.ir/series/learn-bootstrap-4/episode/18

در این جلسه روش پیاده سازی اسلاید شو توسط بوت استرپ را در قدم اول به شما آموزش میدهم، در قدم بعدی روش استفاده کردن از کامپونتت Collapse را به شما خواهم گفت . 

کامپوننت ها - بخش buttons و button group

https://roocket.ir/series/learn-bootstrap-4/episode/15

در این جلسه با روش پیاده سازی button ها و Button Group در بوت استرپ آشنا میشیم و تمام نکاتی که در مورد آنها وجود دارد را به شما آموزش میدهم.

کامپوننت ها - آشنایی و پیاده سازی navbar

https://roocket.ir/series/learn-bootstrap-4/episode/23

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

پیاده سازی مینی پروژه دوم

https://roocket.ir/series/learn-bootstrap-4/episode/26

در این جلسه قصد دارم به شما نشان دهم که چطور میتوانید بدون استفاده از grid system بوت استرپ و تنها با استفاده از ابزار flex یک وبسایت را پیاده سازی کنید این کار را در قالب مینی پروژه انجام خواهیم داد

کامپوننت ها - بخش Pagination و Popover و Progress و Tooltip

https://roocket.ir/series/learn-bootstrap-4/episode/21

در این جلسه قصد دارم روش استفاده از کامپونت های مختلفی همچون  Pagination که برای نمایش صفحه بندی استفاده میشه و Popover و Progress و Tooltip را بصورت کامل و با مثال به شما آموزش دهم.

کامپوننت ها - بخش modal و nav

https://roocket.ir/series/learn-bootstrap-4/episode/22

در این جلسه روش استفاده کردن از modal ها و nav ها رو به شما با استفاده از مثال آموزش میدم . این دو کامپوننت استفاده های زیادی در پروژه ها دارن امیدوارم خیلی خوب این دو رو یاد بگیرید . 

کامپوننت ها - بخش فرم ها

https://roocket.ir/series/learn-bootstrap-4/episode/20

فرم ها همیشه بخش مهمی از هر اپلیکیشن را تشکیل میدادند . در بوت استرپ کلاس های زیادی برای فرم ها وجود دارد که در این جلسه قصد دارم بصورت کامل شما را با این کلاس ها آشنا کنم.

پیاده سازی مینی پروژه سوم

https://roocket.ir/series/learn-bootstrap-4/episode/27

مینی پروژه این جلسه از دوره بوت استرپ مربوط به پیاده سازی یک سبد خرید به همراه فرم آن است . قصد اصلی من از این مینی پروژه بهتر یاد گرفتن کار با فرم هاست که بسیار بسیار مهم است.

کامپوننت ها - بخش Dropdowns و Jumbotron

https://roocket.ir/series/learn-bootstrap-4/episode/19

در این جلسه روش پیاده سازی کردن منوهای dropdown در بوت استرپ 4 رو بصورت کامل یاد میگیریم و در کنار این موضوع با پیاده سازی کردن کامپونتت Jumbotron آشنا میشیم . 

پیاده سازی پروژه دوم

https://roocket.ir/series/learn-bootstrap-4/episode/33

در این جلسه بخش navbar و header پروژه دوم خودمون رو ایجاد میکنیم در این قسمت نکات مختلفی از پیاده سازی چنین طرحی رو یاد میگیریم . در زیر یک تصویر از بخشی که قرار پیاده سازی کنیم رو میتونید مشاهده کنید دقت کنید در قسمت دمو پروژه ها هم میتونید کامل طرح اصلی رو ببینید . 

پیاده سازی پروژه دوم - بخش سوم

https://roocket.ir/series/learn-bootstrap-4/episode/35

در این قسمت پروژه بوت استرپ 4 جلسات گذشته را ادامه میدم و کاملتر میکنم در این مسیر با بخش های مختلف دیگه ای از جمله تب های پویا کار میکنید و روش طراحی و پیاده سازیش رو یاد میگیرید . 

پیاده سازی مینی پروژه چهارم

https://roocket.ir/series/learn-bootstrap-4/episode/28

در این جلسه مینی پروژه شماره 4 رو پیاده سازی میکنیم در این جلسه navbar-fixed و اسلایدشو بوت استرپ 4 رو در قالب پروژه میبینیم. تمرین و تکرار دو بخش خیلی مهم از یادگیری بوت استرپ رو تشکیل میدهند امیدوارم به خوبی تمرین کنید . 

پیاده سازی پروژه دوم - بخش دوم

https://roocket.ir/series/learn-bootstrap-4/episode/34

در این جلسه ادامه پروژه رو با دقت پیاده سازی میکنیم . بخش های مختلفی در این پروژه وجود دارند که بسیار کاربری و مهم هستند و احتیاج به تمرین و دقت از طرف شما عزیزان دارند..

پروژه پنل مدیریت - بخش دوم

https://roocket.ir/series/learn-bootstrap-4/episode/31

در این قسمت پروژه پنل مدیریت رو ادامه میدیم و بخش منوها و انیمیشن رو کار میکنیم در این بخش نکات دیگه از بوت استرپ 4 رو میگیم که در پروژه های عملی مورد استفاده قرار میگیرن . 

پروژه پنل مدیریت

https://roocket.ir/series/learn-bootstrap-4/episode/30

از بوت استرپ استفاده ای زیادی برای ایجاد کردن layout های بخش مدیریت میشه حالا در این جلسه در ابتدا منوهای چند سطحی در پنل مدیریت و بخش های دیگه ای از پنل مدیریت رو با استفاده از بوت استرپ 4 پیاد سازی میکنیم.

پروژه پنل مدیریت - بخش سوم

https://roocket.ir/series/learn-bootstrap-4/episode/32

در این جلسه روش استفاده از chartjs را در پروژه به شما آموزش خواهم داد و همینطور با استفاده از جاوا اسکریپت بعضی از عملیات bootstrap و پروژه را بهبود میبخشم .