آموزش طراحی وب آسان: استودیو بوت استرپ را در 12 ساعت بیاموزید

Web Design Made Easy: Learn Bootstrap Studio in 12 Hours

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره:

در این کلاس یاد می گیریم که از "Bootstrap Studio" برای طراحی آسان وب سایت های زیبا و واکنش گرا استفاده کنیم. Bootstrap Studio یک وب سایت wyziywyg با قابلیت کشیدن و رها کردن است که طراحی شده است. استفاده از آن بسیار آسان است و نیازی به کدنویسی نیست. اگر یک نسخه از نرم افزار را خریداری کنید، حتی میزبانی رایگان دریافت می کنید.

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

این دوره به 12 فصل تقسیم شده است که هر فصل تقریباً 1 ساعت طول می کشد.

نمای کلی فصل:

ساعت 1 – درک اصول اولیه HTML، CSS و بوت استرپ
ساعت 2 – شروع به کار
ساعت 3 – افزودن نوار ناوبری
ساعت 4 – چهار مثال
ساعت 5 – سطرها و ستون ها
ساعت 6 7 – تم ها و سبک ها
ساعت 8 – فلکس باکس
ساعت 9 – ایجاد مؤلفه های سفارشی
ساعت 10 – افزودن فرم ها
ساعت 11 – (اختیاری) اصول اولیه جاوا اسکریپت
ساعت 12 - انتشار و صادرات

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

  • پاورقی
  • یک سرصفحه
  • یک ساعت
  • الگویی برای رزومه/رزومه
  • و غیره...

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

منتظر دیدن کار شما هستم!


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

درس ها Lessons

  • (اختیاری) ساعت 11 - جاوا اسکریپت: شناسه عنصر، if و else (Optional) Hour 11 - Javascript: element id's, if and else

  • (اختیاری) ساعت 11 - جاوا اسکریپت: onclick (Optional) Hour 11 - Javascript: onclick

  • مقدمه Introduction

  • ساعت 10 - فرم های هوشمند Hour 10 - Smart Forms

  • نتیجه گیری و اندیشه های نهایی Conclusion and Final Thoughts

  • ساعت 5 - نمونه سطرها و ستون ها (ایجاد پاورقی) Hour 5 - Rows and Columns Example (Creating a Footer)

  • ساعت 12 - صادرات Hour 12 - Exporting

  • ساعت 2 - اضافه کردن و یک ظاهر طراحی اجزای ساده Hour 2 - Adding and Styling Simple Components

  • ساعت 7 - نادیده گرفتن شناور Hour 7 - Overriding the Hover

  • ساعت 12 - انتشار Hour 12 - Publishing

  • ساعت 12 - تنظیمات صادرات و انتشار Hour 12 - Export and Publish Settings

  • ساعت 5 - سطرها و ستون ها توضیح داده شده است Hour 5 - Rows and Columns Explained

  • ساعت 4 - گالری Hour 4 - Gallery

  • ساعت 7 - سبک های برتر Hour 7 - Overriding Styles

  • ساعت 6 - تعریف سبک ها Hour 6 - Defining Styles

  • (اختیاری) ساعت 11 - جاوا اسکریپت: غیرفعال کردن فیلد ورودی ایمیل (Optional) Hour 11 - Javascript: Deactivating the Email Input Field

  • ساعت 1 - بوت استرپ توضیح داده شده است Hour 1 - Bootstrap Explained

  • ساعت 3 - پیوند صفحات دیگر و آزمایش Hour 3 - Linking Other Pages and Testing

  • ساعت 6 - واردات تم Hour 6 - Importing Themes

  • ساعت 8 - Flexbox توضیح داده شد Hour 8 - Flexbox Explained

  • ساعت 2 - رابط کاربری Hour 2 - User Interface

  • ساعت 6 - سبک های پاسخگو Hour 6 - Responsive Styles

  • پروژه کلاس و نحوه پیگیری این دوره Class Project and How to Follow This Course

  • (اختیاری) ساعت 11 - جاوا اسکریپت: آدرس ایمیل معتبر را بررسی کنید (Optional) Hour 11 - Javascript: Check for Valid Email Address

  • ساعت 6 - سبک های سفارشی Hour 6 - Custom Styles

  • ساعت 4 - فهرست مقالات Hour 4 - Article List

  • ساعت 3 - اضافه کردن نوار نوار Hour 3 - Adding the Navbar

  • ساعت 9 - افزودن اجزای سفارشی به کتابخانه Hour 9 - Adding Custom Components to the Library

  • ساعت 4 - چرخ فلک Hour 4 - Carousel

  • (اختیاری) ساعت 11 - جاوا اسکریپت: نکاتی برای Noobs (Optional) Hour 11 - Javascript: Tips for Noobs

  • ساعت 1 - HTML توضیح داده شده است Hour 1 - HTML Explained

  • ساعت 9 - SVG درون خطی Hour 9 - Inline SVG

  • ساعت 8 - مثال Flexbox - مرتب کردن نمادها Hour 8 - Flexbox Example - Arranging Icons

  • ساعت 1 - CSS توضیح داده شده است Hour 1 - CSS Explained

  • ساعت 10 - فرم ها Hour 10 - Forms

  • ساعت 4 - نقشه ها Hour 4 - Maps

  • ساعت 8 - مثال Flexbox - پاورقی را به پایین صفحه فشار دهید Hour 8 - Flexbox Example - Push the Footer Down to the Bottom of the Page

  • ساعت 2 - حاشیه و بالشتک Hour 2 - Margins and Padding

نمایش نظرات

آموزش طراحی وب آسان: استودیو بوت استرپ را در 12 ساعت بیاموزید
جزییات دوره
2h 26m
38
Skillshare (اسکیل شیر) Skillshare (اسکیل شیر)
(آخرین آپدیت)
108
4 از 5
دارد
دارد
دارد
Paul Gieske
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Paul Gieske Paul Gieske

علاقه مندان به هنر دیجیتال