جستجو برای:
  • صفحه نخست
  • دوره ها
    • طراحی وب ریسپانسیو
 
نکست وان کد ، آموزش برنامه نویسی و طراحی وب
  • صفحه نخست
  • دوره ها
    • طراحی وب ریسپانسیو
0

ورود و ثبت نام

آموزش بوت استرپ 5 (bootstrap) پروژه محور

خانهطراحی سایتآموزش بوت استرپ 5 (bootstrap) پروژه محور
آموزش بوت استرپ 5.2
حالت مطالعه

بوت استرپ (bootstrap) چیست؟

بوت استرپ (bootstrap) یک فریم ورک طراحی وب سایت است که در ابتدا توسط توسعه دهندگان توییتر برای استفاده داخلی ایجاد شد. bootstrap پس از مدتی در دسترس عموم قرار گرفت و به مجموعه‌ای مناسب از ابزارها برای توسعه رابط‌های کاربری با هر میزان پیچیدگی تبدیل شد. 

به زبان ساده بوت استرپ مجموعه ای از دستورات html و css و javascript است که از قبل توسط توسعه دهندگان آماده شده و ما با استفاده از کد های از پیش نوشته شده توسط توسعه دهندگان بوت استرپ میتونیم در زمان کوتاهی هر گونه وبسایتی با هر میزان پیچیدگی رو در قالب یک ساختار صحیح و استاندارد پیاده سازی کنیم.

چه سایت هایی رو میشه با بوت استرپ طراحی کرد؟

همونطوری که گفتم هر قالبی با هر میزان پیچیدگی رو میشه با بوت استرپ پیاده سازی کرد ، به عنوان مثال میتونیم سایت های فروشگاهی ، سایت‌های شرکتی ، سایت‌های خبری ، سایت های شخصی ، سایت های آموزشی ، پنل‌های مدیریت ، قالب‌های سیستم‌ های مدیریت محتوا مثل وردپرس و… و هر نوع سایت دیگه ای رو با بوت استرپ پیاده سازی کنیم.

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

دلایل زیادی واسه استفاده از بوت استرپ برای طراحی سایت وجود داره ، استفاده از بوت استرپ این امکان رو به طراحان سایت ها میده که سایتی طراحی کنند که علاوه بر داشتن ظاهر کاربر پسند و جذاب ، دارای چارچوبی استاندارد باشه.

بوت استرپ با کلاس ها و توابع و دستورات مناسبی که از قبل ایجاد کرده به برنامه نویس ها و توسعه دهنده های قالب وب سایت ها کمک میکنه تا با صرف زمان کمتر ، بتونن سایتی مطابق با استاندارد های جهانی طراحی بکنن

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

یادگیری بوت استرپ خیلی خیلی ساده است ، به شرط اینکه پیش نیازهاش رو به خوبی بلد باشی ، خب حالا پیش نیاز های دوره چیه؟ باید دوره های زیر رو دیده باشین و بهش مسلط باشید

  • دوره html و css (کانال یوتیوب نکست وان کد)
  • دوره فلکس باکس (کانال یوتیوب نکست وان کد)
  • دوره انیمیشن در وب (کانال یوتیوب نکست وان کد)
  • دوره طراحی وب ریسپانسیو (کد تخفیف برای تهیه این دوره : bs50off )
آیا دوره پروژه محوره؟

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

آیا این دوره جدیده؟

توی این دوره جدید ترین نسخه ای که در حال حاضر از بوت استرپ موجود هست یعنی نسخه 5.2 آموزش داده شده

دوره آپدیت میشه؟

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

روش پشتیبانی دوره چطوره؟

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

دانلود ویدئو ها

دانلود فصل به فصل ویدئو ها

توی این بخش میتونید ویدئو ها رو به صورت فصل به فصل به صورت یکجا دانلود کنید

برای مشاهده لینک های دانلود اینجا کلیک کنید

خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.



پشتیبانی دوره

پشتیبانی

پشتیبانی دوره در تلگرام

آیدی پشتیبانی دوره

خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.


سرفصل های دوره

فصل اول

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

1 - پیش نیاز های دوره

https://course.next1code.ir/bootstrap/01/bootstrap1.mp4

2 - معرفی سایت رسمی بوت استرپ

https://course.next1code.ir/bootstrap/01/bootstrap2.mp4

3 - اضافه کردن بوت استرپ به پروژه - روش اول

https://course.next1code.ir/bootstrap/01/bootstrap3.mp4

4 - اضافه کردن بوت استرپ به پروژه - روش دوم

https://course.next1code.ir/bootstrap/01/bootstrap4.mp4
فصل دوم

utilities

5 - bg color

https://course.next1code.ir/bootstrap/02/bootstrap5.mp4

6 - text color

https://course.next1code.ir/bootstrap/02/bootstrap6.mp4

7 - border

https://course.next1code.ir/bootstrap/02/bootstrap7.mp4

8 - interaction

https://course.next1code.ir/bootstrap/02/bootstrap8.mp4

9 - overflow , opacity

https://course.next1code.ir/bootstrap/02/bootstrap9.mp4

10 - position

https://course.next1code.ir/bootstrap/02/bootstrap10.mp4

11 - shadow

https://course.next1code.ir/bootstrap/02/bootstrap11.mp4

12 - sizing

https://course.next1code.ir/bootstrap/02/bootstrap12.mp4

13 - spacing

https://course.next1code.ir/bootstrap/02/bootstrap13.mp4

14 - text

https://course.next1code.ir/bootstrap/02/bootstrap14.mp4

15 - visibility

https://course.next1code.ir/bootstrap/02/bootstrap15.mp4

16 - flex

https://course.next1code.ir/bootstrap/02/bootstrap16.mp4
فصل سوم

components

17 - button

https://course.next1code.ir/bootstrap/03/bootstrap17.mp4

18 - collapse

https://course.next1code.ir/bootstrap/03/bootstrap18.mp4

19 - accordion

https://course.next1code.ir/bootstrap/03/bootstrap19.mp4

20 - close btn

https://course.next1code.ir/bootstrap/03/bootstrap20.mp4

21 - offcanvas

https://course.next1code.ir/bootstrap/03/bootstrap21.mp4

22 - modal

https://course.next1code.ir/bootstrap/03/bootstrap22.mp4

23 - carousel

https://course.next1code.ir/bootstrap/03/bootstrap23.mp4

24 - button group

خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.

25 - dropdown

خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.

26 - navs & tabs

خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.

27 - navbar 1

خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.

28 - navbar 2

خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.

29 - pagination

خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.

30 - progress

خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.

31 - spinner

خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.

32 - badge

خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.

33 - list group

خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.

34 - card

خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
فصل چهارم

content

35 - rebot & typography

خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.

36 - figures & images

خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.

37 - table 1

خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.

38 - table 1

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

form

39 - form control

خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.

40 - select

خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.

41 - checks & radios

خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.

42 - range

https://course.next1code.ir/bootstrap/05/bootstrap42.mp4

43 - input group

خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.

44 - floating label

خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
فصل ششم

layout

45 - breakpoints

خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.

46 - container

خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.

47 - Grid- equal width col

خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.

48 - Grid- unequal width col

خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.

49 - Grid- col-auto

خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.

50 - Grid- col-breakpoint

خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.

51 - Grid- col-breakpoint-num

خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.

52 - Grid- row-cols

خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.

53 - Grid- nesting

خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.

54 - columns - flex props on col

خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.

55 - columns - offset

خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.

56 - gutters

خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.

57 - hide on special breakpoint

خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
فصل هفتم

پروژه پایانی دوره

برچسب: آموزش بوت استرپ آموزش بوت استرپ 5.2 آموزش پروژه محور بوت استرپ بوت استرپ 5 بوت استرپ 5.2 بوت استرپ پروژه محور

chat_bubble_outlineنظرات

  • mohamadmolaei3( دانشجوی دوره )
    20 اکتبر 2022
    پاسخ

    ایول داری مهندس دمت گرم خیلی منتظرم این اموزش از شما بودم کیفیت ویدیو ها که از قبل بالا بود تو این دوره بهترم شده

    • میلاد بهرامی(مدیریت)
      20 اکتبر 2022
      پاسخ

      خیلییییییییییی ممنونم محمد جان ، مرسی ازت

  • سید فرامرز رضویان( دانشجوی دوره )
    21 اکتبر 2022
    امتیاز 5 از 5
    پاسخ

    بهترین استاد برنامه نویسی وب بدون شک
    منتظر بوتسترپ بودم واقعا، و همینطور منتظر ری اکت به زودی ان شاء الله
    موفق باشید هميشه ❤️

    • میلاد بهرامی(مدیریت)
      22 اکتبر 2022
      پاسخ

      فدای شما بشم سید جان ، مرسی

      • عرفان عزیزی( دانشجوی دوره )
        7 دسامبر 2022
        پاسخ

        سلام استاد خیلی ممنون بخاطر آموزش های بی نظیرتون ، استاد پروژه پایانی دوره کی آپلود میشه؟

      • عرفان عزیزی( دانشجوی دوره )
        31 دسامبر 2022
        پاسخ

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

  • VAHAB( دانشجوی دوره )
    21 اکتبر 2022
    امتیاز 5 از 5
    پاسخ

    مهندس جان خسته نباشین واقعا. خیلی منتظر این دورتون بودم.
    فقط فصل 4 فک کنم لینکش مشکل داره, من نمیتونم دانلودش کنم

    • میلاد بهرامی(مدیریت)
      23 اکتبر 2022
      پاسخ

      وهاب جان چک کردم مشکلی نداشت لینک دانلود ، یه بار دیگه چک کنید خودتون

  • بهادر خواجه میری( دانشجوی دوره )
    22 اکتبر 2022
    پاسخ

    ممنون از دوره‌ی خوبتون 👏😊👌
    استاد دو فصل آخر کی آپلود میشه؟

    • میلاد بهرامی(مدیریت)
      22 اکتبر 2022
      پاسخ

      مرسی زنده باشید ، فصل ششم هم آپلود شد ، فصل آخر هم طی دو سه روز اینده اپلود میشه

  • مهمد مهدی کربلابی( دانشجوی دوره )
    22 اکتبر 2022
    پاسخ

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

    • میلاد بهرامی(مدیریت)
      23 اکتبر 2022
      پاسخ

      سلام،یه بار دیگه پنلتون رو چک کنید

  • halim.ahmadi001( دانشجوی دوره )
    23 اکتبر 2022
    امتیاز 5 از 5
    پاسخ

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

    • میلاد بهرامی(مدیریت)
      23 اکتبر 2022
      پاسخ

      خیلی ممنونم🌹

  • ebrahimip109( دانشجوی دوره )
    25 اکتبر 2022
    امتیاز 5 از 5
    پاسخ

    سلام استاد خسته نباشید و ممنون از دوره خوبتون .
    لطفا میشه دوره فریمورک تیلویند رو هم بزارید به نظرم خیلی بهتر از بوت استرپه.

    • میلاد بهرامی(مدیریت)
      25 اکتبر 2022
      پاسخ

      سلام ، وقتتون بخیر
      انشالله دوره آموزش تیلویند هم توی سایت قرار میگیره

  • فرزانه نوروزی( دانشجوی دوره )
    3 نوامبر 2022
    پاسخ

    سلام وقت بخیر
    استاددر فصل دوم مبحث possitionها منظوراز
    translate-middle
    translate-middle-x
    translate-middle-yچیه دقیق متوجه نشدم وسایتم خوندم اما …
    ی توضیح مختصربدین ممنون میشم ومنواز گنگی دراوردین

  • shayan Sharifi( دانشجوی دوره )
    9 نوامبر 2022
    امتیاز 5 از 5
    پاسخ

    سلام لطفا تلویند رو هم بزارید استقبال میشه ازش

    • میلاد بهرامی(مدیریت)
      10 نوامبر 2022
      پاسخ

      چشم شایان جان ، دوره تیلویند هم میزارم حتما

  • mehranzare856( دانشجوی دوره )
    14 نوامبر 2022
    امتیاز 5 از 5
    پاسخ

    سلام استاد دانلود فصل هفتم قسمت اول دانلود نمیشه در ضمن ممنون از دوره خوبتون

    • میلاد بهرامی(مدیریت)
      16 نوامبر 2022
      پاسخ

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

  • shayan Sharifi( دانشجوی دوره )
    15 نوامبر 2022
    امتیاز 5 از 5
    پاسخ

    دوره رو کامل دیدم و عالی بود فقط قسمت هایی که کم کاربرد تر بودن رو آموزش ندادید اگه میشه اون قسمت ها رو هم توی یه فصل جدید دیگه اضافه کنید 💙💙

    • میلاد بهرامی(مدیریت)
      16 نوامبر 2022
      پاسخ

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

  • بهادر خواجه میری( دانشجوی دوره )
    16 نوامبر 2022
    امتیاز 5 از 5
    پاسخ

    سلام و تشکر مجدد 😊
    استاد تو فصل 4 قسمت 35 نیست. تو بارگذاری جامونده یا شماره‌گذاری اشتباه شده؟ اگه جامونده لطفاً بذارینش. ممنون 🙏

    • میلاد بهرامی(مدیریت)
      17 نوامبر 2022
      پاسخ

      سلام بهادر جان ، وقتتون بخیر ، توی شماره گذاری اشتباه شده

  • farzanehnorouzi( دانشجوی دوره )
    20 نوامبر 2022
    پاسخ

    سلام استاد مبحث validationاز بخشformها رو نگفتین قراربودهم بگین

  • فرزانه نوروزی( دانشجوی دوره )
    20 نوامبر 2022
    پاسخ

    سلام وقت بخیر
    استاد مبحث validaitionاز بخشformهارو اموزش ندادین ایا اموزشش رو نمیزارین

  • اشکان محمدپور( دانشجوی دوره )
    23 نوامبر 2022
    امتیاز 5 از 5
    پاسخ

    سلام استاد

  • اشکان محمدپور( دانشجوی دوره )
    23 نوامبر 2022
    امتیاز 5 از 5
    پاسخ

    استاد فصل هفت بخش اول دانلودش مشکل داره !!

    • میلاد بهرامی(مدیریت)
      24 نوامبر 2022
      پاسخ

      سلام اشکان جان ، یه بار دیگه بررسی کنید ، لینک دانلود اصلاح شد

  • لادن حضرتی( دانشجوی دوره )
    9 دسامبر 2022
    امتیاز 5 از 5
    پاسخ

    سلام ممنون بابت دوره عالیتون🌸
    فصل هفتم کِی آپلود میشه؟

    • میلاد بهرامی(مدیریت)
      10 دسامبر 2022
      پاسخ

      سلام م عرض ادب
      بالای صفحه توی بخش دانلود ویدئو ها لینک های دانلود فصل 7 قرار داره
      اگه نتونستید پیدا کنید لینک ها رو به ایدی پشتیبانی دوره توی تلگرام پیام بدین

قوانین ثبت دیدگاه

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

لغو پاسخ

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

پیشنهادشگفت انگیز
قیمت :

399,000 تومان 199,000 تومان

امتیاز
5.00 از 11 رأی
5.00 11 رای
399,000 تومان 199,000 تومان
تعداد دانشجو : 196
نوع دوره: غیر حضوری (دانلودی)
پیش نیاز: تسلط کامل به html و css
مدت دوره : 12 ساعت
تعداد فصل ها : 7 فصل
روش دریافت: دانلود یکجای فصل به فصل
روش پشتیبانی: پشتیبانی در تلگرام
درصد پیشرفت دوره: %100
7.01k بازدید 32 دیدگاه
میلاد بهرامی
میلاد بهرامی
برنامه نویس و توسعه دهنده وب

دسته: طراحی سایت
رسالت نکست وان کد

نکست وان کد با هدف تولید آموزش هایی ایجاد شده ، که حس شیرینِ یادگیری لذت بخش برنامه نویسی و طراحی وب رو تجربه کنید.

تمامی حقوق برای سایت نکست وان کد محفوظ می باشد.

ورود

رمز عبور را فراموش کرده اید؟

هنوز عضو نشده اید؟ عضویت در سایت