Responsive & Bootstrap (Web Design II)

از دیدگاه بسیاری از متخصصان وبسایت‌ها در دنیای کسب ‌و ‌کار‌های الکترونیکی، باید براساس فرایند آموزش Responsive طراحی شوند تا توجه و نظر کاربران را به سوی خود جلب کنند. کاربران هنگام مشاهده سایت‌ها از ابزار‌های مختلفی مانند: لپتاپ و تلفن همراه استفاده خواهند کرد، بنابراین در صورت طراحی سایت بر اساس مفاهیم ارائه شده در دوره Responsive & Bootstrap صفحات وب در تمام این نمایش‌گر‌ها بدون هیچگونه تغییری قابل مشاهده خواهد بود. مهارت آموزان دوره آموزش responsive علاقه‌مند به یادگیری طراحی ریسپانسیو وب سایت‌ها با شرکت در دوره آموزش، با مفاهیم و اصول اولیه ریسپانسیو آشنا خواهند شد.

قیمت دوره

6,250,000 تومان

برای دریافت مشاوره با ما در ارتباط باشید.

پرداخت درب منزل

بعد از دریافت سفارش

تضمین قیمت محصولات

کمترین قیمت در سطح اینترنت

امکان مرجوع کردن سفارش

در صورت عدم رضایت

تضمین کیفیت و اصالت

فروش مستقیم از شرکت

ارسال سریع سفارشات

با پست پیشتاز

توضیحات دوره

از دیدگاه بسیاری از متخصصان وبسایت‌ها در دنیای کسب ‌و ‌کار‌های الکترونیکی، باید براساس فرایند آموزش Responsive طراحی شوند تا توجه و نظر کاربران را به سوی خود جلب کنند. کاربران هنگام مشاهده سایت‌ها از ابزار‌های مختلفی مانند: لپتاپ و تلفن همراه استفاده خواهند کرد، بنابراین در صورت طراحی سایت بر اساس مفاهیم ارائه شده در دوره Responsive & Bootstrap صفحات وب در تمام این نمایش‌گر‌ها بدون هیچگونه تغییری قابل مشاهده خواهد بود. مهارت آموزان دوره آموزش responsive علاقه‌مند به یادگیری طراحی ریسپانسیو وب سایت‌ها با شرکت در دوره آموزش، با مفاهیم و اصول اولیه ریسپانسیو آشنا خواهند شد.

البته این عزیزان قبل از ورود به دوره responsive، باید Web Design I را بگذرانند تا هنگام آموزش مفاهیم Responsive، دچار سردرگمی نشوند. همچنین به واسطه آشنایی با یک شبکه کاملا حرفه‌ای از متخصصان و اساتید طراحی Responsive، فرصت‌ و موقعیت‌های شغلی مختلف پیش روی آن‌ها قرار خواهد گرفت. به طور حتم هر اندازه تجربه و مهارت این عزیزان در عرصه طراحی سایت ریسپانسیو بیشتر باشد، به همان اندازه درآمد آن‌ها نیز افزایش پیدا خواهد کرد. در صورت علاقه‌مندی به کسب اطلاعات بیشتر درباره آموزش Responsive تا انتها با دپارتمان فناوری اطلاعات و ارتباطات مجتمع فنی تهران همراه باشید.

پیش نیاز آموزش Responsive

مهارت آموزان با شرکت در کلاس آموزش Responsive، با قواعد و فرایند طراحی ریسپانسیو آشنا خواهند شد. اساتید در جلسه اول به شرکت ‌کنندگان، یک تعریف درست از طراحی ریسپانسیو و مفاهیم آن ارائه خواهند داد تا آن‌ها با آگاهی کامل از این مدل طراحی سایت، سر کلاس درس حاضر شوند. البته شرکت ‌کنندگان قبل از ورود به دوره responsive، باید دوره Web Design I را با موفقیت به اتمام برسانند تا درک عمیقی از طراحی ریسپانسیو سایت داشته باشند.

منظور از Web Design، هنر تنظیم محتوا و همچنین برنامه‌ریزی آن در وبسایت خواهد بود. مهارت آموزان دوره وب دیزاین با ابزار‌ها، طرح بندی و اصول دیزاین کردن ظاهر و باطن وب سایت آشنا خواهند شد. سپس با حضور در دوره Responsive & Bootstrap و استفاده از مطالب ارائه شده در طراحی Web Design I، می‌توانند طراحی ریسپانسیو سایت را بدون هیچ مشکلی انجام دهند.

مهارت اکتسابی پس از گذراندن دوره آموزش Responsive

افراد با شرکت در کلاس آموزش Responsive، اصول و تکنیک‌های طراحی واکنش ‌گرا سایت را به درستی خواهند آموخت. همچنین با انجام پروژه‌های متعدد در دوره آموزش responsive عملی و کاربردی، میزان مهارت و تجربه خود را نیز افزایش خواهند داد. به عبارتی دیگر هنرجویان با شرکت در دوره Responsive & Bootstrap، مفاهیم نظری طراحی ریسپانسیو سایت را به شکل عملی تمرین کرده و سپس از آن‌ها هنگام طراحی وبسایت، استفاده خواهند کرد. اما از مهم‌ترین مهارت‌های اکتسابی پس از پایان دوره آموزش Responsive، می‌توان به موارد زیر اشاره کرد:

  • یادگیری sass: طراحان وب سایت با یادگیری Syntactically Awesome Style Sheets می‌توانند از امکانات ویژه آن مانند: دستورات تو در تو و گروه بندی کد‌ها استفاده کنند تا محدودیت‌های زبان CSS جبران کرده و همچنین نوشتن کد‌های CSS را سریع‌تر کند.
  • آموزش فریم ورک Bootstrap: فریم ورک Bootstrap مشهور‌ترین ابزار جهت طراحی ریسپانسیو وب سایت و وب اپلیکیشن است. طراح با استفاده از قابلیت‌های این فریم ورک برجسته، دیگر نیاز به صرف زمان بسیار جهت نوشتن کد‌های CSS نخواهد داشت.
  • آموزش فریم ورک tailwind: فریم ورک مبتنی بر کلاس‌های tailwind، به طراح اجازه خواهد داد تا با استفاده از کلاس‌های CSS از قبل تعریف شده، فرایند طراحی ریسپانسیو وبسایت را با سرعت انجام دهد.

مزایا حضور در کلاس آموزش Responsive

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

  • اخذ گواهینامه بین‌المللی: از مهم‌ترین مزیت شرکت در کلاس آموزش Responsive، اخذ مدرک رسمی و معتبر خواهد بود. شانس افراد حاضر در دوره Responsive & Bootstrap به واسطه دریافت گواهینامه بین‌المللی جهت استخدام در شرکت‌های برنامه‌نویسی معتبر و بزرگ، افزایش پیدا خواهد کرد.
  • آشنایی با استادان حرفه‌ای: افراد علاقه‌مند به طراحی ریسپانسیو وب اپلیکیشن و وبسایت با حضور در دوره آموزش Responsive، با اساتید کاربلد و حرفه‌ای آشنا خواهند شد. این اساتید با ارائه تجربیات و اطلاعات خود در زمینه طراحی ریسپانسیو سایت به شرکت ‌کنندگان، آن‌ها را جهت انجام موفق پروژه‌های واقعی آماده خواهند کرد.
  • آمادگی جهت ورود به بازار کار: اساتید هنگام آموزش طراحی واکنش ‌گرا سایت، مهارت‌ها لازم برای انجام این کار را به شرکت ‌کنندگان خواهند آموخت. بنابراین علاقه‌مندان به انجام طراحی واکنش ‌گرا وبسایت با استفاده از این مهارت‌ها مانند: آموزش فریم ورک Bootstrap ، آمادگی لازم جهت ورود به بازار کار را کسب خواهند کرد.
  • مهاجرت و کسب درآمد دلاری: مهارت آموزان دوره آموزش Responsive پس از کسب نمره قبولی در آزمون و اخذ گواهینامه، امکان مهاجرت به کشور دیگری را برای خود فراهم خواهند کرد. آن‌ها پس از انجام فرایند مهاجرت و استخدام در یک شرکت بین‌المللی برنامه‌نویسی یا انجام پروژه طراحی وب سایت و اپلیکیشن، درآمد دلاری خواهند داشت.
  • آموزش آنلاین Responsive: در صورتی که مهارت آموز به دلیل‌های بسیاری مانند: مشغله کاری یا دوری راه، امکان حضور در دوره حضوری Responsive & Bootstrap را نداشته باشد؛ می‌تواند در کلاس آنلاین آموزش Responsive شرکت کند.
  • دسترسی به منابع معتبر: استادان دوره طراحی ریسپانسیو وب سایت هنگام آموزش مفاهیم و اصول آن به مهارت آموزان، از منابع مختلفی مانند: کتاب و مقاله استفاده خواهند کرد. بنابراین مهارت آموز به منابع معتبر آموزش responsive دسترسی پیدا خواهند کرد تا در زمان نیاز با استفاده از مطالب این منابع، مشکل احتمالی فرایند طراحی سایت را برطرف کنند.
  • آموزش بر پایه مهارت محور: اساتید حاضر در دوره Responsive & Bootstrap شرکت ‌کنندگان را، ترغیب به انجام پروژه پس از اتمام هر درس خواهند کرد. بنابراین با توجه به آموزش طراحی ریسپانسیو وب سایت به شکل پروژه محور، میزان مهارت و تسلط شرکت ‌کنندگان بر مفاهیم Responsive افزایش پیدا خواهد کرد. در نتیجه هنگام انجام پروژه واقعی، با کمترین مشکل و خطا مواجه خواهند شد.
  • ارتباط با شبکه‌ای حرفه‌ای: از مزیت‌های اصلی حضور در دوره آموزش Responsive ، ارتباط و تعامل با شبکه‌ای از متخصصان طراحی وب سایت خواهد بود. آشنایی با این عزیزان، فرصت‌ و موقعیت‌های شغلی متعددی را پیش روی مهارت آموزان قرار خواهد داد.

بازار کار دوره Responsive & Bootstrap مجتمع فنی تهران

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

 البته مهارت آموزان به دلیل اخذ مدرک رسمی و گواهینامه بین‌المللی پس از اتمام دوره آموزشی و استخدام در یک شرکت خارجی، امکان کسب درآمد به صورت دلار را خواهند داشت. طراحان با استفاده از اصول و مفاهیم آموزش Responsive، سایت مورد نظر کارفرما را طراحی خواهند کرد.  برخی از مهم‌ترین روش‌های کسب درآمد با آموزش Responsive & Bootstrap، می‌توان به موارد زیر اشاره کرد:

  • مدیریت تیم طراحی
  • انجام پروژه طراحی ریسپانسیو سایت به صورت فریلنسری
  • آموزش responsive
  • مدیر محتوای سایت

آشنایی با برخی از موارد اصلی ترین سرفصل های دوره Responsive & Bootstrap

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

اساتید مطالب آموزشی دوره Responsive & Bootstrap را، به سر‌فصل‌های مختلف تقسیم خواهند کرد تا شرکت ‌کنندگان امکان یادگیری بهتری از آن مفاهیم را داشته باشند. در ادامه با برخی از مهم‌ترین سر‌فصل‌های آموزش Responsive، بیشتر آشنا خواهید شد.

نصب SASS در آموزش responsive

مفهوم SASS در فرایند آموزش Responsive، یک پیش ‌پردازنده برای زبان css است تا طراح به واسطه استفاده از آن امکان تعریف متغیر‌ها، توابع و ماژول‌های را فراهم کند. بنابراین با استفاده از آن محدودیت‌ها، تکرار‌ها و ضعف‌های css رفع خواهد شد. استاد پس از بیان توضیحات مختصر و مفیدی در رابطه با SASS، فرایند نصب آن را به مهارت آموزان آموزش خواهد داد. فرایند نصب این پیش‌پردازنده، عبارت است از:

  • مهارت آموز قبل از هرکاری باید وارد سایت github شود تا فایل SASS متناسب با سیستم عامل خود را دانلود کند.
  • سپس فایل SASS داخل فولدر دانلود شده را، به آدرس path خود اضافه کند.
  • پس از طی درست فرایند نصب، از طرق ترمینال و به کمک دستور sass –version، ورژن sass را مشاهده خواهد کرد.

مفهوم bootstrap 5 طراحی ریسپانسیو وبسایت

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

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

معرفی کلاس ratio در آموزش Responsive،

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

  • ساخت فضایی برای عکس‌ها
  • کمک گرفتن از ترفند aspect ratio جهت جلوگیری از ایجاد خطای cls
  • امکان ساخت کانتینر‌های کاملا واکنش ‌گرا

تزار کردن افقی و عمودی column‌ها

به طور حتم طراح با استفاده از ابزار تراز کردن افقی و عمودی column‌های بوت استرپ ، یک وب سایت زیبا طراحی خواهد کرد. اساتید هنگام آموزش تراز عمودی در بوت استرپ، استفاده از کلاس‌های تراز عمودی را توضیح داده و این کلاس‌ها، عبارت هستند از:

  • استفاده از کلاس .align-items-start جهت تراز محتوا از بالای ستون
  • استفاده از کلاس .align-items-center جهت قرارگیری محتوا در مرکز ستون
  • استفاده از کلاس .align-items-end جهت تراز محتوا در پایین ستون

همچنین طراح با استفاده از کلاس‌های .align-self-* ، امکان تراز کردن عمودی هر ستون به شکل جداگانه را نیز خواهند داشت. اما جهت تراز افقی ستون در بوت استرپ، از کلاس‌های justify-content-* استفاده کند. اما طراح جهت تراز کردن افقی ستون، می‌تواند از دستور‌العمل‌های زیر استفاده کند:

  • استفاده از justify-content-start جهت تراز ستون‌ها از ابتدای ردیف
  • استفاده از justify-content-center  جهت قرار دادن ستون‌ها در مرکز
  • استفاده از justify-content-end جهت تراز کردن ستون‌ها در انتهای ردیف

معرفی Grid System

از نظر متخصصان سیستم شبکه ‌بندی یا Grid System در دنیای طراحی وبسایت، به عنوان ستون فقرات طراحی شناخته شده است. طراحان با استفاده از این روش علمی و عملی، عناصر بصری سایت را کنار هم قرار خواهند داد. ساختار Grid System شامل ستون، ردیف، حاشیه و فاصله بوده و این ساختار نامرئی سیستم شبکه ‌بندی به طراح کمک خواهد کرد تا تمام عناصر بصری سایت را، با نظم و هماهنگی کنار هم در صفحه وب سازمان ‌دهی کند. مزیت استفاده از Grid System هنگام طراحی ریسپانسیو وبسایت براساس آموزش Responsive ، شامل موارد زیر خواهد بود:

  • همکاری تیمی
  • طراحی واکنش ‌گرای آسان و سریع
  • ثبات بصری
  • تجربه کاربری عالی
  • کاهش مدت زمان کد‌نویسی با استفاده از ساختار Grid System

از دیگر نکات مهم در سر ‌فصل Grid System، آشنایی با انواع سیستم‌های شبکه ‌بندی است. مهارت آموز پس از آشنایی با Grid System و مشخصات آن‌ها، می‌تواند هنگام طراحی ریسپانسیو سایت بهترین نوع سیستم شبکه ‌بندی را انتخاب کند. اما انواع سیستم شبکه‌ بندی طراحی Responsive، عبارت هستند از:

  • شبکه ثابت یا Fixed Grid
  • شبکه ترکیبی یا Hybrid Grid
  • شبکه سیال یا Fluid Grid
  • شبکه واکنش ‌گرا یا Responsive Grid

آشنایی با tailwind css 3

اساتید آموزش Responsive مهارت آموزان را با فریم ورک Tailwind CSS آشنا خواهند کرد تا این عزیزان هنگام طراحی ریسپانسیو سایت یا برنامه نیازی به ساختن فایل css یا نوشتن استایل‌های CSS نداشته باشند. البته این فریم ورک css مانند دیگر فریم ورک‌ها، کامپوننت آماده در اختیار طراح قرار نخواهد داد. اما با در اختیار گذاشتن یک‌سری کلاس، امکان استایل کردن صفحات سایت با برنامه را فراهم خواهد کرد. همچنین با معرفی ابزار طراحی عالی به اسم Tailwind Play، استایل کردن tailwind css  به شکل آنلاین را امکان‌پذیر خواهد کرد.

 از مهم‌ترین ویژگی‌های این ابزار حرفه‌ای tailwind css ، می‌توان به موارد زیر اشاره کرد:

  • تنظیمات برای کانفیگ کردن
  • بهره‌مندی از ویژگی Dark Mode / Light Mode
  • امکان فرمت کردن کد با کلیک کردن روی کد Code Formatter
  • Version Switcher برای تعویض نسخه فریم ورک Tailwind CSS به نسخه قدیمی‌تر یا جدیدتر

انواع container در دوره Responsive

علاقه‌مندان حاضر در دوره Responsive & Bootstrap به خوبی با انواع کانتینر و کاربرد آن‌ها آشنا خواهند شد. کانتینر‌ها در طراحی ریسپانسیو سایت مسئول نگهداری، وسط چین کردن محتوا و ایجاد فاصله داخلی هستند. فریم ورک بوت استرپ هنگام طراحی Responsive، سه نوع کانتینر در اختیار طراح قرار خواهد داد تا او با توجه به نیاز خود، از آن‌ها استفاده کند. انواع کانتینر در بوت استرپ، شامل لیست زیر خواهند بود:

  • Fixed Container: کانتینر ثابت به کمک کلاس .container تعریف شده و هنگام چیدمان‌های ثابت از آن، استفاده خواهد شد.
  • Responsive Containers: کانتینر‌های پاسخ‌گو در کلاس‌های مختلف تعریف شده و هر کدام از آن‌ها، مناسب نمایشگر‌های با اندازه‌های متفاوت هستند. به طور مثال هنگام استفاده از کانتینر پاسخ‌گو در نمایشگر متوسط‌تر از 768px، از کلاس .container-md استفاده خواهد شد.
  • Fluid Container: کانتینر سیال به کمک کلاس .container-fluid تعریف شده و مناسب طراحی‌های که نیاز به پهنای کامل صفحه هستند، خواهد بود.

مفهوم  @mixin در sass

استادان در دور آموزش Responsive در رابطه با مفهوم  @mixin در sass، مطالب کاربردی بیان خواهند کرد. هنرجو با کمک مفهوم  @mixin در sass، بتواند سبک‌های تعریف شده را در تمام stylesheet مجددا استفاده کند. بنابراین در فرایند طراحی ریسپانسیو وبسایت و وب اپلیکیشن دیگر نیاز به استفاده از کلاس‌های غیر‌معنایی مانند: non-semantic نخواهد داشت. طراح و برنامه‌ نویس با استفاده از مفهوم  @mixin در sass، این امکان را خواهد داشت تا یک block کامل از CSS را با استفاده از @include اضافه کند.

معرفی کلاس text-truncate در bootstrap

طراح با استفاده از کلاس text-truncate در bootstrap، می‌تواند متن‌های طولانی را کوتاه کند. فریم ورک بوت استرپ هنگام طولانی بودن متن، بخش اضافی را حذف کرده و به جای آن بخش حذفی، علامت سه نقطه (…) را قرار خواهد داد تا مخاطب متوجه ادامه‌دار بودن متن شود. اما از کاربرد‌های اصلی کلاس text-truncate در bootstrap، شامل لیست زیر خواهد بود:

  • محدود بودن فضای نمایش
  • امکان اعمال text-truncate روی هر عنصر متنی مانند: <div>

اما هنگام استفاده از ویژگی بوت استرپ، باید کلاس text-truncate را به عنصر مورد نظر اضافه کرد. البته عنصر مورد نظر، باید دارای ویژگی display: inline-block یا display: block باشد تا طراح شاهد عملکرد درست کلاس text-truncate شود.  به طور حتم این تکنیک و ترفند، از مهم‌ترین ابزار‌های جهت کنترل نمایش متن در فضا‌های محدود محسوب خواهد شد.

سوالات متداول در خصوص کلاس آموزش Responsive

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

برای استایل کردن tailwind css  به شکل آنلاین از چه ابزاری می‌توان استفاده کرد؟

انتخاب و استفاده از ابزار طراحی Tailwind Play جهت استایل کردن tailwind css آنلاین بهترین گزینه خواهد بود.

مدت زمان یادگیری مفاهیم در آموزش Responsive مجتمع فنی چقدر است؟

مدت زمان حضور شرکت ‌کنندگان در دوره آموزش ریسپانسیو مجتمع فنی تهران، 44 ساعت آموزشی است.

مهم‌ترین کاربرد‌های کلاس RATIO شامل چه مسائلی هستند؟

  • ساخت کانتینر‌های واکنش ‌گرا
  • ساخت فضایی مناسب برای عکس در ابعاد و اندازه‌های مختلف
  • جلوگیری از ایجاد خطا cls با استفاده از RATIO

مهارت‌های اکتسابی پس از پایان دوره Responsive & Bootstrap را نام ببرید؟

مهارت آموز ها با حضور در دوره آموزشی Responsive علاوه بر تسلط بر طراحی ریسپانسیو وبسایت و وب اپلیکیشن، با فریم ورک‌های بوت استرپ و tailwind در کنار یادگیری کامل SASS  آشنا خواهند شد.

آیا امکان مهاجرت با گواهینامه دوره responsive مجتمع فنی تهران وجود دارد؟

مهارت آموزان با حضور در دوره ریسپانسیو مجتمع فنی تهران و اخذ مدرک رسمی دو زبانه، شانس مهاجرت خود به کشور دیگر و همچنین استخدام در شرکت‌های برنامه‌نویسی بزرگ را افزایش خواهند داد.

طراح هنگام طراحی ریسپانسیو وبسایت برای قرار دادن محتوا در مرکز ستون، باید از چه ترفندی استفاده کند؟

استفاده طراح از کلاس .align-items-center مناسب‌ترین ترفند جهت قرارگیری محتوا در مرکز ستون خواهد بود.

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

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

آیا مجتمع فنی تهران دوره آنلاین آموزشی ریسپانسیو برگزار می‌کند؟

مجتمع فنی تهران برای آن دسته از افرادی که به دلایل متعدد مانند: مشغله کاری نمی‌توانند در کلاس‌های حضور طراحی ریسپانسیو سایت و برنامه شرکت کنند. دوره آنلاین آموزش طراحی وبسایت و وب اپلیکیشن با Responsive را فراهم کرده است.

مزیت استفاده از Grid System در طراحی ریسپانسیو وبسایت چیست؟

از مهم‌ترین مزیت‌های استفاده سیستم شبکه ‌بندی در طراحی ریسپانسیو می‌توان به ثبات بصری، تجربه کاربری عالی و کاهش مدت زمان کد‌نویسی به کمک ساختار Grid System  اشاره کرد.

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

طراح با استفاده از کلاس .container، کانتینر ثابت را تعریف کرده و از آن هنگام چیدمان‌های ثابت، استفاده خواهد کرد.

کدام ترفند بوت استرپ مناسب کوتاه کردن متن‌های بلند است؟

طراح وبسایت با استفاده از کلاس text-truncate در bootstrap، می‌تواند متن‌های طولانی را کوتاه کند.

اطلاعات دوره

نوع دورهآنلاین, حضوری
نوع پرداختقسطی, نقدی
مدت دوره44 ساعت
روز برگزاریشنبه-دوشنبه
ساعت برگزاری17:00-20:00
تاریخ پیش بینی شروع کلاس1405/03/25
نحوه برگزاریحضوری - آنلاین
پیش نیازدارد
پیش نیاز هامبانی کامپیوتر
گواهی دورهدارد
استاداستاد تعیین نشده است

سایر زمان‌های برگزاری

روز برگزاری ساعت برگزاری تاریخ شروع استاد نحوه برگزاری عملیات
دوره مشابهی پیدا نشد
سرفصل ها
 عناوین درس توضیحات درس
معرفی grid css
  • grid column
  • grid row
  • grid cell
  • grid cell
  • grid line
معرفی property های grid
  • grid-template-columns
  • grid-gap
  • grid-column-gap
  • grid-row-gap
  • grid-template-rows
  • grid-column
  • grid-row
  • grid-column-start
  • grid-column-end
  • grid-row-start
  • grid-row-end
  • grid-template-areas
  • grid-area
  • justify-content
  • justify-items
  • justify-self
  • align-content
  • align-items
  • align-self
معرفی SASS
  • معرفی Sass و نحوه نصب و کانفیگ آن
  • کانفیگ Sass با npm scripts
  • کانفیگ sass با نرم افزار های جانبی مثل koala
  • ایجاد متغیر در sass
  • آموزش nesting در sass
  • آموزش استفاده از pseudo class selector ها و pseudo element selector ها در Sass
  • آمورش inheritance و @extend در sass
  • آموزش condition ها در sass
  • آموزش استفاده از ریاضیات در sass
  • آموزش استفاده از function ها در sass
  • آموزش استفاده از @mixin در sass
  • آموزش iteration ها در sass
  • ساخت گرید بندی bootstrap با sass
  • آموزش media query در sass
  • انجام یک پروژه ساده با sass
معرفی bootstrap 5
  • آموزش نحوه دانلود و نصب bootstrap5 و کانفیگ آن
  • معرفی break point ها
  • معرفی انواع container
  • آموزش استفاده از grid بندی bootstrap 5
  • نحوه استفاده از grid بندی bootstrap و ساخت صفحات responsive
  • تزار کردن افقی و عمدی column ها
  • عوض کردن order
  • استفاده از offset
  • معرفی margin
  • معرفی padding
  • معرفی gutter
  • معرفی background color
  • معرفی color
  • معرفی دیسپلی ها
  • معرفی flex
  • معرفی float
  • معرفی overflow
  • معرفی position
  • معرفی shadow
  • معرفی width و height
  • معرفی vertical align
  • معرفی کلاس border
  • معرفی کلاس rounded
  • معرفی کلاس های heading
  • معرفی کلاس های display
  • معرفی کلاس lead
  • معرفی کلاس mark
  • معرفی کلاس small
  • معرفی کلاس text-decoration-underline
  • معرفی کلاس text-decoration-line-through
  • معرفی کلاس initialism
  • معرفی کلاس blockquote
  • معرفی کلاس text-center
  • معرفی کلاس list-unstyled
  • معرفی کلاس list-inline و list-inline-item
  • معرفی کلاس img-fluid
  • معرفی کلاس img-thumbnail
  • معرفی کلاس rounded
  • استفاده از float در bootstrap
  • معرفی کلاس table
  • استفاده از رنگ ها در table
  • معرفی کلاس table-striped
  • معرفی کلاس table-hover
  • معرفی کلاس table-active
  • معرفی کلاس table-bordered
  • استفاده از رنگ ها در table border
  • معرفی کلاس table-borderless
  • معرفی کلاس table-sm
  • معرفی کلاس table-responsive
  • معرفی vertical align در bootstrap
  • آموزش Table های nesting
  • معرفی کلاس table-light و table-dark
  • معرفی Caption-side در bootstrap
  • معرفی کلاس figure و figure-img و figure-caption
  • معرفی کلاس form-label و form-control
  • معرفی کلاس form-control-plaintext
  • معرفی کلاس visually-hidden
  • معرفی کلاس form-control-color
  • معرفی کلاس form-select
  • معرفی کلاس form-check و form-check-input و form-check-label
  • معرفی کلاس form-switch
  • معرفی کلاس form-check-inline
  • معرفی کلاس btn-check
  • معرفی کلاس form-range
  • معرفی کلاس input-group و input-group-text
  • معرفی کلاس input-group-sm
  • معرفی کلاس dropdown-toggle و dropdown-menu و "dropdown-item و dropdown-divider
  • معرفی کلاس dropdown-menu-end
  • معرفی کلاس dropdown-toggle-split
  • معرفی کلاس form-floating
  • معرفی کلاس s-invalid و is-valid و invalid-feedback و has-validation
  • معرفی کلاس {valid|invalid}-tooltip
  • استفاده از کامپوننت های زیر:
    • Accordion
    • Alert
    • Badge
    • Breadcrumb
    • Buttons
    • Button group
    • Card
    • Close button
    • Collapse
    • Dropdowns
    • List group
    • Modal
    • Nav & tabs
    • Navbar
    • Offcanvas
    • Pagination
    • Popovers
    • Progress
    • Scrollspy
    • Spinners
    • Toasts
    • Tooltip
      • معرفی کلاس clearfix
      • معرفی کلاس link-*
      • معرفی کلاس ratio
      • معرفی کلاس fixed-top
      • معرفی کلاس fixed-bottom
      • معرفی کلاس ticky-top
      • معرفی کلاس visually-hidden
      • معرفی کلاس visually-hidden-focusable
      • معرفی کلاس visually-hidden-focusable
      • معرفی کلاس card و card-body و card-title و card-text
      • معرفی کلاس stretched-link
      • معرفی کلاس text-truncate
      • ساخت پروژه با bootstrap
پیش نیاز ها
  • گذراندن دوره Web Design I برای ورود به این دوره الزامی است
آینده شغلی
  • با ورود فروش آنلاین در ایران و استفاده از سایت‌ها و ایجاد کسب و کارهای غیر حضوری، شغل‌های جدیدی نیز ایجاد شدند. یکی از این شغل‌ها طراحی سایت است. شما با یادگیری طراحی سایت می توانید برای شرکت های طراحی وب یا در بخش های فناوری اطلاعات سازمانهای بزرگ دولتی و شرکت های خصوصی و یا به طور مستقل کار کنید. اگر در یک شرکت مشغول باشید، می توانید تا سمت های مدیریت تیم طراحی یا مدیر محتوای سایت پیشرفت کنید و با کسب تجربه بیشتر می توانید برای خود در این حوزه کسب و کاری راه اندازی کنید.

نظرات کاربران

نقد و بررسی‌ها

هنوز بررسی‌ای ثبت نشده است.

اولین کسی باشید که دیدگاهی می نویسد “Responsive & Bootstrap (Web Design II)”

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

دوره های مشابه