آموزش مقدماتی تا پیشرفته Bootstrap5 (آپدیت 2024)
بوت استرپ5 (Bootstrap 5) یک چارچوب توسعه وب متن‌باز است که برای طراحی و توسعه وب سایت‌ها و برنامه‌های کاربردی تحت وب استفاده می‌شود. این چارچوب توسط توسعه دهندگان توییتر ایجاد شده و شامل مجموعه‌ای از قوانین طراحی، استایل‌ها و کامپوننت‌های UI است که برای ساخت وب سایت‌های ریسپانسیو و جذاب مورد استفاده قرار می‌گیرد.
نوع دوره
آنلاین از طریق اسپات پلیر
سطح دوره
مقدماتی تا حرفه ای
پیش نیاز
html , css
تاریخ آغاز
2 خرداد 1402
بروزرسانی
1 شهریور 1402
زبان
فارسی
زمان
15 ساعت تا الان
سرفصل
51 جلسه تا الان
روش دریافت
آنلاین
پشتیبانی
راه های ارتباطی
درصد پیشرفت دوره: %90
حالت مطالعه
“از مبتدی تا حرفه‌ای در طراحی وب سایت با بوت استرپ5!”
بوت استرپ5 (Bootstrap 5) یک چارچوب توسعه وب متن‌باز است که برای طراحی و توسعه وب سایت‌ها و برنامه‌های کاربردی تحت وب استفاده می‌شود. این چارچوب توسط توسعه دهندگان توییتر ایجاد شده و شامل مجموعه‌ای از قوانین طراحی، استایل‌ها و کامپوننت‌های UI است که برای ساخت وب سایت‌های ریسپانسیو و جذاب مورد استفاده قرار می‌گیرد.
بوت استرپ5 دارای کاربردهای گسترده‌ای است که شامل موارد زیر می‌شود:
- طراحی ریسپانسیو: بوت استرپ5 ابزارهای طراحی و استایل‌دهی را ارائه می‌دهد که به طراحان وب کمک می‌کند تا وب سایت‌ها و برنامه‌های کاربردی را به صورت ریسپانسیو، به اندازه صفحات مختلف دستگاه‌ها مانند رایانه‌های رومیزی، تبلت‌ها و تلفن‌های همراه، طراحی کنند. این به معنای بهینه سازی تجربه کاربری در هر دستگاه و اندازه صفحه نمایش است.
- کامپوننت‌های UI آماده: بوت استرپ5 مجموعه‌ای از کامپوننت‌های UI آماده مانند نوارهای ناوبری، فرم‌ها، دکمه‌ها، جداول، کارد‌ها، برگه‌ها و بسیاری از المان‌های دیگر را فراهم می‌کند. این کامپوننت‌ها قابلیت استفاده آسان، استایل‌دهی یکنواخت و سازگاری با مرورگرهای مختلف را فراهم می‌کنند.
- استایل‌دهی سریع و ساده: با استفاده از بوت استرپ5، طراحان وب میتوانند به سرعت و به سادگی استایل‌های مختلف را به صفحات وب خود اعمال کنند. با استفاده از کلاس‌ها، استایل‌های پیش‌فرض، تم‌ها و متغیرهای CSS در بوت استرپ5، می‌توان به سرعت ظاهر و استایل صفحات را تغییر داد و به آن‌ها زیبایی و یکنواختی بخشید.
- توسعه سریع: بوت استرپ5 به عنوان یک چارچوب آماده، زمان توسعه وب سایت‌ها و برنامه‌های کاربردی تحت وب را کاهش می‌دهد. با استفاده از قوانین و کامپوننت‌های طراحی آماده، طراحان و توسعه دهندگان میتوانند به سرعت بخش‌های مختلف صفحات را ایجاد کنند و زمان کدنویسی را کاهش دهند.
- سازگاری مرورگری: بوت استرپ5 با توجه به تلاش‌های زیادی که در تست و پشتیبانی از مرورگرهای مختلف صورت گرفته است، سازگاری بالایی با مرورگرهای مختلف مانند Chrome، Firefox، Safari، Edge و مرورگرهای موبایل دارد. این به معنای این است که صفحات وب ساخته شده با استفاده از بوت استرپ5 به درستی در تمام مرورگرها نمایش داده می‌شوند.
با توجه به کاربردهای متعددی که بوت استرپ5 دارد، این چارچوب توسعه وب محبوبیت بالایی در جامعه توسعه دهندگان وب دارد و به عنوان یک ابزار قدرتمند در توسعه سریع و طراحی جذاب و ریسپانسیو وب سایت‌ها مورد استفاده قرار می‌گیرد.
آموزش مقدماتی تا پیشرفته Bootstrap5 (آپدیت 2024)
تماشای رایگان دوره در کانال یوتیوب آکادمی فرا لرن
1- معرفی و پیش نیاز های دوره ویدئو
خصوصی
محتوای این درس خصوصی است. برای دسترسی کامل به محتوای دوره آن را خریداری کنید.
2- آشنایی با مفهوم ریسپانسیو ویدئو
خصوصی
محتوای این درس خصوصی است. برای دسترسی کامل به محتوای دوره آن را خریداری کنید.
3- سئو سایت یعنی چی؟ ویدئو
خصوصی
محتوای این درس خصوصی است. برای دسترسی کامل به محتوای دوره آن را خریداری کنید.
4- نصب و راه اندازی بوت استرپ ویدئو
خصوصی
محتوای این درس خصوصی است. برای دسترسی کامل به محتوای دوره آن را خریداری کنید.
5- بررسی وبسایت رسمی بوت استرپ ویدئو
خصوصی
محتوای این درس خصوصی است. برای دسترسی کامل به محتوای دوره آن را خریداری کنید.
6- آشنایی با container و container-fluid ویدئو
خصوصی
محتوای این درس خصوصی است. برای دسترسی کامل به محتوای دوره آن را خریداری کنید.
7- کلاس های تایپوگرافی ویدئو
خصوصی
محتوای این درس خصوصی است. برای دسترسی کامل به محتوای دوره آن را خریداری کنید.
8- رنگ ها در بوت استرپ ویدئو
خصوصی
محتوای این درس خصوصی است. برای دسترسی کامل به محتوای دوره آن را خریداری کنید.
9- break point و media query ویدئو
خصوصی
محتوای این درس خصوصی است. برای دسترسی کامل به محتوای دوره آن را خریداری کنید.
10- margin ویدئو
خصوصی
محتوای این درس خصوصی است. برای دسترسی کامل به محتوای دوره آن را خریداری کنید.
11- padding ویدئو
خصوصی
محتوای این درس خصوصی است. برای دسترسی کامل به محتوای دوره آن را خریداری کنید.
12- border ویدئو
خصوصی
محتوای این درس خصوصی است. برای دسترسی کامل به محتوای دوره آن را خریداری کنید.
13- شخصی سازی کلاس های بوت استرپ ویدئو
خصوصی
محتوای این درس خصوصی است. برای دسترسی کامل به محتوای دوره آن را خریداری کنید.
14- grid در BS5 (بخش اول) ویدئو
خصوصی
محتوای این درس خصوصی است. برای دسترسی کامل به محتوای دوره آن را خریداری کنید.
15- grid در BS5 (بخش دوم) ویدئو
خصوصی
محتوای این درس خصوصی است. برای دسترسی کامل به محتوای دوره آن را خریداری کنید.
16- grid در BS5 (بخش سوم) ویدئو
خصوصی
محتوای این درس خصوصی است. برای دسترسی کامل به محتوای دوره آن را خریداری کنید.
17) grid در BS5 (بخش چهارم) ویدئو
خصوصی
محتوای این درس خصوصی است. برای دسترسی کامل به محتوای دوره آن را خریداری کنید.
18) مینی پروژه آشنایی با کاربرد grid ویدئو
خصوصی
محتوای این درس خصوصی است. برای دسترسی کامل به محتوای دوره آن را خریداری کنید.
19) آشنایی با display در BS5 ویدئو
خصوصی
محتوای این درس خصوصی است. برای دسترسی کامل به محتوای دوره آن را خریداری کنید.
20) عرض و ارتفاع ویدئو
خصوصی
محتوای این درس خصوصی است. برای دسترسی کامل به محتوای دوره آن را خریداری کنید.
21) opacity ویدئو
خصوصی
محتوای این درس خصوصی است. برای دسترسی کامل به محتوای دوره آن را خریداری کنید.
22) flex (بخش اول) ویدئو
خصوصی
محتوای این درس خصوصی است. برای دسترسی کامل به محتوای دوره آن را خریداری کنید.
23) flex (بخش دوم) ویدئو
خصوصی
محتوای این درس خصوصی است. برای دسترسی کامل به محتوای دوره آن را خریداری کنید.
24) flex (بخش سوم) ویدئو
خصوصی
محتوای این درس خصوصی است. برای دسترسی کامل به محتوای دوره آن را خریداری کنید.
25) flex (بخش چهارم) ویدئو
خصوصی
محتوای این درس خصوصی است. برای دسترسی کامل به محتوای دوره آن را خریداری کنید.
26) جدول ها در BS5 ویدئو
خصوصی
محتوای این درس خصوصی است. برای دسترسی کامل به محتوای دوره آن را خریداری کنید.
27) کلاس های مربوط به دکمه ها در BS5 ویدئو
خصوصی
محتوای این درس خصوصی است. برای دسترسی کامل به محتوای دوره آن را خریداری کنید.
28) کارت ها ویدئو
خصوصی
محتوای این درس خصوصی است. برای دسترسی کامل به محتوای دوره آن را خریداری کنید.
29) فرم ها - کلاس های اصلی فرم ویدئو
خصوصی
محتوای این درس خصوصی است. برای دسترسی کامل به محتوای دوره آن را خریداری کنید.
30) فرم ها - کلاس های select ویدئو
خصوصی
محتوای این درس خصوصی است. برای دسترسی کامل به محتوای دوره آن را خریداری کنید.
31) فرم ها - checkbox, radio و switch ویدئو
خصوصی
محتوای این درس خصوصی است. برای دسترسی کامل به محتوای دوره آن را خریداری کنید.
32) فرم ها - input group ویدئو
خصوصی
محتوای این درس خصوصی است. برای دسترسی کامل به محتوای دوره آن را خریداری کنید.
33) فرم ها - range و floating label ویدئو
خصوصی
محتوای این درس خصوصی است. برای دسترسی کامل به محتوای دوره آن را خریداری کنید.
34) فرم ها - validation ویدئو
خصوصی
محتوای این درس خصوصی است. برای دسترسی کامل به محتوای دوره آن را خریداری کنید.
35) پروژه ساده با فرم ها ویدئو
خصوصی
محتوای این درس خصوصی است. برای دسترسی کامل به محتوای دوره آن را خریداری کنید.
36) پروژه جذاب و حرفه ای فرم ها (بخش اول) ویدئو
خصوصی
محتوای این درس خصوصی است. برای دسترسی کامل به محتوای دوره آن را خریداری کنید.
37) پروژه جذاب و حرفه ای فرم ها (بخش دوم) ویدئو
خصوصی
محتوای این درس خصوصی است. برای دسترسی کامل به محتوای دوره آن را خریداری کنید.
38) منو های آکاردئونی ویدئو
خصوصی
محتوای این درس خصوصی است. برای دسترسی کامل به محتوای دوره آن را خریداری کنید.
39) alert ویدئو
خصوصی
محتوای این درس خصوصی است. برای دسترسی کامل به محتوای دوره آن را خریداری کنید.
40) carousel ویدئو
خصوصی
محتوای این درس خصوصی است. برای دسترسی کامل به محتوای دوره آن را خریداری کنید.
41) collapse ویدئو
خصوصی
محتوای این درس خصوصی است. برای دسترسی کامل به محتوای دوره آن را خریداری کنید.
42) drop down ویدئو
خصوصی
محتوای این درس خصوصی است. برای دسترسی کامل به محتوای دوره آن را خریداری کنید.
43) navbar ویدئو
خصوصی
محتوای این درس خصوصی است. برای دسترسی کامل به محتوای دوره آن را خریداری کنید.
44) پروژه collapse و card (بخش اول) ویدئو
خصوصی
محتوای این درس خصوصی است. برای دسترسی کامل به محتوای دوره آن را خریداری کنید.
45) پروژه collapse و card (بخش دوم) ویدئو
خصوصی
محتوای این درس خصوصی است. برای دسترسی کامل به محتوای دوره آن را خریداری کنید.
46) modal ویدئو
خصوصی
محتوای این درس خصوصی است. برای دسترسی کامل به محتوای دوره آن را خریداری کنید.
47) pagination ویدئو
خصوصی
محتوای این درس خصوصی است. برای دسترسی کامل به محتوای دوره آن را خریداری کنید.
48) toast ویدئو
خصوصی
محتوای این درس خصوصی است. برای دسترسی کامل به محتوای دوره آن را خریداری کنید.
49) spinner ویدئو
خصوصی
محتوای این درس خصوصی است. برای دسترسی کامل به محتوای دوره آن را خریداری کنید.
50) progress bar ویدئو
خصوصی
محتوای این درس خصوصی است. برای دسترسی کامل به محتوای دوره آن را خریداری کنید.
51) toltip و Popovers ویدئو
خصوصی
محتوای این درس خصوصی است. برای دسترسی کامل به محتوای دوره آن را خریداری کنید.
52) مینی پروژه (بخش اول) ویدئو
خصوصی
محتوای این درس خصوصی است. برای دسترسی کامل به محتوای دوره آن را خریداری کنید.
53) مینی پروژه (بخش دوم) ویدئو
خصوصی
محتوای این درس خصوصی است. برای دسترسی کامل به محتوای دوره آن را خریداری کنید.
54) راست چین کردن بوت استرپ ویدئو
خصوصی
محتوای این درس خصوصی است. برای دسترسی کامل به محتوای دوره آن را خریداری کنید.
55) استفاده از فونت ها و آیکون های سفارشی ویدئو
خصوصی
محتوای این درس خصوصی است. برای دسترسی کامل به محتوای دوره آن را خریداری کنید.
56) انیمیشن ها در بوت استرپ ویدئو
خصوصی
محتوای این درس خصوصی است. برای دسترسی کامل به محتوای دوره آن را خریداری کنید.
57) پروژه جذاب و حرفه ای با بوت استرپ (بخش اول) ویدئو
خصوصی
محتوای این درس خصوصی است. برای دسترسی کامل به محتوای دوره آن را خریداری کنید.
58) پروژه جذاب و حرفه ای با بوت استرپ (بخش دوم) ویدئو
خصوصی
محتوای این درس خصوصی است. برای دسترسی کامل به محتوای دوره آن را خریداری کنید.
59) پروژه نهایی دوره (بخش اول) ویدئو
خصوصی
محتوای این درس خصوصی است. برای دسترسی کامل به محتوای دوره آن را خریداری کنید.
60) پروژه نهایی دوره (بخش دوم) ویدئو
خصوصی
محتوای این درس خصوصی است. برای دسترسی کامل به محتوای دوره آن را خریداری کنید.
61) پروژه نهایی دوره (بخش سوم) ویدئو
خصوصی
محتوای این درس خصوصی است. برای دسترسی کامل به محتوای دوره آن را خریداری کنید.
مدرس
محمد بیگی
Senior Software Developerمحمد بیگی برنامه نویس تحت وب با بیش از 6 سال سابقه، برنامه نویس فرانت اند و بک اند، متخصص سئو، مدرس زبان های برنامه نویسی و سئو سایت بصورت حضوری و مجازی در دانشگاه ملی و آموزشگاه های مطرح
برچسب: آموزش بوت استرپ طراحی سایت
قبل از هرچیزی، فرم درخواست مشاوره را تکمیل کنید!
دوره های مرتبط
50,000 تومان
قیمت اصلی 100,000 تومان بود.60,000 تومانقیمت فعلی 60,000 تومان است.
نظرات
قوانین ثبت دیدگاه
- دیدگاه های نامرتبط به مطلب تایید نخواهد شد.
- از درج دیدگاه های تکراری پرهیز نمایید.
- فقط خریداران محصول میتوانند امتیاز خود را ثبت کنند.
برای ارسال نظر باید وارد حساب کاربری خود شده باشید.
397,000 تومان
6 دیدگاه
1.35k بازدید
لینک کوتاه
تبلیغات
???? Тrаnsасtiоn #ХN54. СОNFIRМ =>> https://telegra.ph/BTC-Transaction–797791-05-10?hs=80703284c307643d444bf5fe7b963253& ????
33d5iq