بلاگ

خب سلام سلام.djangoتوی قسمت دوم از شروع اولین پروژه با جنگو ما قراره تمپلیت مورد نظرمون رو پیدا کنیم و بعدش بریم ادیتش کنیم و اطلاعات شخصی خودمون رو داخلش قرار بدیم .اما چرا من میخوام از تمپلیت آماده استفاده کنم دلیلش سادست من برنامه نویس بک اند هستم 🙂 پس بنابراین میام و از تمپلیت های آماده رایگان استفاده میکنم . اما اگر شما برنامه نویس فرانت اند هستید و میتونید خودتون طراحی کنید که خیلی عالیه و این کار رو انجام بدید تا یه دونه پروژه خفن شامل بک اند و فرانت اند داشته باشید . نکاتی درباره انتخاب تمپلیت اولین نکته اینکه برسی کنیم ببینیم برای چه کاری میخوایم تمپلیت انتخاب کنیم . مثلا برای پروژه الان ، ما نیاز به یک تمپلیت چند صفحه ای نداریم ، پس باید دنبال تمپلیت تک صفحه ای (One Page) بگردیم.یکی از نکته های مهم در انتخاب تمپلیت این که کد اون تمپلیت تمیز باشه اینجوری وقتی میخوایم شخصی سازیش کنیم کارمون راحت تره پس به نوع کد نوشته شده دقت کنید .از کجا تمپلیت پیدا کنیم ؟خب برای پیدا کردن تمپلیت مورد نظر بهترین کار اینکه بریم و توی گوگل جستجو کنیم . البته من خودم از داک داک گو استفاده میکنم به جای گوکل :)کلی سایت هست که میتونید پیدا کنید و تمپلیت مورد نظر و مورد علاقه خودتون رو دانلود کنید .من یکی از این سایت ها رو معرفی میکنم و تمپلیتی که برای این پروژه در نظر گرفتم از همین سایت هست.templateflip.comخب من از قبل یکی از تمپلیت های این سایت رو انتخاب کردم و میخوام قدم به قدم بهتون نشون بدم چه جوری دانلودش کنید.اسم تمپلیتی که من انتخاب کردم Right Resume هست که به نظرم تمپلیت مناسبی برای پروژه ما هست . خب بریم برای دانلود کردنش .من خودم شخصا ترجیح میدم نسخه رایگانش رو دانلود کنم :)جمع بندی این قسمت خب ما تو این قسمت رفتیم و یک تمپلیت مناسب برای سایت رزومه ای خودمون پیدا کردیم ، و با یکی از سایت های فروش تمپلیت های آماده هم آشنا شدیم . من فکر میکنم برای این قسمت کافیه .توی قسمت بعدی اطلاعات شخصی خودمون رو داخل قالبی که انتخاب کردیم قرار میدیم و بعدش هم اپ پروژه رو میسازیم و …امیدوارم این نوشته ها به دردتون بخوره. من هدفم اینکه جامعه با سواد تری داشته باشیم و به بقیه چیزای که بلد هستم رو یاد بدم و اینکه اگر براتون کاربرد داشت میتونید برام کامنت بزارید یا دنبالم کنیم چه اینجا چه توی بقیه جا ها مثل اینستاگرام ، تویتر ، یوتیوب و گیت هاب . و اگر دیگه خیلی حال کردید یه روز که من رو دیدید برام یه قهوه بخرید :)خرید قهوه از کافهته 🙂 coffeete.ir/i_am_vanceگیت هاباینستاگرامتویترلینکدین

آرایه چیه؟آرایه ها یک متغیر مخصوص هستن که میتونن چندین مقدار رو توی خودشون ذخیره کنن و به شما لیستی از آیتم‌های ذخیره شده رو بده.ساختارش به چه شکله ؟const array = [ &quot🍌&quot , &quot🍒&quot , &quot🍑&quot ];آبجکت چیه ؟آبجکت ها هم لیستی از داده‌ها رو به ما میدن که به صورت جفت‌های key:value ذخیره میشن که key یه اسم و value هم یه مقدار برای اسم ماست.ساختارش به چه شکله ؟const object = { name: &quotpride&quot, type:&quotcar&quot, price:1000000000,};خب تعریف اضافه کافیه بریم سراغ کار خودمون 👌اگه یه آرایه داشته باشیم که توش کلی آبجکت باشه! چطوری می‌تونیم اون آرایه با آبجکت های داخلش رو به یک آبجکت واحد تبدیل کنیم؟سریعترین راه با استفاده از متد ()Object.assign به همراه سپرید اپراتورها یا سه نقطه خودمون (…) دقت کنید ها برای ()Object.assign از O بزرگ استفاده بشه و این ویژگی توی ES6 اضافه شدهاین متد رو هرجا استفاده کنیم از شی منبع یه کپی میگیره و توی یه شی جدید به ما برمیگردونهحالا بریم توضحیات رو توی کد ببینیم 🔦//define our array with many objectsconst fruits = [{ apple: &quot🍎&quot }, { banana: &quot🍌&quot }, { cherry: &quot🍒&quot }];//convert array of objects to single objectconst allFruits = Object.assign({}, …fruits);//show our resultconsole.log(allFruits);//output : { cherry: &quot🍒&quot, banana: &quot🍌&quot, apple: &quot🍎&quot }⚠️ نکته ای که نباید فراموش کنید اینه که اگر بیش از یک آبجکت با properties یکسان داشته باشین (چندتا آبجکتت پراپرتی یکی داشته باشن) آخرین مقدار جایگزین میشه و فقط آخرین آبجکت نشون داده میشه.بریم مثالش رو ببینیم تا راحت تر منتقل بشه (به دوتا سیب توجه کنید توی آرایه) 🔦//define our arrayconst fruits = [{ apple: &quot🍎&quot }, { banana: &quot🍌&quot }, { cherry: &quot🍒&quot }, { apple: &quot🍏&quot}];//convert array of objects to objectconst allFruits = Object.assign({}, …fruits);//show our resultconsole.log(allFruits);
//output : { apple: &quot🍏&quot, banana: &quot🍌&quot, cherry: &quot🍒&quot };توی مثال با سیب قرمز توی یه آبجکت با property به اسم apple داشتیم و توی آخرین آبجکت هم یه سیب سبز بازم با همون property دقیقا apple داشتیم و توی خروجی فقط آخرین سیب رو برای ما جایگزین کرد.