دوره ی آموزش ساخت برنامه ی دیوار – جلسه ۶

:: محتویات جلسه ی ششم ::

• آموزش دانلود  و راه اندازی فریمورک Bootstrao
• آشنایی با ویژگی ها و مزیت های استفاده از Bootstrao
• بررسی ویژگی واکنش گرایی سایت با استفاده از Bootstrap
• آموزش راه های متصل کردن فایل های Bootstrap به سند HTML قالب سایت
• آموزش ساخت یک قالب ساده با استفاده از Bootstrap
• آموزش پیاده سازی انواع دکمه ها در Bootstrap
• آموزش کلاس Container و Container-fluid برای قالب بندی کل وب سایت 
• آموزش Grid System و جداسازی قسمت های مورد نیاز سایت با Bootstrap
• آموزش پیاده سازی تگ های نوشتاری HTML با استفاده از Bootstrap
• آموزش ساخت جدول و استفاده از کلاس Table با استفاده از Bootstrap
• آموزش استفاده از کلاس های مربوط به تصاویر یا img
• آموزش پیاده سازی انواع کامپوننت های CSS و JavaScript با استفاده از Bootstrap
• آموزش انتقال فریمورک Bootstrap به داخل پروژه ی خودمان و ایجاد قالب های جدید
• آموزش کامل انتقال Bootstrap به قسمت View های کدایگنایتر و تغییر قالب سایت 
• آموزش ساخت منوی ریسپانسیو برای سایت با استفاده از Bootstrap
• آموزش ساخت قسمت های اشتراکی در بین تمام صفحات مانند footer و header (قسمت های ثابت قالب)

توضیحات و فایل های مورد نیاز برای جلسه ی ششم :

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

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

شما اگر سایتی طراحی کنید و مبنای گرافیکی شما صفحه ی مانیتور کامپیوترتان باشد در گوشی یا تبلت به درستی نمایش داده نخواهد شد چون که اندازه ی صفحه ی نمایش این دستگاه ها یکی نیست و شما باید از یک تکنیک طراحی استفاده کنید تا بتوانید اندازه ی صفحه ی نمایش کاربر را کشف کنید و براساس آن یک نمایش درستی ارائه دهید خب مسلما" نوع نمایش نباید یکسان باشد اگر بخواهم یک مثال خوبی برای شما بزنم منوی اصلی سایت را در نظر داشته باشید 

در گوشی هایی که صفحه ی نمایش کوچکی دارند نمیشود منوی اصلی را در بالای صفحه جا داد و این منو باید بصورت یک منوی باز شو در کنار سایت یا بالای سایت باشد تا کاربر با کلیک روی دکمه ی منو محتویات آن بازشود در حالی که اگر صفحه ی نمایش بزرگ بود این کارها نیاز نیست و منو را میتوان در حالت عادی به نمایش گذاشت 

تمام این کارها با فریمورک قدرتمند Bootstrap  انجام میگیرد و علاوه بر این Bootstrap  از مزیت های خیلی زیادی برخوردار هست که در طول آموزش با همه ی آنها کار خواهیم کرد 

Bootstrap  به همراه ابزارها و کامپوننت های بسیار  زیادی ، باعث راحت تر شدن و افزایش سرعت طراحی وب شده است 

امیدوارم که هر جا هستید خوش و خرم و سلامت باشید

لطفا با عدم انتشار ویدیوهای پولی از زحمات و زمانی که ما برای خدمت به شما صرف میکنیم حمایت کنید

با احترام و سپاس فراوان 

فایل ویدیویی این جلسه را از زیر بخرید 

مشاهده ی لیست تمام جلسات این دوره ی آموزشی 

.