cssblog.ir logo

UIBrush نام طرحی تک صفحه‌ای است که با زبان انگلیسی طراحی شده است. در این دوره می‌خواهیم این طرح را بصورت صفر تا ۱۰۰ با استفاده از زبان‌های HTML و CSS و فریم‌ورک بوت استرپ ۴ پیاده‌سازی کنیم. این دوره مناسب افراد مبتدی می‌باشد که تجربه چندانی در پیاده‌سازی طرح PSD ندارند و قصد دارند تا تخصص لازم این کار را کسب کنند. 

در پیاده سازی این طرح از زبان ها و تکنولوژی‌های HTML و CSS، فریم ورک بوت استرپ، جاوا اسکریپت، Goolge Fonts و FontAwesome استفاده گردیده است.

فایل PSD طرح مورد استفاده در طی دوره (UI‌Brush) را می‌توانید از اینجا (یا اینجا) دریافت کنید. 

پروژه نهایی ساخته شده طی این دوره، روی مخزن github مربوط به آن قرار گرفته است. 

مدرس: مسعود شقاقی

فهرست مطالب دوره

۰

معرفی دوره پیاده سازی کامل طرح UI‌Brush با ‌Bootstrap 4

۰۱:۱۷
۱

مشاهده و بررسی طرح UIBrush

۰۱:۱۸
۲

تعیین ساختار فایل‌های پروژه

۰۱:۱۴
۳

دریافت فونت OpenSans از گوگل فونت

۰۳:۰۲
۴

دریافت فریم ورک بوت استرپ (Bootstrap) نسخه ۴

دانلود نسخه چهارم فریم ورک بوت استرپ (bootstrap) از وبسایت آن و استفاده از آن در پروژه

۰۳:۰۲
۵

پیاده سازی هدر - بخش اول

پیاده سازی قسمت هدر وبسایت در سایز دسکتاپ

۲۶:۲۰
۶

پیاده سازی هدر - بخش دوم

بهینه سازی حالت موبایلی هدر و پیاده سازی حالت موبایلی منو صفحه

۲۳:۰۰
۷

پیاده سازی بخش درباره ما

۲۰:۱۷
۸

تقسیم فایل CSS به فایل های کوچک تر

۰۲:۳۲
۹

پیاده سازی بخش نمونه کارها (گالری)

۱۹:۰۵
۱۰

بخش خدمات (سرویس ها) - اضافه کردن FontAwesome

۰۴:۴۶
۱۱

بخش خدمات (سرویس ها) - پیاده سازی

۱۷:۰۴
۱۲

بخش درباره ما

۱۸:۴۴
۱۳

بخش کپی رایت

۰۲:۰۶
۱۴

آیکون منو در حالت موبایلی

۰۱:۵۵
۱۵

تغییر سایز textarea در فرم تماس با ما

۰۱:۰۸
۱۶

تعیین حالت هاور (قرار گیری موس) منو و دکمه ها

۰۲:۴۶
۱۷

صحبت پایانی

۰۴:۰۵

هزینه دوره

این دوره تنها به ازای پرداخت وجه قابل مشاهده می‌باشد. پس از خریداری دوره به تمامی قسمت‌های آن دسترسی خواهید داشت.

۳۶,۰۰۰ ۳۳,۰۰۰ تومان
خرید

میزان پیشرفت شما

شما تاکنون هیچ قسمتی از این دوره را به اتمام نرسانده‌اید

شما <% completed.length %> قسمت از <% totalLessons %> قسمت این دوره را به اتمام رسانده‌اید

تبریک! شما تمام قسمت های این دوره را به اتمام رسانده‌اید.

نیازمندی های پیشنهادی

برای اینکه روند اصولی و صحیح آموزش را طی کنید، پیشنهاد می‌کنیم که قبل از فراگیری این دوره، از تسلط بر مفاهیم این دوره ها مطمئن شوید

دیدگاه کاربران

تاکنون <% totalComments %> دیدگاه برای این مطلب ثبت شده است.

تاکنون دیدگاهی ثبت نشده است. شما می توانید اولین شخصی باشید که دیدگاه خود را ارسال می کند

<% errorMessage %>

<% comment.name %>

avatar
<% comment.comment_replies.length %> پاسخ برای این دیدگاه ثبت شده است

<% reply.name %>

avatar

ارسال دیدگاه جدید

برای ارسال دیدگاه یا پرسش جدید از طریق فرم زیر اقدام کنید.

ارائه پاسخ به دیدگاه

شما در حال پاسخ دادن به دیدگاه «<% replyComment.name %>» هستید. انصراف از پاسخ

  • <% s %>
  • <% e %>

نکاتی درباره دیدگاه ها

  1. برای حذف کپچا (عبارت امنیتی) وارد اکانت خود شوید
  2. شما می توانید از markdown داخل کامنت خود استفاده کنید (اطلاعات بیشتر)
  3. دیدگاه ها قبل از نمایش نیازمند تائید می باشند

دوره‌های پیشنهادی

ممکن است به دوره‌های زیر نیز علاقه‌مند باشید