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

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

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

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

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

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

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

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

کلاس های کمکی - Color ها و Display و Embed

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

در این جلسه بخش های Color ها و Display و Embed از بخش اصلی utilities رو به شما آموزش میدم و در این جلسه میبینید که چه تغییراتی بوت استرپ 4 نسبت به بوت استرپ 3 پیدا کرده . 

معرفی دوره

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

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

آشنایی با تایپوگرافی

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

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

استایل جداول

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

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

کدها و تصاویر

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

در این جلسه در مورد بخش content و زیر بخش های code و image صحبت میکنم و روش استفاده کردن از استایل های bootstrap در این بخش ها را به شما آموزش خواهم داد . 

آشنایی و کار با Media Object

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

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

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

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

خوب بلاخره کارمان را با Component ها آغاز میکنیم در این جلسه روش استفاده از کامپوننت های Alert و Badge رو یاد خواهیم گرفت تا مسیرمان برای پیاده سازی پروژه های مختلف را هموار کنیم . 

تنظیمات ویرایشگر vs code

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

در این جلسه در ابتدا قصد دارم روش رفع مشکل auto-complete ویرایشگر vs code برای وارد کردن کلاس های bootstrap را آموزش دهم و در قدم بعدی شما را با یک پلاگین snippet برای راحت تر کدنویسی کردن bootstrap در vs code آشنا کنم و در نهایت با کلاس های کامپوننت Breadcrumb کار خواهم کرد ....

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

layout - گرید سیستم

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

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

کلاس های کمکی - Border ها و Clearfix و Close icon

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

یکی از تغییرات اساسی بوت استرپ 4 بخش utilities بوده که شما در بوت استرپ 3 با نام Helper Classes آن را میشناختین. در این ورژن ویژگی های بهتر و جدیدتری به بخش utilities اضافه شد که واقعا به ما کمک میکند تا قالب های خود را بهتر از قبل با استفاده از بوت استرپ کد نویسی کنیم . در ای...

کامپوننت ها - بخش 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 ها رو به شما با استفاده از مثال آموزش میدم . این دو کامپوننت استفاده های زیادی در پروژه ها دارن امیدوارم خیلی خوب این دو رو یاد بگیرید .