دوره طراحی قالب به صورت رسپانسیو -جلسه معرفی دوره

دسته بندی: طراحی و برنامه نویسی وب
دوره طراحی قالب به صورت  رسپانسیو
4.9 از 17 رای
  • تعداد شرکت کننده گان: 352 نفر
  • جلسات منتشر شده: 24 جلسه
  • مدت زمان دوره: 06:00:00
  • قیمت دوره: تومان
  • وضعیت دوره: تکمیل شده
  • درصد تکمیل شده: 100%
100%
محمد نیکو
محمد نیکو

محمد نیکو

Web Developer

1199

دانشجو دارد

5

دوره دارد

179

جلسه منتشر کرده
دانلود این قسمت (قسمت 1 )

دوره پروژه محور طراحی قالب با HML CSS FLEXBOX JS JQUERY

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

پیشنیاز دوره HTML CSS JS JQUERY

کانال سورس کد : @PixelCode

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

https://zarinp.al/webamooz.net

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

دوره طراحی قالب به صورت  رسپانسیو - شایان نماینده
شایان نماینده

سلام استاد وقتتون بخیر! ممنون از محتوای آموزشی خوبتون! استاد در قسمت 3 ویدئو آموزشی زمانی که داشتید box-shadow میدادید چیکار کردید که همزمان دستورات -moz- -webkit- هم نوشته شد؟

دوره طراحی قالب به صورت  رسپانسیو - صیاد اعظمی
صیاد اعظمی

سلام عزیزم تب رو میزدم ولی شما میتونید توی این سایت https://autoprefixer.github.io/ پرفیکس های سی اس اس رو ب دست بیاری

دوره طراحی قالب به صورت  رسپانسیو - محمد امین م
محمد امین م

سلام ممنون، ساخت پجینیشنش خیلی برام جذاب بود

دوره طراحی قالب به صورت  رسپانسیو - مجتبی
مجتبی

سلام شما به posts اومدین space-between دادین این زمانی که تعداد پست ها مضرب ۳ باشه قشنگ مرتب هستش یعنی هر ردیف سه تا باشه ولی زمانی که مثلا برای ردیف اخری به جای ۳ پست ، ۲ تا بمونه باعث میشه ردیف اخر هم فاصله رو بینش تقسیم کنه یعنی یکی میفته اول یکی اخر بعد حالت جالبی نمیگیره راه حلتون چیه استاد؟ برای ellipsis میشه سمت فرانت کاری کرد بعد از ۳ خط که شد ... بزاره یعنی فقط پایان یک‌ خط نباشه یعنی تعیین کنیم اگر بیشتر از ۳ خط یا مثلا ۲۰۰ کرکتر شد ... بزنه با جِی‌کوئری میشه؟

دوره طراحی قالب به صورت  رسپانسیو - محمد نیکو
محمد نیکو

سلام راهای مختلفی هست بهتره توی تلگرام به من پیام بدید تا نمونه کدی که نوشتم رو براتون ارسال کنم اینطوری بهتر متوجه میشید سوال بعدیتونم بله میشه با جی کوئری یا جی اس چنین کاری کرد ایدی من : @nikoo_mohammad

دوره طراحی قالب به صورت  رسپانسیو - مجتبی
مجتبی

سلام مجدد در اپیزود ۵ ، استاد موقع اجرای sticky وقتی به نویگیشن پوزیشن رلیتیو دادین فرمودین استکینگ کانتکس ایجاد کردید؟ امکانش هست کمی توضیح بفرمایید راجع به استکینگ کانتکس؟

دوره طراحی قالب به صورت  رسپانسیو - محمد نیکو
محمد نیکو

سلام . اینجارو مطالعه کنید به طول کامل با مثال هست https://css-tricks.ir/reference/z-index/

دوره طراحی قالب به صورت  رسپانسیو - مجتبی
مجتبی

استاد ببخشید دوباره سوال میپرسم برای فونت آیکونی که استفاده کردید خب ما از کجا کد هر آیکون رو بدست بیاریم؟ مثلا میگم کد آیکون سرچ هست \0e89 برای بقیه آیکون هایی که درش استفاده شده ما این کدها رو از کجا بفهمیم؟

دوره طراحی قالب به صورت  رسپانسیو - محمد نیکو
محمد نیکو

سلام من این کد هارو از سایت دیجی کالا برداشته بودم الان ظاهرا تغییراتی دادن اما شما میتونید خودتون تست کنید اینسپکت بگیرید و دونه دونه تست کنید و ایکون هارو ببنید چی هست

دوره طراحی قالب به صورت  رسپانسیو - مجتبی
مجتبی

سلام استاد نیکو وقتتون بخیر تشکر بابت دوره عالیتون چند مورد رو می خواستم‌ باهاتون در میان بزارم ۱) علت اینکه از پیش ‌پردازنده هایی مثل sass استفاده نمی کنید چی‌هست؟ پیشنهاد میکنید استفاده بشه یا خیر؟ چون که به لحاظ ساختار تودرتو‌ نویسی خیلی حجم کدهای CSS رو کاهش میده ... ۲) سایت هایی هستند که میشه کد های CSS نهایی رو درش کپی‌کرد و خودش به صورت اتوماتیک prefix های تعریف شده رو قرار میده علت اینکه خودتون دستی این prefix ها رو وارد میکردید چی هست؟ با تشکر

دوره طراحی قالب به صورت  رسپانسیو - محمد نیکو
محمد نیکو

سلام به علت اینکه میخواستم پیش نیاز های دوره به حداقل برسه . بابت سوال بعدیتونم بله هستن سایت های دیگه اما خب من خواستم بچه ها عادت کننن یکی از سایت هایی که اینکارو انجام میده https://autoprefixer.github.io/

دوره طراحی قالب به صورت  رسپانسیو - pesar khoob
pesar khoob

سلام داخل دوره لطفا از css grid هم استفاده می کنید؟ با تشکر

دوره طراحی قالب به صورت  رسپانسیو - محمد نیکو
محمد نیکو

سلام نه از flexbox استفاده میکنیم

دوره طراحی قالب به صورت  رسپانسیو - سعید نباتی
سعید نباتی

سلام توی قسمت دهم که پست هارو ایجاد کردید برای card-imageارتفاع صد در صد دادید و این تمامcardروی نگرفت چطور میشه؟

دوره طراحی قالب به صورت  رسپانسیو - محمد نیکو
محمد نیکو

سلام اگر محتوای های دیگه رو از داخل باکس اصلی برداریم عکس صدرصد باکس رو میگیره اما چون محتوای دیگه ای مثله عنوان پست - قسمتی از متن پست - و جزئیات رو داریم یه مقدار از فضای باکس به این محتوا تعلق میگیره و عکس هم سایزش تغییر میکنه اگر بیشتر نیاز به توضیح داشتید لطفا به ایدی تلگرامم پیام بدید پایین سایت توی فوتر هستش

دوره طراحی قالب به صورت  رسپانسیو - محمد نیک عیش
محمد نیک عیش

سپاس

دوره طراحی قالب به صورت  رسپانسیو - علی نجاتی
علی نجاتی

ممنون استاد انشالله خیر ببینید...

دوره طراحی قالب به صورت  رسپانسیو - امیر
امیر

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

دوره طراحی قالب به صورت  رسپانسیو - محمد نیکو
محمد نیکو

سلام متاسفانه توی تیم وب اموز هیشکدوم وردپرس کار نمیکنن این قالبی که داره توی این دوره پیاده سازی میشه رو جناب صیاد اعظمی کار پویا سازیشو با php ,mvc انجام میدن دوره ساخت cms وبلاگ توی سایت موجوده و از همین قالب استفاده میشه میتونید اون دوره رو هم ببنید رایگانه

دوره طراحی قالب به صورت  رسپانسیو - webmr۱۹۹۰
webmr۱۹۹۰

بسیار عالی سپاس گزارم از شما جناب استاد محمد نیکو

سون لرن

سون لرن,چت مشهد,مشتی چت,شرق چت

سون لرن آموزش برنامه نویسی

سون لرن,دوره php,دوره ری اکت جی اس,دوره پروژه محور ری اکت

سون لرن,وب اموز,دوره php,دوره ری اکت جی اس,دوره پروژه php

کلمات سایتی : دیجی کالا , فرادرس , فرانش , تاپ لرن , ویرگول , کوئرا , کلیک سایت , سون لرن , ایران سرور