×
ribbon

تا پایان تخفیف

آموزش طراحی سایت با CSS پیشرفته و Sass

CSS یکی از ابزارهای اصلی در بهبود طراحی سایت است. CSS دنیای وب را زیباتر و ظاهر آن... بیشتر
گواهی‌نامه
3.9 (17 امتیاز)
932دانشجو
مقدماتی

مهدی تهورگر

مشخصات دوره
محتوای دوره
پیش‌نیاز‌ها
توضیحات دوره
دیدگاه کاربران
درباره مدرس

محتوای دوره

11 فصل87 جلسه24 ساعت ویدیو
فصل اول: مقدمه
  بررسی اجمالی دوره
مشاهده
"03:46
  ابزارها
"02:32
فصل دوم: طراحی وب‌سایت سیم کارت با Adobe XD
فصل سوم: تنظیمات پروژه وب‌سایت سیم کارت
فصل چهارم: مروری بر CSS
فصل پنجم: CSS پیشرفته و Sass (ادامه ساخت وب‌سایت فروش سیم کارت)
فصل ششم: طراحی واکنش‌گرا (Responsive Design)
فصل هفتم: Flexbox پیشرفته
فصل هشتم: طراحی وب‌سایت Beetle با Adobe XD
فصل نهم: مقدمه‌ای بر CSS Grid
فصل دهم: مفاهیم پیشرفته CSS Grid

پیش‌نیاز‌ها

 اگر قصد یادگیری CSS پیشرفته و Sass را دارید، لازم است از قبل با CSS و html آشنایی داشته باشید. بدین منظور می‌توانید ابتدا در دوره آموزش Html-CSS مقدماتی شرکت کنید.

آشنایی با DOM یا همان Document Object Model نیز در استفاده بهتر این دوره به شما کمک خواهد کرد. DOM یک رابط برنامه‌نویسی برای اسناد HTML و XML است. این رابط صفحاتی را نشان می‌دهد تا برنامه‌ها بتوانند ساختار، استایل و محتوای سند را تغییر دهند.

توضیحات دوره

CSS یکی از ابزارهای اصلی در بهبود طراحی سایت است. CSS دنیای وب را زیباتر و ظاهر آن را خوشایندتر می‌کند و تکنیک‌های مدرن CSS به شما کمک می‌کند تا طرح‌ها و جلوه‌های خیره‌کننده‌ای برای سایت خود ایجاد کنید. بنابراین، ما تصمیم گرفتیم دوره آموزش CSS را برای شما تهیه کنیم تا پس از گذراندن دوره آموزش html-css به آموزش مباحث پیشرفته UI و طراحی رابط کاربری هم پرداخته شود.

CSS3 نسخه جدیدتر CSS است. این نسخه یکی از پرکاربردترین زبان ‌های برنامه‌ نویسی در طراحی سایت محسوب می‌شود. چرا که CSS3 به ماژول‌هایی تقسیم شده است که می‌توانید از آن‌ها در طراحی سایت استفاده کنید. مثلا FlexBox یکی از این ماژول‌هاست که کار طراحی وب را ساده‌تر کرده و کاربردهای ویژه‌ای دارد. در این دوره FlexBox را در حین پیاده‌سازی پروژه‌های واقعی به‌کار می‌بریم. این ماژول در طراحی تصاویر واکنش‌گرا (Responsive) هم بسیار مفید است.

در طراحی سایت یک ابزار مدیریت پکیج وجود دارد با نام NPM که برنامه‌های جاوا اسکریپت به صورت کامل در آن ثبت شده است. این ابزار بزرگترین اکوسیستم IT است. در این دوره به شما آموزش می‌دهیم که چگونه از NPM برای کاربردهای خاص موردنظرتان استفاده کنید.

هدف از یادگیری دوره آموزش CSS پیشرفته و Sass چیست؟


با بررسی‌های دقیق متوجه شدیم که هیچ‌کدام از دوره‌های آموزشی CSS، نیازهای واقعی طراحی وب‌سایت را برآورده نمی‌کند. بنابراین، تصمیم گرفتیم یک دوره جامع پروژه‌ محور طراحی کنیم. در این دوره ابتدا با نحوه طراحی UX با ابزار Adobe XD آشنا می‌شوید و سپس مروری بر اصول CSS صورت می‌گیرد. پس از آن با کمک هفت پروژه واقعی، مهارت‌های اساسی CSS و Sass را به شما آموزش می‌دهیم. به‌طور خلاصه هدف از برگزاری این دوره را می‌توان این‌گونه شرح داد:

  • طراحی سایت‌های زیبا
  • یادگیری طراحی تجربه کاربری (UX) با Adobe XD
  • تسلط کامل بر CSS و Sass
  • به‌روز کردن مهارت‌های UI/UX
  • ورود به بازار کار 

دوره آموزش CSS پیشرفته و Sass مناسب چه کسانی است؟

  • افرادی که به html و CSS مقدماتی تسلط دارند و دوست دارند پیشرفت کنند.
  • کسانی که می‌خواهند طراحی سایت با CSS و Adobe XD را یاد بگیرند.
  • صاحبان کسب‌وکارهایی که می‌خواهند برای کسب‌وکار خود یک سایت زیبا طراحی کنند.
  • علاقه‌مندان به حوزه طراحی و ساخت انیمیشن‌های پیشرفته.
  • افرادی که علاقه‌مند به ورود به بازار کار در زمینه‌ طراحی سایت و UI/UX هستند.

بعد از فراگیری دوره آموزش CSS پیشرفته و Sass چه مهارت‌هایی کسب خواهید کرد؟


در دوره جامع آموزش سی اس اس با کمک پروژه‌های واقعی تمام مهارت‌های لازم برای کار با CSS و Sass را فرا می‌گیرید. بعد از پایان دوره شما می‌توانید با استفاده از توانمندی‌هایی که کسب کرده‌اید، نیاز خود را در زمینه‌های زیر برطرف کنید:

  • طراحی UX با Adobe XD
  • کار با NPM
  • نحوه نصب Sass و تبدیل کدهای CSS به Sass
  • کار با Command line
  • تسلط کامل به معماری BEM
  • تسلط به تمام قسمت‌های پیشرفته Css و Sass مانند: position، grid layout، flexbox، animation، طراحی واکنشگرا (responsive) و غیره.

ویژگی‌های متمایز دوره آموزش CSS پیشرفته و Sass مکتب‌خونه چیست؟


دوره پیشرفته CSS مکتب‌پلاس برخلاف تمام دوره‌های CSS فارسی در قالب پروژه‌های واقعی به آموزش سی اس اس می‌پردازد. این پروژه‌ها تمام قسمت‌های CSS و Sass را پوشش می‌دهد. قبل از شروع هر پروژه، ابتدا آن را با Adobe XD طراحی کرده و سپس طرح موردنظر را به کد و صفحات وب تبدیل می‌کنیم.

درگیری با چالش‌های طراحی وب به یادگیری بیشتر شما کمک می‌کند. بنابراین، چالش‌های زیادی را داخل پروژه‌ها قرار داده‌ایم که می‌تواند شما را هرچه بیشتر با قسمت‌های مختلف CSS درگیر کند. برای یادگیری برنامه‌نویسی تنها مشاهده ویدئوها کافی نیست و شما باید خودتان با نوشتن کد با چالش‌ها روبه‌رو شوید. این مهم در تمام قسمت‌های دوره آموزش CSS مکتبخونه رعایت شده است.

سرفصل‌های دوره آموزش css پیشرفته و Sass چیست؟


دوره آموزش CSS پیشرفته شامل ده فصل آموزشی است. در این فصل‌ها با انجام چهار پروژه به آموزش Adobe XD، Sass، CSS و قسمت‌های مختلف آن‌ها می‌پردازیم. در پایان هم یک پروژه نهایی برای شما عزیزان طراحی شده است که بتوانید تمام آموخته‌های خود را تثبیت کنید. 

اطلاعات بیشتر

امتیاز و نظرات کاربران

3.9

از مجموع 17 امتیاز

3نظر

1 سال پیش

استاد بسیار مسلط و کاربلد هستند با تشکر فراوان

علی افشار بکشلو

2 سال پیش

بسیار استاد خوب مسلط به کد زنی هستند با تشکر از دوره خوبی که برگزار کردند

سید عرفان سیدان اسگوئی

3 سال پیش

فکر کنم یک ماهی باید درگیر رفع اشکالات نصب و اجرای نرم افزار ADOBE XD باشیم!!!!!!!!!!

سیدرضا حسینی

گواهی‌نامه

آموزش طراحی سایت با CSS پیشرفته و Sass

پس از گذراندن محتوای دوره به صورت آنلاین (بدون دانلود) در سایت مکتب‌خونه، در صورتی‌ که حد نصاب قبولی در دوره را کسب و تمرین ها و پروژه های الزامی را ارسال کنید، گواهی‌نامه رسمی پایان دوره توسط مکتب‌خونه به اسم شما صادر شده و در اختیار شما قرار می‌گیرد.

قابل اشتراک‌گذاری در

linkdin

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

درباره استاد

مهدی تهورگر
1دوره
932دانشجو

مهدی تهورگر مدرس و برنامه‌نویس وب و موبایل و متخصص برنامه‌نویسی فرانت اند است. ایشان سابقه فعالیت فریلنسری در پلتفرم‌های بین‌المللی هم‌چون فریلنسر و آوپ ورک دارد. علاقه وی به آموزش و تدریس و هم‌چنین کسب تجربه‌های بین‌المللی براساس استانداردهای روز دنیا باعث شده است ایشان به سمت تدریس دوره‌های آموزشی روی بیاورد تا بتواند تجربه های چندین ساله خود را در قالب دوره‌های آموزشی ارائه دهد. علاوه‌براین، مهندس تهورگر سابقه تدریس در دیگر پلتفرم‌های بین‌المللی مانند Udemy را نیز در کارنامه خود دارد.

اطلاعات بیشتر

سوالات پرتکرار

حداقل و حداکثر زمانی که می‌توانم یک دوره را بگذرانم چقدر است؟

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

آیا پس از به اتمام رساندن و قبولی در دوره، می‌توانم نسخه فیزیکی گواهی‌نامه را دریافت کنم؟

خیر. به‌دلیل ملاحظات محیط‌زیستی و کاهش مصرف کاغذ، گواهی‌نامه فقط به‌صورت الکترونیکی ارائه می‌شود.

آیا بعد از پایان مدت دوره همچنان به محتوای آن دسترسی دارم؟

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

آیا در صورت خرید دوره، گواهی‌نامه آن به من تعلق می‌گیرد؟

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

مهارت‌هایی که می‌آموزید