لطفا جهت اطلاع از آخرین دوره ها و اخبار سایت در
کانال تلگرام
عضو شوید.
آموزش بوت استرپ 5 از ابتدا | ساخت 5 وب سایت مدرن
Bootstrap 5 From Scratch | Build 5 Modern Websites
نکته:
آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره:
آموزش سفارشی سازی و ساخت وب سایت های مدرن از ابتدا با استفاده از Bootstrap 5 ایجاد 5 وب سایت با کیفیت بالا از ابتدا ایجاد یک صفحه بخار محیطی برای کامپایل Sass و سفارشی سازی چالش های پروژه کوچک Bootstrap 3 یادگیری و بررسی کلاس ها و ابزارهای Bootstrap با استفاده از فایل های sandbox آموزش تکنیک های معنایی HTML5 و CSS پیش نیازها: شما باید اصول اولیه HTML و CSS را بدانید
این دوره برای کسانی است که می خواهند یاد بگیرند که چگونه با استفاده از چارچوب CSS بوت استرپ، وب سایت ها و رابط های کاربری مدرن بسازند. این دوره بسیار مناسب برای مبتدیان است، اما برای هرکسی که می خواهد پروژه های جالبی بسازد نیز مناسب است.
این دوره به چند قسمت تقسیم می شود...
جعبه ایمنی بوت استرپ
ما با یادگیری تمام کلاسهای مهم Bootstrap، ابزارهای کمکی، کمککنندهها و غیره با استفاده از جعبه ایمنی Bootstrap شروع میکنیم. این مجموعه ای از فایل هایی است که برای کامپوننت ها و قسمت های خاصی مانند دکمه ها، تایپوگرافی، ستون های شبکه، فلکس و غیره دسته بندی شده اند. شما یک نسخه شروع بدون کلاس خواهید داشت و ما کلاس ها را مرور می کنیم و اضافه می کنیم و در مورد آنها صحبت می کنیم. در برخی موارد CSS را بررسی کنید. ما از sandbox برای همه اجزای CSS و همچنین ویجتهای جاوا اسکریپت مانند چرخ فلک، آکاردئون، اعلانهای نان تست و غیره استفاده خواهیم کرد.
چالش های پروژه کوچک
چند پروژه کوچک وجود خواهد داشت که من از شما میخواهم آنها را بر اساس آنچه در بخشهای جعبه شنی آموختهاید، تکمیل کنید. این شامل یک شبکه قیمت گذاری، جزء رتبه بندی ها و یک لیست کاربر است. ممکن است موارد بیشتری را نیز به این بخش اضافه کنم.
الگوی شروع/صفحه دیگ بخار
ما در حال ایجاد یک الگو و محیط برای ساخت پروژه های اصلی خود خواهیم بود. این شامل استفاده از NPM (Node Package Manager) برای نصب Bootstrap و Sass می شود. ما بوت استرپ را با تغییر متغیرهای Sass و سپس کامپایل کردن یک فایل bootstrap.css سفارشی می کنیم. اگر NPM یا Sass را نمی شناسید، خوب است. در حین رفتن همه چیز را توضیح می دهم.
5 وب سایت اصلی
در مرحله بعد، از الگوی شروع برای ایجاد 5 وب سایت عالی استفاده خواهیم کرد. در این وبسایتها، ما از مؤلفههای بوت استرپ، ویجتهای جاوا اسکریپت و همچنین برخی از کتابخانههای جاوا اسکریپت سفارشی و بخش سوم استفاده خواهیم کرد تا عملکرد کمی بیشتر به ما ارائه دهد.
وب سایت ها به شرح زیر هستند:
- وب سایت کتاب الکترونیکی - وب سایتی که یک کتاب الکترونیکی رایگان در مورد راه اندازی وبلاگ ارائه می دهد
- وب سایت Corso - وب سایت ارائه دهنده دوره های آموزشی و سمینارها
- وب سایت نمونه کارها - نمونه کارها به ظاهر مدرن برای توسعه دهندگان
- وب سایت Yavin - کسب و کاری که فضاهای اداری سفارشی ایجاد می کند
- وب سایت Vera - وب سایت راه حل های نرم افزاری
سرفصل ها و درس ها
شروع شدن
Getting Started
شروع شدن
Getting Started
شروع شدن
Getting Started
به دوره خوش آمدید
Welcome To The Course
به دوره خوش آمدید
Welcome To The Course
به دوره خوش آمدید
Welcome To The Course
بررسی اجمالی پروژه ها
Projects Overview
بررسی اجمالی پروژه ها
Projects Overview
بررسی اجمالی پروژه ها
Projects Overview
بوت استرپ چیست؟
What Is Bootstrap?
بوت استرپ چیست؟
What Is Bootstrap?
بوت استرپ چیست؟
What Is Bootstrap?
نحوه استفاده از بوت استرپ
How To Use Bootstrap
نحوه استفاده از بوت استرپ
How To Use Bootstrap
نحوه استفاده از بوت استرپ
How To Use Bootstrap
تنظیم اولیه محیط
Basic Environment Setup
تنظیم اولیه محیط
Basic Environment Setup
تنظیم اولیه محیط
Basic Environment Setup
راه اندازی Bootstrap Sandbox
Bootstrap Sandbox Setup
راه اندازی Bootstrap Sandbox
Bootstrap Sandbox Setup
راه اندازی Bootstrap Sandbox
Bootstrap Sandbox Setup
اصول بوت استرپ - قسمت 1
Bootstrap Fundamentals - Part 1
اصول بوت استرپ - قسمت 1
Bootstrap Fundamentals - Part 1
اصول بوت استرپ - قسمت 1
Bootstrap Fundamentals - Part 1
ظروف
Containers
ظروف
Containers
ظروف
Containers
تایپوگرافی
Typography
تایپوگرافی
Typography
تایپوگرافی
Typography
نمایش و موقعیت
Display & Position
نمایش و موقعیت
Display & Position
نمایش و موقعیت
Display & Position
رنگ های پس زمینه و متن
Background & Text Colors
رنگ های پس زمینه و متن
Background & Text Colors
رنگ های پس زمینه و متن
Background & Text Colors
فاصله گذاری
Spacing
فاصله گذاری
Spacing
فاصله گذاری
Spacing
اندازه، مرزها و سایه ها
Sizing, Borders & Shadows
اندازه، مرزها و سایه ها
Sizing, Borders & Shadows
اندازه، مرزها و سایه ها
Sizing, Borders & Shadows
نقاط شکست
Breakpoints
نقاط شکست
Breakpoints
نقاط شکست
Breakpoints
دکمه ها
Buttons
دکمه ها
Buttons
دکمه ها
Buttons
نوار ناوبری
Navbar
نوار ناوبری
Navbar
نوار ناوبری
Navbar
حالت تاریک و متغیرها
Dark Mode & Variables
حالت تاریک و متغیرها
Dark Mode & Variables
حالت تاریک و متغیرها
Dark Mode & Variables
Bootstrap Fundamentals - قسمت دوم
Bootstrap Fundamentals - Part Two
Bootstrap Fundamentals - قسمت دوم
Bootstrap Fundamentals - Part Two
Bootstrap Fundamentals - قسمت دوم
Bootstrap Fundamentals - Part Two
نمایش نظرات