Create a list of URLs from these links

Create a list of URLs from these links

(روش های شما برای حل یک مشکل.مشکل نمایش لینک ها )

فکر کنید برای یک مصاحبه کاری میروید

فرد مصاحبه گیرنده از شما سوال میپرسد تا روش انجام کار شما و راه حل شما را بسنجد.

اما چرا هر کس به روش خاصی کار را انجام میدهد؟

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

پس مهم است که چطور و با چه روشی راه حل میدهید و از خود دفاع میکنید.

به نحوه برخورد شما با مشکل صحبت میکنیم.

پس یک مشکل وجود دارد و از شما درخواست راه حل میشود.

یک ارایه وجود دارد و در ان اشیایی قرار دارد و میخواهیم این اشیا را بهصورت لیست در عناصر htmlنمایش دهیم.

نیاز نیست که شما یک لیست در html بسازید.

من به شما یک شناسه (id )میدهم و از شما میخواهیم که یک لیست بسازید!

ویدیو را متوقف کنید و راه حل های خود را بگویید.

و درستی ان ها را چک کنید در ادامه ویدیو و حل کردن ان توسط من.

درست است.در اینجا میتوانیم یک راه حل درست و سریع پیشنهاد کنید.

من به شما یک div ->id میدهم.بدون هیچ css و چیز دیگه ای.

در javascript برای این مشکل یک راه حل ساده وجود دارد.

خروجی html : توجه کنید که خروجی زیبایی نداریمو قالب بندی خاصی ندارد که من نگرانش نیستم و مهم نیست

همانطور که گفته شد نیاز به نوشتن تک تک ایتم ها در html نیست.که در صورت زیاد شدن item ها کار وقت گیری خواهد بود.

به نحوه برخورد با حل مسله توجه کنید که چقدر کار ما سریع تر و بهتر شد.

از query selector استفاده شده است که روش خاص برای انتخاب عناصر html توسط dom است.

این روش جدیدتر و مدرن تر است. و به وسیله دریافت یک شناسه id عنصر میتوان اعمال مختلف را اعمال کرد.

پس اولین چیزی که در مورد حل مشکل متوجه شدم استفاده از suery selector برای انتخاب id و قرار دادن یک تکرار شونده for eachقرار میدهیم که مشکل را برطرف کنیم.

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

و برای شرکتی که خواهان چگونگی حل این مشکل هسنتد بسیار مهم است

و با استفاده از حلقه for each میتوان ان را نمایش داد.

بعضی افراد شاید بپرسند که چرا به جای function از item => استفاده نکردی؟ که جواب من به اونا، اینه که برای من خوانایی کد ها و قابل فهم بودنش مهم ترته و فکر میکنم که استفاده از => خواندنش کمی سخته

پس متوجه شدید که چطور میتوان از شر کلمه function خلاص بشید.!

واقعا استفاده از => دوست ندارم.چون نه مفهومی داره نه کاری انجام میدن و مفید نیستن.

اگر}{بردارید میتونید تصور کنید که یک تابع جداگانه دارید.

من در اینجا فقط میخوام با استفاده از domیه چیزیو جایگزین کنم و نمایش بدم پس نیاز به یک تابع تخصصی نیست

به همین دلیل از{}استفاده میکنیم

پس متوجه شدید برای هر کاری میتوان یک تابع جداگانه ایجاد کرد.

با این کد میتوان عناصر html تولید کرد

میتوان پاراگراف به عناصر html چسباند یا چند عنصر دستکاری و جایگزین کرد با پارامتر های مختلف

و من اینجا توسط id و توسط item->link های href رو تعیین میکنم.

من از innertext استفاده کردم

به این دلیل که فکر میکنم این روش ساده تر از اینه که من دوباره یه عنصر دیگه اضافه کنم و اینو بهش وارد کنم.

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

احتمالا در نهایت باید به جای استفاده از space قبل از متغیر ها و خط ها از tab استفاده کنم.

این چیزا واقعا مهم نیست و برای فهم و درک خودمونه و من 2 تا space رو ترجیح میدم

و اینکه شما از tab استفاده کنید یا space سبک شما خواهد شد به صورت پیش فرض.

}{ در یک خط با تابع باشد یا زیر خط تعریف تابع

بعضی افراد ترجیح میدهند که } را در پایین خط تعریف تابع بزارند و enter بزنن

که من اینو دوس ندارم ، ولی اکنون اینکارو انجام میدم

من فکر میکنم بحث در مورد سبک برنامه نویسی در هر مصاحبه ای بسیار مهم است

و چیزی است که هر کس در زبان های برنامه نویسی مخصوص به خود را دارد.

در اینجا میتوانید راجب for each و نحوه استفاده و اجرای ان اطلاعاتی جمع کنید که در مصاحبه های بعدی از ان اطلاع داشته باشید

اگر شما از ایده ای در این سری هفتگی از ویدیو ها و یا اگر سوالی در مصاحبه از شما خواسته شده است، ان را با من در

Linkdin در میان بزارید

یا در شبکه های اجتماعی دیگر مانند github.twitter

#امتحان

#مصاحبه_شغلی

#شمسی_پور

#شمسی_پور_ابریشمی

#پایان_ترم

میلاد تجری tel:miladtajare