نوشته های ash_moh

بخشای مهم و پرکاربرد css رو میشناسی ؟ | قسمت دوم

ash_moh — Fri, 14 Aug 2020 01:13:57 +0430

توی این پست از قسمت هایی گفتم که دونستنشون واجبه !قسمت اول رو میتونی از اینجا بخونیبریم سراغ بخش دومسایتی رو دیدی که scroll نخواییش بکنی ؟ پس حتما یجایی داره با overflow کار میکنه . چیز پیچیده ای نیست ولی دقیقا باید بدونی داستانش چیهقسمت مهم بعدی داستان value ها و واحد هاست . خوبه که بدونی ما تو css چه نوع مقادیری رو میتونیم بدیم ، چون صرفا داستان به مقادیر عددی ختم نمیشه .خب حالا انواعشونو فهمیدی ، خیلی مهم واحد های سایز دهی رو هم بدونی و اگاه باشی که کدوم نسخه مرورگر ها ازشون پشتیبانی میکنن .خب وقتی به دوتا قسمت قبلی مسلط شدی خیلی راحت میتونی size المنت ها رو مشخص کنی و اکیدا توصیه میکنم به سایز دهی img قشنگ مسلط بشیخب مورد بعدی استایل دادن به table هست . خیلی المنت پرکاربردی نیست ولی بدون استایل خیلی زشت و داغونه ، برا همین اگر تو یه پروژه باشه و ندونی چیکارش باید بکنی کارت ساخته استدیباگ و دیگر هیچ !مرورگر ها یه چیزی دارن به اسم inspect که این امکان رو بهت میده خیلی تعاملی و اسون استایل های هر سایتی رو ببینم و اگر خواستی همون جا تغییرشون بدی و نتیجه رو ببینی . این تیکه فوق العاده مهم و اصن سرسری ازش رد نشو چون بعدا خیلی باهاش سروکار داریاین پست رو برمبنای اطلاعات سایت MDN موزیلا نوشتم و امیدوارم برات مفید باشهراستی با لایک و کامنتت هم منو خوش حال میکنی هم به دست بقیه میرسونیش پس یادت نره ^-^

بخشای مهم و پرکاربرد css رو میشناسی ؟

ash_moh — Thu, 06 Aug 2020 19:48:36 +0430

بخشای مهم و پرکاربرد css رو میشناسی ؟ توی این پست از قسمت هایی گفتم که دونستنشون واجبه !خب ببین css رو میشه به سه تا بخش عمده تقسیم کرد .-بخش اول میشه مبانی پایه ای که برای شروع کار نیاز داری که بدونی .-بخش دوم میشه استایل هایی که به متن مربوطه-بخش سوم هم که بحث خیلی مهم layout ها هستبریم سراغ مبانی پایه ایاولین چیز اینه که بدونی cascading و inheritance چی هستن و چه تاثیری روی استایلات میذارن خیلی وقتا میشه که میبینی یه استایلی رو دادی اما اعمال نشده یا برعکس ، دونستنش باعث میشه بفهمی گیر کار کجاستبعدش لازمه درمورد selector ها بخونی . خیلی ها صرفا از ساده ترینش که class ها هستن استفاده میکنن اما ما کللللی سلکتور داریم که دونستنشون بهت قدرت بالایی تو پیاده سازی میدهتو css هر چیزی با یه box احاطه شده ! پس خیلی مهم قلمرو اش رو بشناسی . فقط کافیه روی box model مسلط شی همینحالا بیا بریم سراغ background که یه دنیاست . عین داستان سلکتور ها این قسمت هم کلی امکانت باحال داره که دونستنشون خیلی قدرتت رو زیاد میکنه مخصوصا وقتی می خوای برای پس زمینه یه عکس بذاریدوتا از پرکاربردترین استایل ها border و shadow-box هستن که خیلی اسون میتونی بهشون مسلط شیاین پست رو برمبنای سایت MDN موزیلا نوشتم و امیدوارم برات مفید باشهراستی با لایک و کامنتت هم منو خوش حالم میکنی هم به دست بقیه میرسونیش پس یادت نره ^-^

نقشه راه یادگیری html

ash_moh — Thu, 30 Jul 2020 19:09:08 +0430

· که لازمه هرکدوم رو دقیق یادبگیریمتن و پاراگرافیکی از پر کاربرد ترین المنتها توی html مربوط به متن و heading میشه . و مهم تریناشون· تگ های مربوط به هدینگ که میشن

تا

· تگ های مربوط به متنo

o
o

· و خوبه که درمورد تگ های مربوط به formatting متن رو هم باهاشون اشنا باشیفورم ها و inputخب توی html ما میتونین از طریق المنت های input از کاربر بخوایم که بهمون دیتا بده ، یموقع ازش میخوایم که نام کاربریش رو بگه یه موقع هم بهش میگیم که چک باکس مربوط به قوانین رو تیک بزنه خیلی مهم که تو تمام input ها و type های مختلفشون رو بلد باشی . اینجاخوبه برای مرورشون و برای type هاشونم اینجا رو سر بزنحالا form یجورایی مث کانتینر میمونه برای input هات و میتونی با قرار دادن input هات داخلش بتونی بهتر مدیریتشون کنی این لینک خوبه . قرارمون یادت نره ! حتما اتریبیوت هاشونم بخون ^-^لینک هاتوی html ما برای لینک دادن از تگ  استفاده میکنیم . حتما حتما نیازه که به اتریبیوت هاش مسلط باشی همین . ایجا رو میتونی بخونیای وای حالا عکسا رو چیکار کنیم ؟؟؟؟نمیدونم چرا جو دادم ولی برا نشون دادن عکسا خیلی ساده از  استفاده میکنیم . اما من توصیه میکنم ساده ازش نگذری و حتما اینجا رو خوب بخونیالمنت های مربوط به mediaتوی html تو میتونی عکس ، فیلم و فایل صوتی رو به کاربر نشون بدی نکته اش اینه که باید نسخه html و ساپورت مرورگر رو درنظر بگیری و بهشون اشراف داشته باشی ، لازم نیست اینارو حفظ کنی ولی تو باغ باش که چی به چیه ، اینجا خوبهلیست و tableخوبه که بلدشون باشی برای table اینجا بد نیست . لیست ها کاربردشون خیلی بیشتر و توصیه میکنم انواعش رو یادبگیری . کل بخش لیست رو میتونی از اینجابخونیاین داستان semantic چیه ؟ببین داستان اینه که میتونی برای کانتینر بجای استفاده از div و  span از المنت های سمانتیک استفاده کنی که خوبیشون اینه که هم مرورگر و هم یه برنامه نویس دیگه که بیاد کدت رو بخونه میفهمه محتوای داخل این المنت ها چیه . کسی که سمانتیک کد میزنه داره حرفه ای کار میکنه . برای اینکه حرفه ای باشی اینجا رو بخون *-^یسری سایت خوب برای یادگیری معرفی میکنیتقریبا تمام لینک هایی که اینجا گذاشتم از سایت w3schools.com بود . کوتاه گفته و سعی کرده تا اونجا که میشه مثال قابل اجرا و تعاملی برای مطالبش بذاره . من خیلی وقتا با اجرا کردن مثالش و دستکاریشون فهمیدم که اصن چی به چیهسایت خوب بعدی developer.mozilla.org که سایت فوق العاده خوب و کاملیه . این دوتا سایت توی دنیای فرانت جز مراجع خیلی بزرگ و کامل به حساب میان . ولی یکم ظاهر قدیمی دارن و ممکنه توشون خسته شیپس یسری سایت ایرانی باحال معرفی کن =)من خودم یادمه چهار سال پیش حدودا html رو با یه مجموعه ویدیو فارسی از سایت فرانش یادگرفتم که مدرسش دوره رو تو فرودگاه ضبط کرده بود . تازه هر چند وقت یبار صدای هواپیما هم میومد =)))کیفیت دوره های سایت راکت هم خوبهاگر بنظرت چیزی رو جا انداختم یا پیشنهادی داری که باهاشو بتونم مقاله رو بهتر کنم با گفتنشون تو کامنتا لطف بزرگی بهم میکنی . اگر خوشت اومد و بنظرت مفید بود با لایک کردن بهم بگو که کلی ذوق میکنم  =))رسوندن این مقاله به دست کسایی که فک میکنی بدردشون میخوره کار فوق العاده ارزشمندی که میتونی براشون انجام بدیفعلا ?