آموزش بوت استرپ 5 وب‌سایت‌های واکنش‌گرای تلفن همراه اول ایجاد کنید

Bootstrap 5 Create Responsive mobile first websites

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره: در این دوره کامل دانش آموزان یاد می گیرند که چگونه از بوت استرپ برای ایجاد صفحات وب استفاده کنند. HTML CSS جاوا اسکریپت چگونه با Bootstrap 5 Bootstrap 5 وب‌سایت‌های آماده برای تلفن همراه واکنش‌گرا ایجاد کنیم نحوه ایجاد نمایش اسلاید مدال نوار ناوبری و موارد دیگر موارد جدید با Bootstrap 5 کلاس‌ها و استایل جدید از Bootstrap 4 برای ایجاد سریع وب‌سایت‌ها در مورد تغییرات Bootstrap 3 به Bootstrap 4 Access استفاده کنید. ، راه اندازی و استفاده از بوت استرپ در پروژه های وب ایجاد وب سایت از ابتدا با استفاده از بوت استرپ 4 آموزش ساخت بوت استرپ 3 که آماده بوت استرپ 4 است ایجاد وب سایت های واکنش گرا آماده موبایل به سرعت پیش نیازها:باید دانش اولیه HTML و CSS دسترسی به کامپیوتر

Bootstrap 5 گنجانده شده است - اکنون Bootstrap بهتر از همیشه است!

Bootstrap به شما امکان می‌دهد وب‌سایت‌های کاملاً واکنش‌گرا - سریع و آسان برای اولین بار در تلفن همراه بسازید

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

مؤلفه‌های جدید Bootstrap 5 گزینه‌های بیشتری را برای استایل و واکنش‌پذیری بیشتر از همیشه فراهم می‌کنند.

Bootstrap 5 اکنون از jQuery خاموش است و اکنون فقط از جاوا اسکریپت استفاده می کند.

دوره شامل کد منبع و نمونه‌های کدنویسی برای کلاس‌های بوت استرپ است که معمولاً استفاده می‌شود.

  • شروع بوت استرپ با توسعه وب سریع بوت استرپ

  • کلاس های سیال و کانتینر Bootstrap 5 Containers

  • Bootstrap 5 Grid Rows and Columns تنظیم ستون و ردیف

  • متن و تایپوگرافی در Bootstrap 5

  • نحوه به روز رسانی کلاس های تصویر در بوت استرپ 5

  • نحوه استفاده از کلاس های جدول Bootstrap 5

  • نمونه‌هایی از Bootstrap 5 Colors برای عناصر

  • مؤلفه‌های هشدارهای Bootstrap تعاملی 5 بسته و باز می‌شوند

  • مؤلفه‌های آکاردئونی Bootstrap 5 محتوای عنصر را پنهان و نشان می‌دهد

  • مؤلفه‌های Bootstrap 5 Buttons پس‌زمینه‌ها و تعاملات را تشریح می‌کند

  • تنظیم کامپوننت کارت بوت استرپ 5 فوتر سرصفحه و بدنه محتوا

  • منوی ناوبری Bootstrap 5 Nav و NavBar Responsive Mobile آماده تغییر اندازه

  • نمایش اسلاید Carousel Bootstrap 5 برای تصاویر با Bootstrap آسان

  • محتوای بازشوی مؤلفه Bootstrap 5 Modal با کلیک روی دکمه

  • ابزارهای Bootstrap 5 برای تعیین موقعیت حاشیه‌های متنی محتوای عنصر

Bootstrap، محبوب‌ترین ابزار منبع باز جلویی جهان به شما امکان می‌دهد تا با استفاده از مؤلفه‌های Bootstrap و کلاس‌های سبک، به سرعت وب‌سایت‌ها را ایجاد، سفارشی‌سازی و توسعه دهید.

محتوای به روز شده جدید و چندین نسخه از Bootstrap را پوشش می دهد.

نسخه‌های قبلی Bootstrap را نیز شامل می‌شود - نمونه‌هایی در مورد نحوه ایجاد صفحات وب با Bootstrap بارگیری شده است.

نحوه استفاده از Bootstrap 5 Containers


  • ردیف‌ها و ستون‌های شبکه Bootstrap 5 را کاوش کنید

  • متن و تایپوگرافی را در Bootstrap 5 اعمال کنید

  • نحوه به روز رسانی کلاس های تصویر

  • کلاس های جدول بوت استرپ 5 با مثال

  • اطلاعات موفقیت اولیه Bootstrap 5 Colors Danger Dark Light

  • Bootstrap 5 Alerts Components نحوه فعال کردن آنها

  • Bootstrap 5 Components Accordion مخفی و نمایش داده می شود

  • Bootstrap 5 Buttons Components Outline and Background Color

  • کارت مؤلفه بوت استرپ 5

  • Bootstrap 5 Nav and NavBar Responsive Mobile آماده تغییر اندازه نوار ناوبری

  • Bootstrap 5 Carousel ایجاد یک نمایش اسلاید با گزینه های تعاملی Image Slider

  • Bootstrap 5 مولفه Modal گزینه‌ها و مثال‌های Modal

  • Bootstrap 5 Utilities padding color text حاشیه تراز کردن عناصر موقعیت یابی اندازه

بارگذاری شده با محتوای جدید جدید و 3 نمونه وب سایت +++++ همه کد منبع ++++++

تعداد زیادی محتوای جدید - 3 وب سایت با بوت استرپ 4 از ابتدا ایجاد کنید

3 بخش اول Bootstrap 4.4 هستند - درس های بعدی Bootstrap 4 alpha

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

نمونه‌هایی از مؤلفه‌های Bootstrap 4 را بررسی و کدنویسی کنید.

به‌روزرسانی گسترده فقط برای این دوره، ببینید چه چیزی با Bootstrap جدید است

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

نمونه نحوه ساختن وب سایت های نمونه با Bootstrap 4 - گام به گام

به سمت کدنویسی بروید، اولین درس‌ها شامل ایجاد وب‌سایت‌های Bootstrap 4 می‌شود

به دنبال بررسی نحو کد - ببینید چه چیزی ممکن است و چگونه می توان از آن برای ایجاد سریع وب سایت با Bootstrap استفاده کرد. محتوای وب سایت خود را به راحتی سفارشی کنید. طراحی وایرفریم و صفحه وب شما از ابتدا تا انتها با Bootstrap.

وب سایت خود را در 4 مرحله آسان ایجاد کنید

  • ساختار معمولی قالب HTML را برای یک وب سایت تنظیم کنید

  • گرید را با بوت استرپ بسازید

  • جزئیات را برای نمایش محتوای مورد نیاز اضافه کنید

  • تنظیمات را با رنگ‌ها و سایر ابزارها انجام دهید.

اجزای بوت استرپ که در درس ها پوشش داده شده اند

  • هر چیزی را که برای شروع با Bootstrap 4 نیاز دارید پوشش می دهد

  • ساختار صفحه HTML Quick Layout Bootstrap 4

  • استفاده از مؤلفه های محبوب Bootstrap 4

  • هشدارهای Bootstrap 4

  • نشان‌های Bootstrap 4

  • استفاده از Breadcrumb از Bootstrap 4

  • دکمه های Cool Bootstrap 4

  • کارت‌های Bootstrap 4 را کاوش کنید

  • ایجاد چرخ فلک از نمایش های اسلاید شگفت انگیز Bootstrap 4

  • آکاردئون محتوا و Bootstrap 4 بیشتر را جمع کنید

  • کشویی با Bootstrap 4

  • قالب‌بندی فرم‌های بوت استرپ 4 با گروه‌های ورودی

  • Jumbotron برای برجسته کردن محتوای شما در Bootstrap 4

  • لیست گروه بندی محتوا در لیست های Bootstrap 4

  • Wow Bootstrap 4 Modals

  • پاسخگوی ناوبری و نوارهای ناوبری بوت استرپ 4

  • صفحه بندی با بوت استرپ 4

  • Easy Bootstrap 4 Popovers

  • نوار پیشرفت و Bootstrap 4 بیشتر

  • به نوار ناوبری فعال Bootstrap 4 پیمایش کنید

  • Spinners برای Bootstrap 4

  • Bootstrap 4 Toasts

  • افزودن راهنمای ابزار Bootstrap 4

چارچوب بوت استرپ 4 - توسعه سریع وب سایت - کلاس هایی را برای ساخت وب سایت خود انتخاب و اضافه کنید.

با محبوب‌ترین کتابخانه مؤلفه‌های جلویی جهان، پروژه‌های پاسخگو و اولین تلفن همراه را در وب بسازید.

Bootstrap یک ابزار منبع باز برای توسعه با HTML، CSS و JS است. به سرعت ایده های خود را نمونه اولیه کنید یا کل برنامه خود را با متغیرها و میکسین های Sass، سیستم گرید پاسخگو، اجزای از پیش ساخته شده گسترده و افزونه های قدرتمند ساخته شده بر روی jQuery ما بسازید.

_________________________________________________________________________________

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

اجازه دهید شما را با استفاده از Bootstrap برای ایجاد وب سایت آشنا کنیم

در اینجا چیزی است که در دوره کامل ما خواهید آموخت!

  • نمونه هایی از نحوه راه اندازی Bootstrap در صفحات وب خود

  • کد منبع برای کار همراه با محتوای دوره گنجانده شده است

  • نمونه هایی از تغییرات جدید بوت استرپ 4

  • ایجاد تم های Bootstrap با Bootstrap از همیشه آسان تر است

  • سیستم شبکه ای که قلب بوت استرپ است - با نمونه هایی از عملکردهای جدید بهبود یافته سیستم شبکه ای Bootstrap 4

  • چاه‌ها و تصاویر کوچک اکنون با کارت‌ها جایگزین شده‌اند - ظرف قابل گسترش جدید

  • مفاهیم اصلی بوت استرپ

  • نحوه ایجاد وب سایت با بوت استرپ

  • نوار پیمایش جدید و بهبود یافته برای Bootstrap

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

________________________________________________________________________________

وقتی چیز جدیدی یاد می گیریم، آن را به دوره اضافه می کنم - بدون هزینه اضافی برای شما! این دوره ای است که به هر جنبه ای از زندگی شما بیشتر و بیشتر خواهد افزود.

علاوه بر ضمانت بازگشت وجه 30 روزه Udemy، شما ضمانت شخصی من را دارید که از آنچه در این دوره یاد می گیرید لذت خواهید برد. اگر سؤالی دارید، لطفاً مستقیماً به ما پیام دهید و ما تمام تلاش خود را می کنیم تا در اسرع وقت با شما تماس بگیریم!

________________________________________________________________________________

کارهایی که نمی توانم در این دوره انجام دهم...

من نمی توانم موفقیت شما را تضمین کنم - این دوره از طرف شما کار می کند. اما تو میتوانی انجامش بدهی!

من نیز مسئول اعمال شما نیستم. شما مسئول 100% تصمیمات و اقداماتی هستید که در حین استفاده از این دوره انجام می دهید.

________________________________________________________________________________

این دوره برای همیشه با این قیمت باقی نمی ماند! وقت آن است که اقدام کنید!

همین حالا روی دکمه "در این دوره شرکت کنید" در بالا کلیک کنید!

... هر ساعت تاخیر برای شما هزینه دارد...

در دوره می بینمت!

با احترام،

Laurence Svekis


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

Bootstrap 5 مقدمه ای برای شروع کار با Bootstrap Framework Bootstrap 5 Introduction to getting started with Bootstrap Framework

  • Bootstrap 5 مقدمه Bootstrap 5 Introduction

  • چگونه با Bootstrap 5 برای توسعه وب واکنشگرا شروع کنیم How to get Started with Bootstrap 5 for responsive web development

  • نحوه استفاده از Bootstrap 5 Containers How to use Bootstrap 5 Containers

  • نمونه کدنویسی کانتینرهای کد منبع برای بوت استرپ 5 Source Code Containers for Bootstrap 5 coding example

  • Bootstrap 5 Grid Rows and Columns را کاوش کنید Explore the Bootstrap 5 Grid Rows and Columns

  • نمونه های شبکه بوت استرپ 5 Bootstrap 5 Grid Examples

  • متن و تایپوگرافی بوت استرپ 5 اعمال متن و تایپوگرافی در بوت استرپ 5 Text and Typography Bootstrap 5 Apply Text and Typography in Bootstrap 5

  • کد منبع مثال Bootstrap 5 کلاس های تایپوگرافی و متن Source Code Example Bootstrap 5 Typography and Text Classes

  • کلاس های تصاویر بوت استرپ 5 چگونه کلاس های تصویر را به روز کنیم Images Classes Bootstrap 5 How to update Image Classes

  • نحوه اضافه کردن تصاویر How to add Images

  • بوت استرپ 5 جدول بوت استرپ 5 کلاس جدول با مثال Bootstrap 5 Tables Bootstrap 5 Table Classes with Examples

  • نمونه های کدنویسی جدول بوت استرپ 5 Bootstrap 5 table coding examples

  • بوت استرپ 5 رنگ بوت استرپ 5 رنگ اطلاعات موفقیت اولیه خطر نور تاریک Bootstrap 5 Colors Bootstrap 5 Colors Primary Success Info Danger Dark Light

  • کد منبع بوت استرپ 5 رنگ Source Code Bootstrap 5 Colors

  • Bootstrap 5 Alerts Components Bootstrap 5 Alerts Components چگونه آنها را فعال کنیم Bootstrap 5 Alerts Components Bootstrap 5 Alerts Components how to activate them

  • کد منبع Bootstrap 5 Alerts Components Source Code Bootstrap 5 Alerts Components

  • Bootstrap 5 Accordion Components Bootstrap 5 Accordion Components مخفی و نمایش داده می شود Bootstrap 5 Accordion Components Bootstrap 5 Accordion Components hide and show

  • کد منبع Bootstrap 5 اجزای آکاردئونی Source Code Bootstrap 5 Accordion Components

  • Bootstrap 5 Buttons Components Bootstrap 5 Buttons Components Outline and more Bootstrap 5 Buttons Components Bootstrap 5 Buttons Components Outline and more

  • کد منبع بوت استرپ 5 اجزای دکمه Source Code Bootstrap 5 Buttons Components

  • بوت استرپ کامپوننت کارت 5 Card Component Bootstrap 5

  • بوت استرپ کامپوننت کارت منبع کد 5 Source Code Card Component Bootstrap 5

  • Nav و NavBar Responsive Bootstrap 5 Nav و NavBar Responsive Mobile آماده است Nav and NavBar Responsive Bootstrap 5 Nav and NavBar Responsive mobile ready

  • کد منبع Nav و NavBar پاسخگو است Source Code Nav and NavBar Responsive

  • Bootstrap 5 Carousel یک نمایش اسلاید با گزینه های تعاملی Image Slider ایجاد کنید Bootstrap 5 Carousel Create a slideshow with interactive options Image Slider

  • کد منبع بوت استرپ 5 چرخ فلک Source Code Bootstrap 5 Carousel

  • Bootstrap 5 Modal component Bootstrap 5 Modal component گزینه های Modal و بیشتر Bootstrap 5 Modal component Bootstrap 5 Modal component Modal options and more

  • کد مثال Bootstrap 5 مؤلفه Modal Code example Bootstrap 5 Modal component

  • Bootstrap 5 Utilities رنگ متن padding حاشیه تراز کردن عنصر موقعیت یابی اندازه Bootstrap 5 Utilities text color padding margin align sizing positioning element

  • کد منبع Bootstrap 5 Utilities مثالهایی Source code Bootstrap 5 Utilities examples

بررسی اجمالی دوره Bootstrap 4 Bootstrap 4 Course Overview

  • درس معرفی دوره بوت استرپ. Bootstrap course introduction lesson.

  • نسخه های بوت استرپ Bootstrap Versions

وب سایت بوت استرپ از ابتدا بوت استرپ 4.4 Bootstrap Website from Scratch Bootstrap 4.4

  • Bootstrap 4 Introduction Mega Bootstrap 4 Introduction Mega

  • منبع درس و راهنمای PDF پاداش Lesson resource and Bonus PDF guide

  • مقدمه ای برای شروع بوت استرپ 4. Introduction to Bootstrap 4 Start.

  • راه اندازی بوت استرپ Setup Bootstrap

  • کد منبع Source CODE

  • CSS استایل سفارشی Custom Styling CSS.

  • کد منبع Source Code

  • سازگاری با بوت استرپ Bootstrap compatibility

  • کد منبع Source Code

  • ساختار اصلی وب سایت Basic WebSite Structure

  • کد منبع Source Code

  • اصول اولیه بوت استرپ Basics of Bootstrap

  • کد منبع Source Code

  • شبکه بوت استرپ. Bootstrap Grid.

  • کد منبع Source Code

  • کلاس دید Visibility Class.

  • تایپوگرافی اندازه متن پلاس Typography Text Sizes Plus

  • کد منبع Source Code

  • تصاویر پاسخگو و بیشتر. Images responsive and more.

  • کد منبع Source Code

  • جداول در بوت استرپ tables in Bootstrap.

  • کد منبع source Code

  • اجزای - کارت Components - Cards

  • کد منبع Source Code

  • اجزای - گروه لیست Components - List group

  • کد منبع Source COde

  • NavBar Bootstrap. NavBar Bootstrap.

  • کد منبع Source Code

  • پس زمینه و متن را رنگ می کند. Colors backgrounds and text.

  • بررسی پروژه. Project Review.

  • منبع کامل پروژه Full Project Source

وب سایت تک صفحه ای با بوت استرپ 4.4 Single Page Website with Bootstrap 4.4

  • مقدمه وب سایت Sinlge Page Introduction Sinlge Page Website

  • تنظیم ساختار صفحه Page Structure SetUp

  • بخش های صفحه برای محتوا Page Sections for Content

  • منبع Source

  • NavBar Sticky Top Bootstrap 4. NavBar Sticky Top Bootstrap 4.

  • کد منبع Source Code

  • آیکون های رسانه های اجتماعی Social Media Icons

  • کد منبع Source Code

  • بخش یک ظاهر طراحی سفارشی Section Custom Styling

  • کد منبع Source Code

  • درباره Card Deck Bootstrap About Card Deck Bootstrap

  • کد منبع Source Code

  • چیدمان شبکه ای محصولات Products Grid Layout

  • کد منبع Source Code

  • چرخ فلک جزء نمایش اسلاید. Slideshow component Carousel.

  • کد منبع Source Code

  • فرم تماس بوت استرپ Contact Form Bootstrap

  • کد منبع Source Code

  • مطالب پاورقی Footer Contents

  • کد منبع Source Code

  • بوت استرپ ScrollSpy Bootstrap ScrollSpy

  • کد منبع Source Code

  • انیمیشن اسکرول صاف Smooth Scroll Animation

  • کد منبع Source Code

  • بررسی کد وب سایت Website Code Review.

  • وب سایت تک صفحه منبع کامل Complete Source Single Page Website

Bootstrap Components Building با وایرفریم و بیلد Bootstrap 4.4 Bootstrap Components Building with Bootstrap 4.4 wireframe and build

  • معرفی بوت استرپ Bootstrap Introduction

  • چیدمان بوت استرپ Bootstrap Layout.

  • معرفی Bootstrap Grid Bootstrap Grid Introduction

  • کد منبع Source Code

  • بوت استرپ اضافه کردن کلاس ها Bootstrap Add Classes

  • کد منبع Source Code

  • تصاویر بوت استرپ Bootstrap Images.

  • کد منبع Source Code

  • هشدار اجزای بوت استرپ Bootstrap Components Alert

  • کد منبع Source Code

  • نشان های اجزای بوت استرپ Bootstrap Components Badges

  • کد منبع Source Code

  • قطعات بوت استرپ BreadCrumbs. Bootstrap Components BreadCrumbs.

  • کد منبع Source Code

  • دکمه های اجزای بوت استرپ Bootstrap Components Buttons

  • کد منبع Source Code

  • کارت اجزای بوت استرپ. Bootstrap Components Cards.

  • کد منبع Source Code

  • چرخ فلک اجزای بوت استرپ Bootstrap Components Carousel

  • کد منبع Source Code

  • اجزای بوت استرپ جمع می شوند Bootstrap Components Collapse

  • کد منبع Source Code

  • کشویی اجزای بوت استرپ Bootstrap Components DropDown

  • کد منبع Source Code

  • فرم های اجزای بوت استرپ Bootstrap Components Forms

  • کد منبع Source Code

  • اجزای بوت استرپ Jumbotron. Bootstrap Components Jumbotron.

  • کد منبع Source Code

  • لیست بوت استرپ گروهی List Group Bootstrap

  • کد منبع Source Code

  • اجزای بوت استرپ معین. Components Modal Bootstrap.

  • کد منبع Source Code

  • Components Nav Bootstrap Components Nav Bootstrap

  • کد منبع Source Code

  • کامپوننت ها NavBar را بوت استرپ می کنند. Components Bootstrap NavBar.

  • کد منبع Source Code

  • اجزای Bootstrap Scrollspy Components Bootstrap Scrollspy

  • کد منبع Source Code

  • کامپوننت ها بوت استرپ صفحه بندی Components Bootstrap Pagination

  • کد منبع Source Code

  • اجزای Bootstrap Popovers و Tooltip Components Bootstrap Popovers and tooltip

  • کد منبع Source Code

  • نوار پیشرفت و اسپینرها. Progress bar and Spinners.

  • کد منبع Source Code

  • نتیجه گیری جزء Component Conclusion

بخش دوره های آلفا و بتا Bootstrap 4 Bootstrap 4 alpha and Beta Course Section

  • معرفی دوره بوت استرپ 4 Course Introduction Bootstrap 4

  • به روز رسانی های بتا بوت استرپ 4 Bootstrap 4 Beta Updates

  • نسخه بوت استرپ برای دوره Bootstrap Version for the course

  • Bootstrap 4 مقدمه ای بر تغییرات و آنچه ممکن است Bootstrap 4 Introduction to changes and what is possible

شروع به کار: راه اندازی Bootstrap 4 Getting Started: Setting Up Bootstrap 4

  • راه اندازی بوت استرپ Setting up Bootstrap

  • نمونه هایی از استایل بوت استرپ Examples of Bootstrap styling

  • کارهایی که می توانید با منابع بوت استرپ انجام دهید What you can do with Bootstrap Resources

  • پیوند به منابع بوت استرپ Links to Bootstrap Resources

  • سازگاری مرورگر Bootstrap 4 Bootstrap 4 Browser Compatability

ساخت وب سایت با بوت استرپ Creating Websites with Bootstrap

  • ساختار بوت استرپ Structure of Bootstrap

  • ظروف بوت استرپ Bootstrap Containers

  • معرفی بوت استرپ به Grid Bootstrap introduction to the Grid

  • کار با Grid Working with the Grid

  • کد منبع به روز شد Source Code Updated

  • شبکه بوت استرپ فشار کشش افست Bootstrap grid push pull offset

  • مخفی کردن عناصر در بوت استرپ Hide elements in Bootstrap

  • کلاس های شبکه Grid classes

  • جداول بوت استرپ Bootstrap Tables

  • فرم های بوت استرپ Bootstrap Forms

  • دکمه های بوت استرپ Bootstrap Buttons

  • گروه بندی دکمه ها با بوت استرپ Button Grouping with Bootstrap

  • دکمه های کد منبع Source Code Buttons

  • کار با تصاویر در بوت استرپ Working with Images in Bootstrap

  • تصاویر کد منبع Source Code Images

  • بوت استرپ JumboTron Bootstrap JumboTron

  • اعمال برچسب بر روی محتوا در بوت استرپ Applying Labels to Content in Bootstrap

  • ایجاد هشدار در بوت استرپ creating alerts in Bootstrap

  • مقدمه ای بر استفاده از کارت ها در بوت استرپ 4 Introduction to using Cards in Bootstrap 4

  • کار با کارت در بوت استرپ Working with Cards in Bootstrap

  • کارت کد منبع Source Code Cards

  • کلاس های Nav در بوت استرپ Nav classes in Bootstrap

  • کد منبع Nav Source Code Nav

  • یک نوار ناوبری با بوت استرپ ایجاد کنید و آن را سفارشی کنید Create a navbar with Bootstrap and customize it

  • تابع collapse را به نوار ناوبری اضافه کنید Add collapse function to navbar

  • یک نوار ناوبری پاسخگو ایجاد کنید Create a responsive Navbar

  • راه اندازی پودر سوخاری در بوت استرپ Setting up breadcrumbs in Bootstrap

  • کد منبع ناوبر Source Code Navbar

  • صفحه بندی با بوت استرپ Pagination with Bootstrap

  • اضافه کردن Modals به وب سایت شما Adding Modals to your website

  • کد منبع Modal Source Code Modal

  • راه اندازی چرخ فلک در بوت استرپ Carousel setup in Bootstrap

  • وب سایت بوت استرپ را به روز کنید Update Bootstrap website

  • کد منبع وب سایت بوت استرپ 4 Source Code Bootstrap 4 website

منابع دوره Course Resources

  • ویرایشگر منابع Resources Editor

  • سخنرانی پاداش Bonus Lecture

نمایش نظرات

Udemy (یودمی)

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

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

آموزش بوت استرپ 5 وب‌سایت‌های واکنش‌گرای تلفن همراه اول ایجاد کنید
جزییات دوره
10.5 hours
179
Udemy (یودمی) Udemy (یودمی)
(آخرین آپدیت)
58,897
4.4 از 5
دارد
دارد
دارد
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Laurence Svekis Laurence Svekis

پرفروش ترین مدرس دوره

نویسنده دوره طراحی وب و توسعه وب - آموزش حضوری و آنلاین به بیش از 1,000,000 دانش آموز در سطح جهان. کارشناس توسعه دهنده Google از سال 2020 GDE

من اینجا هستم تا به شما کمک کنم یاد بگیرید، به رویاهای خود برسید، امروز در این ماجراجویی شگفت انگیز به من بپیوندید
Google Developers Expert - GSuite

ارائه دوره های توسعه وب و دوره های استراتژی بازاریابی دیجیتال از سال 2002.

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

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

"یادگیری، درک با اشتیاق قوی برای آموزش. اینترنت فرصت های جدیدی را برای گسترش و به اشتراک گذاری دانش در اختیار ما قرار داده است."

می‌خواهید درباره تبدیل شدن به یک توسعه‌دهنده وب اطلاعات بیشتری کسب کنید، آیا می‌خواهید آزادی‌ای را که فناوری برای ما فراهم می‌کند، تجربه کنید؟ یاد بگیرید که چگونه چیزهای شگفت انگیز را به صورت آنلاین زنده کنید. فناوری همه ما را از طرق مختلف به هم متصل می کند. این درها را به روی کسانی باز می کند که آن را در آغوش می گیرند و یاد می گیرند که چگونه این ارتباطات را واقعی کنند.

"دوره های آموزشی من برای کمک به شما در دستیابی به اهداف، یادگیری و به روز رسانی مهارت ها طراحی شده اند"

سابقه و هدف : یک توسعه دهنده باتجربه برنامه های کاربردی وب، که روی چندین برنامه در سطح سازمانی، صدها وب سایت، راه حل های تجاری و بسیاری از برنامه های کاربردی وب منحصر به فرد و نوآور کار کرده است. زمینه های تخصصی توسعه برنامه های کاربردی وب عبارتند از HTML، CSS، JavaScript، JQuery، Bootstrap، PHP و MySQL. هر چیزی که مربوط به ایجاد وب و تجربه دیجیتال باشد. علاقه‌مند به هر کاری که با توسعه برنامه‌های کاربردی وب، برنامه‌نویسی تا بازاریابی آنلاین با تمرکز قوی بر رسانه‌های اجتماعی و SEO .

" درک فناوری وسیله ای برای ارتباط بهتر با کاربران فراهم می کند. همچنین درهای زیادی را باز می کند. دانش کلید موفقیت است و من می خواهم به شما کمک کنم تا آنچه را که فناوری ارائه می دهد تجربه کنید. من به فن آوری های وب علاقه مند هستم و مشتاقانه منتظر به اشتراک گذاشتن دانش و تجربه خود با شما هستم!"