دوره آموزشی طراحی سایت با بوت استرپ

Website Design Course with Bootstrap

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره: آموزش گام به گام طراحی وب سایت با بوت استرپ آموزش کاربرد بوت استرپ در طراحی سایت آموزش استفاده از فریم ورک CSS بوت استرپ برای سفارشی سازی وب سایت آموزش استفاده از CSS سفارشی در زمان طراحی سایت چگونه طراحی وب سایت فرانت اند با بوت استرپ انجام دهیم پیش نیازها: دانش پایه کامپیوتر و لپ تاپ برای مدیریت کدهای ویرایشگر مانند - عالی، کدهای ویژوال استودیو مشتاق به یادگیری چیزهای جدید دانش اولیه HTML، CSS Tech و شکیبایی برای یادگیری

Bootstrap یک چارچوب توسعه front-end محبوب است که ایجاد وب‌سایت‌های واکنش‌گرا و تلفن همراه را آسان‌تر می‌کند.

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

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

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

پس از اتمام این دوره، شما

خواهید کرد

1. دریافت گواهی پایان دوره

2. یک مزیت رقابتی در بازار کار بدست آورید

3. قادر به طراحی کارآمد و موثر وب سایت

باشید

4. برای طراحی وب سایت به عنوان یک توسعه دهنده فرانت اند اطلاعات کاملی در مورد Bootstrap کسب کنید


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

01. مقدمه ای بر بوت استرپ و نمای کلی دوره

02. مقدمه کلاس های بوت استرپ - 1

03. مقدمه کلاس های بوت استرپ - 2

04. مقدمه کلاس های بوت استرپ قسمت - 3

05. مقدمه کلاس های بوت استرپ - 4

06. فرآیند تنظیم محیط محلی

07. فرآیند نصب Bootstrap Framework در کد

08. نحوه نصب فونت گوگل در کد وب سایت

09. نحوه اضافه کردن فونت Awesome Library در کد وب سایت

10. فرآیند افزودن منوی ناوبری در وب سایت با Bootstrap

11. سفارشی کردن منوی پیمایش در وب سایت

12. نحوه اضافه کردن بخش اسلایدر یا چرخ فلک در وب سایت با بوت استرپ

13. چگونه با کمک فایل CSS اضافی

تصویر اسلایدر را رفع کنیم

14. بخش خدمات ما را با Bootstrap

طراحی کنید

15. نحوه افزودن و طراحی بخش بنر در وب سایت با بوت استرپ

16. نحوه تعمیر یا اضافه کردن یک دکمه در بخش بنر

17. نحوه اضافه کردن نماد فونت عالی به وب سایت با بوت استرپ

18. طراحی و سفارشی کردن فرم تماس با Bootstrap

19. طراحی بخش پاورقی با Bootstrap Part-1

20. طراحی بخش پاورقی با Bootstrap Part-2

21. طراحی بخش حق چاپ با بوت استرپ


موفق باشید!


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

بخش نظری Theoretical Part

  • مقدمه ای بر بوت استرپ و نمای کلی دوره Introduction to Bootstrap and course overview

  • کلاس های بوت استرپ قسمت - 1 Bootstrap Classes Part - 1

  • کلاس های بوت استرپ قسمت - 2 Bootstrap Classes Part - 2

  • کلاس های بوت استرپ قسمت - 3 Bootstrap Classes Part - 3

  • کلاس های بوت استرپ قسمت - 4 Bootstrap Classes Part - 4

بخش عملی Practical Part

  • فرآیند تنظیم محیط محلی Local Environment Setup Process

  • فرآیند نصب Bootstrap Framework در کد Process to Install Bootstrap Framework in the Code

  • نحوه نصب فونت گوگل در کد وب سایت How to Install Google Font in the Website Code

  • نحوه اضافه کردن فونت Awesome Library در کد وب سایت How to Add Font Awesome Library in the Website Code

  • فرآیند افزودن منوی ناوبری در وب سایت با بوت استرپ Process to Add Navigation Menu on the Website with Bootstrap

  • سفارشی کردن منوی ناوبری در وب سایت Customize Navigation Menu on the Website

  • نحوه اضافه کردن بخش اسلایدر یا چرخ فلک در وب سایت با بوت استرپ How to Add Slider or Carousel Section on the Website with Bootstrap

  • چگونه می توان تصویر اسلایدر را با کمک فایل CSS اضافی برطرف کرد How to Fix Slider Image with the Help of Additional CSS File

  • بخش خدمات ما را با بوت استرپ طراحی کنید Design Our Services Section with Bootstrap

  • نحوه اضافه کردن و طراحی بخش بنر در وب سایت با بوت استرپ How to Add and Design a Banner Section on the Website with Bootstrap

  • نحوه تعمیر یا اضافه کردن یک دکمه در بخش بنر How to Fix or Add a Button in the Banner Section

  • نحوه اضافه کردن نماد فونت عالی به وب سایت با بوت استرپ How to Add Font Awesome Icon to the Website with Bootstrap

  • طراحی و سفارشی کردن فرم تماس با بوت استرپ Design and Customize Contact Form with Bootstrap

  • طراحی بخش پاورقی با Bootstrap Part-1 Footer Section Design with Bootstrap Part-1

  • طراحی بخش پاورقی با Bootstrap Part-2 Footer Section Design with Bootstrap Part-2

  • طراحی بخش حق چاپ با بوت استرپ Design Copyright Section with Bootstrap

نمایش نظرات

دوره آموزشی طراحی سایت با بوت استرپ
جزییات دوره
3 hours
21
Udemy (یودمی) Udemy (یودمی)
(آخرین آپدیت)
3
از 5
ندارد
ندارد
ندارد
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Tajvir Chowdhury Tajvir Chowdhury

مربی مهارت های نرم