نوشته های علی یوسفی

ور رفتن با DOM - قسمت اول

علی یوسفی — Fri, 09 Nov 2018 16:27:59 +0330

ور رفتن با DOMدوستان سلام قراره تو این سری پست ها با DOM ور بریمخب برای شروع یک صفحه HTML بسازید و اسمشو هر چی دوس داشتین بذارین من میذارم index.html و تگ های زیر را داخلش کپی کنید و در قدم بعدی هم یک فایل js کنارش بسازید با هر اسمی دوست داشتین Todo App

Todos

Clean the kitchen

Book flights

Research museums

Walk the dog

Finish this course!

خب دیگه وقتش رسیده که با DOM ور بریمخب من میخوام اولین تگ p را انتخابش کنم واسه این کار داخل فایل js خودتون کد زیر را بنویسین و خروجیش را داخل console مرورگر خودتون ببینینconst paragraph = document.querySelector('p') console.log(paragraph)منظور از document همون صفحه HTML شما هست و متد querySelector هم اولین عنصری را که داخل پرانتز خواستین ازش را براتون برمیگردونه برای مثال ما اینجا سه تا تگ p داریم به اولین p که رسید کارش تموم میشه و اولین p را برمیگردونه به همین سادگی.ولی خب شاید یکی از شماها بگه که چطوری همه p ها را انتخاب کنم خب کاری نداره که به جای querySelector بنویس querySelectorAll و حالشو ببر اینطوری همه p ها انتخاب میشن.خب حالا ما یخورده حال نمیکنیم با تگ های p و میخوایم همشون را حذف کنیم باید چیکار کنیم این کار هم خیلی سادس اینطوریconst paragraphs = document.querySelectorAll('p') paragraphs.forEach(function (paragraph) { paragraph.remove() })اول میایم همه p ها را انتخاب میکنیم و بعد یه حلقه مینویسم و تک تک p ها را با متد remove که کارش حذف المنت هست حذفشون میکنیم.در پست های بعدی خیلی بیشتر با DOM ور میریم.

معضل استخدام نکردن برنامه نویس تازه کار

علی یوسفی — Sun, 28 Jan 2018 15:10:29 +0330

معضل استخدام نکردن برنامه نویس تازه کاریک راست میرم سراغ اصل مطلب بدون مقدمه چینیسالار کابلی عزیز یک پادکست صوتی منشتر کرده که میتونین با دنبال کردن سالار کابلی در شبکه های اجتماعی اون پادکست را گوش بدین یکی از مواردی که داخل این پادکست بهش پرداخته میشه معضل استخدام برنامه نویس تازه کار هستش و متاسفانه این واقعیت داره.البته استخدام تازه کار که میگم تو همه رسته ای وجود داره ولی من برنامه نویسی را فقط مطرح کردم. متاسفانه یا خوشبختانه هر روز ما شاهد تکنولوژی های جدید، فریم ورک های جدید، زبان های جدید و یا ورژن های جدید ازشون هستیم. هر شرکت هم بنا به نیاز پروژه هایش یا محصولاتش از یک سری ابزارها و چارچوب های خاص استفاده میکنه ولی خب همه شرکت ها روزی به این موضوع میرسن که باید برای توسعه کسب و کارشون نیرو استخدام کنن بر فرض مثال یک React کار ولی خب شاید تعداد کسایی که React را خوب کار کرده باشن کم باشه یا زیاد به این کار نداریم یا اینکه همشون مشغول به کار باشن به نوعی. چون نیروی کار بلد قرار نیست تو هر شرکتی و با هر شرایطی کار کنه. خب در ادامه شرکت ها به این نتیجه میرسن که باید برنامه نویس تازه کار استخدام کنن و موعد اون روز میرسه که با طرف مصاحبه کنن و بزنن اعتماد به نفسشو کامل از بین ببرن چون خودم به شخصه دیدم نحوه برخورد بعضی از شرکت ها را خب بابا طرف تازه کار هست چه توقعی دارین که مسائل تخصصی و مواردی که تو پروژه های شما استفاده شده را بدونه مثلا طرف تازه شروع کرده به React و مسیر انتخابیش تو فریم ورک ها React هست میان ازش سوال های تخصصی میپرسن که آیا اینو کار کردی اونو کار کردی در صورتی که طرف در حد Hello world کار کرده ولی ما باهاش طوری برخورد می کنیم که دیگه ادامه نده و دلسرد بشه از برنامه نویسی و بره دنبال شغلی دیگه البته احتمال این هست که یک درصد طرف قوی باشه و ادامه بده و حرفای شما اصن براش مهم نباشه. مهم ترین مشکلی که وجود داره ما با این طور رفتار داریم جلو پیشرفت و تکنولوژی را میگیریم چون خیلی از کسایی که ما اعتماد به نفسشون را له میکنیم شاید یه درصد نخبه و باهوش باشن و بتونن لااقل برای پیشرفت ایران یا نیازهای مردمون کاری کنن به نظرم باید طرز تفکر خیلی از شرکت ها عوض بشه و نیروهای تازه کار را استخدام کنن و بهشون بها و آموزش بدن و نقشه راه را براشون مشخص کنن چون این یک سود دو طرفه هست و قطعا تا یه مدت دیگه میتونن از توان و تخصص این نیرو استفاده کنن ولی به شرطی که اعتماد به نفسش را حین کار از بین نبریم.این نوشته من برگرفته از پادکست صوتی سالار کابلی هست که در بخش دوم این پادکست به این موضوع پرداخته شده. امیدوارم روزی برسه تو ایران شاهد این باشیم که همگی برای پیشرفت هم وطنشون تلاش میکنن.

ویو فریم ورک خوش بر و رو جی اس - بخش اول

علی یوسفی — Sun, 28 Jan 2018 12:23:11 +0330

ویو فریم ورک خوش بر و روبا سلام خدمت دوستان من قرار هست فریم ورک vue 2 را در سطح مقدماتی در چندین پست (مقاله) آموزش بدم.معرفی vueخیلی خلاصه بگم بهتون که یک فریم ورک جاوا اسکریپت هستش که میخواد ما را در ایجاد رابط کاربری کمک کنه و به شدت در میان توسعه دهندگان وب محبوب هستش و هر روز به محبوبیتش افزوده میشه و شاید مهم ترین دلایل محبوبیتش موارد زیر باشه:یادگیری آسان تر این فریمورک نسبت به فریمورک های دیگرکم حجم بودن این فریم ورکشباهت بعضی از دستورات آن با فریم ورک انگولار ورژن 1 که به شدت محبوب بود مثل:v-if vs ng-ifv-for vs ng-forدوستانی که میخوان بیشتر از vue بدونن میتونن به وبسایت رسمی سر بزنن.پیش نیازها برای یادگیری vue جاوا اسکریپتجاوا اسکریپت 2015 یا همون ES6نصب و راه اندازی vueخب دوستان برای نصب و راه اندازی در اولین قدم برین به صفحه نصب و راه اندازی در وبسایت رسمیخب الان شما راه های مختلفی برای نصب و راه اندازی را جلوی خودتون مشاهده میکنین از جمله:دانلود نسخه فشرده یا غیر فشرده vue و include کردن با استفاده از تگ script (از فایل فشرده در هنگام توسعه استفاده نکنید)از طریق cdn از طریق npm که این روش برای برنامه های بزرگ پیشنهاد میشه توسط وبسایت vueاز طریق cli که موجب سرعت بخشیدن به توسعه میشه و میتونیم از این طریق ویو را نصب کنیم و با یک سری دستورات ساده که در ادامه قرار میدهم تغییراتمون در کد را بصورت hot reload مشاهده کنیم.# install vue-cli $ npm install --global vue-cli # create a new project using the "webpack" template $ vue init webpack my-project # install dependencies and go! $ cd my-project $ npm install $ npm run devما تو این سری آموزش از همان روش مستقیم (تگ script) استفاده میکنیم و از قسمت بعد میپردازیم به شروع کدنویسی با vue دوست داشتنی و محبوب.