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

محمد نیکو
Web Developer
1416
دانشجو دارد5
دوره دارد222
جلسه منتشر کردهدوره پروژه محور طراحی قالب با 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
سلام داخل دوره لطفا از css grid هم استفاده می کنید؟ با تشکر
محمد نیکو
سلام نه از flexbox استفاده میکنیم
سعید نباتی
سلام توی قسمت دهم که پست هارو ایجاد کردید برای card-imageارتفاع صد در صد دادید و این تمامcardروی نگرفت چطور میشه؟
محمد نیکو
سلام اگر محتوای های دیگه رو از داخل باکس اصلی برداریم عکس صدرصد باکس رو میگیره اما چون محتوای دیگه ای مثله عنوان پست - قسمتی از متن پست - و جزئیات رو داریم یه مقدار از فضای باکس به این محتوا تعلق میگیره و عکس هم سایزش تغییر میکنه اگر بیشتر نیاز به توضیح داشتید لطفا به ایدی تلگرامم پیام بدید پایین سایت توی فوتر هستش
محمد نیک عیش
سپاس
علی نجاتی
ممنون استاد انشالله خیر ببینید...
امیر
سلام اگه این قالب به سیستم مدیریت محتوا وردپرس متصل بشه دوره خیلی عالی و کامل میشه لطفا این مورد هم در نظر بگیرین ممنون
محمد نیکو
سلام متاسفانه توی تیم وب اموز هیشکدوم وردپرس کار نمیکنن این قالبی که داره توی این دوره پیاده سازی میشه رو جناب صیاد اعظمی کار پویا سازیشو با php ,mvc انجام میدن دوره ساخت cms وبلاگ توی سایت موجوده و از همین قالب استفاده میشه میتونید اون دوره رو هم ببنید رایگانه
webmr۱۹۹۰
بسیار عالی سپاس گزارم از شما جناب استاد محمد نیکو