Topcode – Telegram
Topcode
105 subscribers
10 photos
1 video
6 links
این چنل یک بلاگ برای برنامه نویسان است و تلاش ما در این چنل اشتراک گذاری مطالبی است که به پیشرفت کاربران کمک میکند.
Download Telegram
کدوم بهتره؟
Angular یا react یا vue ?
تو این پست میخواهیم به مقایسه سه فریمورک از جاوا اسکریپت بپردازیم؛ اگر قصد یادگیری یکی از این سه تا رو داری حتما این پست بهت کمک میکنه!

Angular:
درسال ۲۰۱۰ توسط گوگل منتشر شد. از صاحب نام ترین وبسایت هایی که از این فریمورک استفاده میکنند میتوان به گوگل و یوتیوب اشاره کرد!
این فریمورک با زبان Typenoscript توسعه داده میشود.
دارای معماری Model-View-Controller (MVC) است.

React:
در سال ۲۰۱۳ توسط فیسبوک منتشر شد. اینستاگرام و توییتر از جمله وبسایت هایی هستند که از این فریمورک استفاده میکنند!
در بعضی از منابع React یک کتابخونه دانسته میشه؛
برای ساخت رابط کاربری‌ تعاملی و stateful و همچنین رابط‌های کاربری قابل استفاده مجدد معرفی شده است.

Vue:
در سال ۲۰۱۴ توسط ایوان یو ، مهندس سابق گوگل توسعه داده شد. سایت های گیت لب و لاراول از این فریمورک استفاده میکنند!
Vue از ابتدا برای این طراحی شده است که از همه نظر قابل قبول باشد. Vue ابزارهای مختلف زیادی برای ایجاد رابط کاربری دارد.

1_ آمار stack over flow
طبق آماری از وبسایت stack over flow ری اکت بالا تر از ویو جزو محبوب ترین فریمورک های جاوا اسکریپت معرفی شده است.
همچنین angular هم افت شدیدی در سال های گذشتت داشته است!

2_ آمار گوگل
اگر نمودار و آنالیز گوگل را مشاهده کنیم ،می‌بینیم Angular تا سال 2016 بسیار محبوب بود ، اما از سال 2017 به بعد ، جستجوهای برای React به طور پیوسته در حال رشد هستند.

3_ مقایسه کلی
از angular برای پروژه های بزرگ و پیچیده استفاده میشود.
از React برای توسعه پروژه های متوسط استفاده میشود زیرا دارای انجمن ها و توسعه دهنده های زیادی است.
فریمورک Vue سبکترین فریمورک درحال مقایسه است.

نتیجه:
در حالی که React به شما انعطاف‌پذیری و سادگی بیشتری ارئه می‌دهد، Angular یک فریمورک جامع است. اما وقتی توسعه‌دهندگان نیازی به بیشتر ویژگی‌هایی که Angular ارائه می دهد ،ندارند، کمک زیادی نمی‌کند. به دلیل اجرای Reactjs با DOM مجازی ، عملکرد بهتری را نسبت به Angular تضمین می کند.
به عنوان یک فریمورک پیش‌رونده ، Vue را می توان با یک پروژه موجود ترکیب کرد. این فریمورک با مجموعه گسترده‌ای از ابزارها و كتابخانه های همراه است كه این فریمورک را قادر می‌سازد به نیازهای پیچیده برنامه‌های كاری سازمانی پاسخ دهد.

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

حالا بنظر شما کدوم بهتره؟

#Rafiee
@Tp_Code
👍2👎1
سیستم مدیریت محتوا(cms) چیست؟
سیستم مدیریت محتوا یا cms یک نرم افزار تحت وب است که به منظور مدیریت ، ساخت ، ویرایش و انتشار محتوا در وبسایت است.
در cms شما میتوانید محتوای تمام بخش های وبسایتتون رو مثل فوتر ، منو ، مقالات و … رو مدیریت کنید؛ شما میتونید وبسایتتون رو از دو نوع cms توسعه بدید.

1_ وردپرس
وردپرس معروف ترین سیستم مدیریت محتواست که توسعه دهنده میتونه از قالب ها و افزونه های آماده یا اختصاصی استفاده کنه؛ یعنی هم میتونه پوسته ساخته شده توسط دیگران رو به عنوان پوسته سایت قرار بده یا میتونه خودش یک پوسته رو توسعه بده.
وردپرس امنیت بالایی داره و با استفاده از افزونه های افزاینده امنیت ، این امنیت بالاتر هم میره!
همچنین شما میتونید با ویرایشگر های وردپرس مثل المنتور پوسته های از قبل ساخته شده رو مطابق میلتون ویرایش کنید.

2_ cms اختصاصی
شما میتونید وبسایتتون رو بدون استفاده از وردپرس به صورت cms ایجاد کنید که بهش cms اختصاصی میگن؛ من خودم از این روش استفاده میکنم!
برای این که یک cms اختصاصی توسعه دهید باید یک بک اند دولوپر و یک فرانت اند دولوپر داشته باشید.
امنیتش پای اون بک اند دولوپر هست و هر چقدر اون ماهر تر باشه امنیت بهتره.

خب امروز در مورد انواع وبسایت های cms صحبت کردیم؛ انشالله در مقاله بعدی باهم مقایسه شون میکنیم.
واقعا ممنونم بابت حمایت هاتون❤️‍🩹🫡

#Rafiee
@Tp_Code
👍2
Topcode
سیستم مدیریت محتوا(cms) چیست؟ سیستم مدیریت محتوا یا cms یک نرم افزار تحت وب است که به منظور مدیریت ، ساخت ، ویرایش و انتشار محتوا در وبسایت است. در cms شما میتوانید محتوای تمام بخش های وبسایتتون رو مثل فوتر ، منو ، مقالات و … رو مدیریت کنید؛ شما میتونید وبسایتتون…
مقایسه سیستم مدیریت محتوای اختصاصی و وردپرس؛

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

1_ سرعت توسعه
خب؛ سرعت توسعه ی یک وبسایت با وردپرس خیلی سریع تر از سرعت توسعه cms اختصاصی یک وبسایت است.
شما در وردپرس پوسته ی وبسایتتون رو به صورت رایگان انتخاب یا نهایتا خریداری میکنید و اگر هم خواستید میتونید با المنتور ظاهرش رو تغییر بدید.
همچنین برای بخش های مختلف مثلا سئو افزونه نصب میکنید.
اما در cms اختصاصی شما ابتدا فرانت اند پروژه رو توسعه میدید و سپس به سراغ بک اند پروژه میروید که حداقل فرایند توسعه ۱ ماه طول خواهد کشید.

2_ امنیت
مهمترین چیز برای یک وبسایت امنیت اونه! در وردپرس به دلیل اوپن سورس بودنش هر لحظه شکاف امنیتی ای ایجاد و یا رفع میشه؛ البته افزونه های افزایش امنیت تا حدودی به رفع این نقص کمک میکنن.
اما در سیستم مدیریت محتوای اختصاصی شما امنیت وبسایتتون رو خودتون تقویت میکنید و دیگه خیالتون از این قضیه راحت میشه.

3_ سرعت سرور
سرعت پردازش محتوا نیز یکی از مهمترین چیز ها برای یک وبسایت یا برنامه است!
در وردپرس به دلیل وجود کد های اضافه ، افزونه های سنگین و … پردازش اطلاعات زمان بیشتری نسبت به cms اختصاصی طول میکشد؛ اما در سیستم مدیریت محتوای اختصاصی که عنوان های بالا رو نداریم این زمان کمتر میشود.

4_ هزینه
هزینه برای کسانی که ابتدای مسیر هستند ماجرای سختی است؛ زیرا مطمئن نیستن کارشون بگیره!
در cms های اختصاصی به دلیلی اینکه یک تیم روی پروژه کار میکنند این هزینه نسبتا زیاده؛ اما در وردپرس اغلب پوسته ها آماده و بعضی هم باید مبلغ بسیار کمتری از هزینه ی توسعه ی cms آماده بپردازند.

5_ نیاز به متخصص؟
بله تخصص در cms اختصاصی حرف اول رو میزنه؛ برای توسعه یک وبسایت در این حالت باید افراد متخصص در زمینه های بک اند و فرانت اند حضور داشته باشن.
اما حضور این افراد در وردپرس نه تنها واجب نیست بلکه اصلا حضور پیدا نمیکنن!

در کل بنظر من که هم وردپرس کار کردم و هم cms اختصاصی ، سیستم مدیریت محتوای اختصاصی پیروز این مقایسه است؛ نظر شما چیه؟

#Rafiee
@Tp_Code
👍1
🖤 ( 💚🤍❤️ ) 🖤
👍10👎3🔥1
وبسایت spa چیست؟
وبسایت ها دو نوع هستن؛ تک صفحه ای و چند صفحه ای. حالا چطور یک وبسایت تک صفحه ای میشه رو در ادامه میفهمیم!

بعضی وبسایت ها که ممکنه به تورتون! خورده باشن وقتی که واردشون میشید دیگه برای رفتن به بخش های دیگه رفرش نمیشن؛ این وبسایت ها ، وبسایت تک صفحه ای یا single page application میگن.

وبسایت spa چگونه کار میکنه؟
این وبسایتا اینجوری کار میکنن که یک فایل html اصلی ایجاد میکنن و خالی میزارنش (یک div توش هست که برای رندر کردن وبسایته!) سپس صفحات وبسایت رو در فایل js و به صورت کامپوننت ذخیره میکنن؛ اینطوری وقتی که کاربر وارد یک صفحه شد همون صفحه رو بدون رکوئست نشونش میده.

مزایای یک وبسایت spa چیست؟
1_ سرعت خیلی بالا؛ دیگه لازم نیست چندین ثانیه منتظر لود یک صفحه باشیم و این لود خیلی زمانش کاهش میابه!
2_ همچنین این وبسایت ها تجربه بهتری رو به کاربر میدن و به نوعی بخاطر افزایش سرعت ، تجربه کاربری رو بهبود میبخشن!

معایب یک وبسایت spa چیست
1_ سئو؛ وبسایت های تک صفحه ای از نظر سئو ضعیفن؛ به این دلیل که در سئو شما باید با لینک دهی داخلی تاثیر خوبی رو روی سئوی وبسایتت داشته باشی؛ پس برای کلا سئو رو یا باید بیخیال شید(که اصلا بهش فکر هم نکنید) و یا باید سرعت رو فدای سئو کنید!

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

#Rafiee
@Tp_Code
👍4
Topcode
وبسایت spa چیست؟ وبسایت ها دو نوع هستن؛ تک صفحه ای و چند صفحه ای. حالا چطور یک وبسایت تک صفحه ای میشه رو در ادامه میفهمیم! بعضی وبسایت ها که ممکنه به تورتون! خورده باشن وقتی که واردشون میشید دیگه برای رفتن به بخش های دیگه رفرش نمیشن؛ این وبسایت ها ، وبسایت…
یکی از دوستان توی کامنت گفتن که از spa ها بیشتر در پنل ادمین استفاده میشه؛ به طور کل به دلیل سئوی ضعیف و سرعت بالای؛
که واقعا عالیه برای پنل های ادمین به شدت پیشنهاد میشه!

@Tp_Code
👌2
Topcode
مقایسه سیستم مدیریت محتوای اختصاصی و وردپرس؛ در پست قبل با سیستم مدیریت محتوا کاملا آشنایی پیدا کردیم؛ دریافتیم که cms یک ابزار برای مدیریت محتوای برنامه است. حال امروز میخواهیم به مقایسه وردپرس -معروف ترین cms جهان- و cms اختصاصی بپردازیم. 1_ سرعت توسعه…
به مناسبت ۲۰ سالگی وردپرس ؛ وردپرس چیست؟

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

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

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

1_ نصب وردپرس
خب ، برای نصب وردپرس شما میتونید به خود وبسایت وردپرس مراجعه کنید. راه دیگر اینه که از خود هاستی که گرفتید وردپرس رو نصب کنید و کیفشو ببرید.

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

2_ نصب قالب یا پوسته

خب برای نصب قالب وردپرس شما میتونید از خود پنل وردپرس قالب جستجو و نصب کنید؛ اما من بهتون پیشنهاد میدم که از قالب هایی مثل قالب استادیار و فلان استفاده کنید که برنامه نویسای غیور سرزمینمون زحمت کشیدن و طراحی کردن؛ علاوه بر این ها شما متونید خودتون قالب وردپرسی طراحی و نصب کنید که هم بازار کار و درآمدش خوبه و هم کمتر کسی بلده.

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

2_ نصب افزونه

افزونه های وردپرسی مهم ترین بخش وردپرس به حساب میان که امنیت ، سرعت و خیلی چیزای دیگه رو در وردپرس تنظیم میکنن؛ مثلا افزونه ووکامرس به وبسایت های فروشگاهی کمک میکنه تا راحت تر محصولات خود رو مدیریت و بفروشن و کلا خیلی به فروش محصولات کمک میکنه!
وردپرس بدون افزونه های امنیتی نفوذ پذیر هست و هک میشه؛ اما اگر افزونه های امنیتی رو نصب کنید امنیتش بیشتر و امکان هک شدنش یکم کمتر میشه!
همچنین چندین افزونه برای سئو داریم که به سئوی وبسایت خیلی کمک میکنه.

شرمنده اگه این مدت فعالیت نکردم ؛ درگیری های درسی و فکری زیادی داشتم و همین باعث شد موضوعی برای مقالات پیدا نکنم
ممنون از تمام حمایت هاتون🩵🫡

#Rafiee
@tp_code
👍1
معرفی اپل ویژن پرو
اپل دیشب در رویدادی تاریخی از هدست واقعیت ترکیبی خود با نام «اپل ویژن پرو» (Apple Vision Pro) رونمایی کرد.
کاربران می‌توانند این دستگاه را با دستان، چشم‌ها و فرمان‌های صوتی خود کنترل کنند. کوپرتینویی‌ها مدعی‌اند که هدست آن‌ها محتواهای دیجیتالی را با فضای پیرامون ما یکی میکند و این فناوری را Spatial Computing نام میدهد.

اپل ویژن پرو دارای یک سیستم عامل کاملاً جدید به‌نام VisionOS است که که از یک رابط کاربری سه‌بعدی استفاده میکند. این سیستم عامل دارای یک اپ استور جدید و اختصاصی است که دسترسی به اپ‌های مخصوص هدست را فراهم می‌کند و البته ظاهراً می‌توانید از طریق این فروشگاه به آن دسته از اپ‌های آیفون و آیپد که با این محصول جدید سازگارند، دسترسی داشته باشید.

این هدست تجربه استفاده از محتواهای دیجیتالی را از یک یا چند نمایشگر فیزیکی ساده خارج می‌کند و کاربر می‌تواند اپلیکیشن‌ها را در هر اندازه و مکانی مشاهده کند. ویژن پرو عمدتاً یک دستگاه واقعیت افزوده (AR) است اما می‌توانید به‌راحتی به حالت واقعیت مجازی (VR) هم بروید.

یکی از قابلیت های جالب این هدست این است که اجازه می‌دهد کسانی که اطراف شما هستند بتوانند چشمانتان را از پشت هدست ببینند. این امر از طریق قابلیتی با عنوان EyeSight انجام می‌شود که ویدیویی از چشمان شما را به نمایش می‌گذارد تا به‌طور همزمان یک تجربه فراگیر را در داخل هدست داشته باشید و اطرافیان هم بتوانند چشم‌های شما را ببینند.

اپل ویژن پرو به کاربران کمک میکند که به کامپیوتر های مک متصل شوند و خروجی صفحه نمایش آن را به محیط مجازی ببرند.
ویژن پرو اولین دوربین سه‌بعدی اپل است که می‌تواند با کمک Spatial Audio ویدیوهایی ضبط کند که عمق دارند.

با این هدست می‌توانید ویدیوها را در محیطی شبیه به سینما تماشا کنید و به صفحه‌ای حتی بزرگ‌تر از اندازه اتاق خود دسترسی داشته باشید. اپل همچنین از عرضه ویدیوها و بازی‌های مخصوص ویژن پرو ازجمله محتواهای پریمیوم از سوی دیزنی خبر داده است. این شرکت مدعی است که این محصول همین حالا از 100 بازی واقعیت مجازی پشتیبانی می‌کند و در صورت نیاز می‌تواند با کنترلرهای PS5 و ایکس باکس استفاده شود.

منبع دیجیاتو.

#Rafiee
@Tp_Code
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥1
وضعیت من سه سال پیش:
@tp_code
👌4
Topcode
وضعیت من سه سال پیش: @tp_code
وضعیت من پارسال:
@tp_code
👌3
Topcode
وضعیت من پارسال: @tp_code
همه ی ما از یک مرحله ی پست شروع کردیم و با ارتقا دادن خودمون به یک مرحله ی نسبتا هموار(مرتفع نه!) میرسیم.
با سه اصل میتونید خودتونو ارتقا بدید، البته این یک تجربه است!

1_ تلاش
با تلاش شما یک امید دریافت میکنید؛ این شاید شما رو به موفقیت نرسونه ولی باعث میشه شما به آینده امیدوار باشید و با خودتون بگید: درسته الان موفق نشدم اما در آینده حتما بهش میرسم!

2_ استقامت
با استقامت شما تلاش رو به یک روتین برای خودتون تبدیل میکنید؛ یعنی اگر بدتره اتفاق ممکن براتون بیوفته هم شما دست از تلاش بر نمیدارید. اگر حتی شکست هم بخورید باز هم دست از تلاش بر نمیدارید.

3_ انضباط
اگر انضباط داشته باشید استقامت و تلاش همراهتون میاد؛ وقتی خودتون رو مجبور کنید که هر روز سر ساعت خاص مهارتتون رو افزایش بدید و انضباط رو ایجاد کنید دیگه نمیتونید دست از تلاش بردارید! و این برمیگرده به موضوع استقامت که بهتون گفتم.

این سه مورد رو من بر اساس تجربه گفتم؛ برای هر شخص متغیره و با اصول دیگری موفق میشه. اون اصول باید موجب پیشرفت شما بشه.

@Topcode_team
👍6
شرمندتونم که این مدت نبودم
خیلی درگیر بودم و کلا وقت برای ایده پردازی و ایجاد پست نداشتم.
👍2
چت بات ایرانی؟
اگه وقت کنم دربارش توضیح میدم
@tp_code
👎4🔥2
Topcode
چت بات ایرانی؟ اگه وقت کنم دربارش توضیح میدم @tp_code
آقا من یه سوتی ای دادم و اون متن رو نخوندم
یه دولوپر ایرانی اومده و این چت بات رو ایجاد کرده که بر اساس api های chatGPT هستش و کلا تحریم ها رو دور زده و رایگانش کرده.
و کلا داستانی هم پشتش نیست و آیدی تمسعه دهنده اش هم تو تصویره.

@Tp_Code
تردز چیست؟

تردز(threads) شبکه اجتماعی جدید شرکت متاست که استقبال از آن بالاست و به گفته ی مارک زاکربرگ در ۷ساعت اولیه انتشار آن ۱۰ میلیون نفر در آن عضو شدند؛

تردز شبکه ای متن محور و رقیب توییتر است که کسانی که آن را نصب میکنند و اینستاگرام را نیز نصب دارن میتوانند اطلاعات اکانت خود در اینستاگرام را در آن ایمپورت کنند.

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

#Rafiee
@Tp_Code
Please open Telegram to view this post
VIEW IN TELEGRAM
👎7🔥3👍1
تلفن همراه nothing phone 2 عجب چیزی بود نه؟
منتظر مطلب معرفیش باشید :)
@tp_code
👌1
موبایل nothing phone 2

موبایل nothing phone 2 امشب یعنی ۱۱ جولای ۲۰۲۳ در مراسمی رونمایی شد و به طور کلی خیلی بهبود پیدا کرده؛ از طراحی گرفته تا نمایشگر!

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

نمایشگر
جنس پنل نمایشگر LTPO شده که نسبت به قبل خیلی بهتره و از 1 تا 120 هرتز متغیره؛ مصرف باتری بهینه تر شده.
همچنان نمایشگر 10 بیتی هستش و از 6.5 اینچ به 6.7 اینچ تغییر کرده.

باتری
باتری 200 میلی آمپر ساعت ( mAh ) ظرفیت افزایش یافته و به 4700 میلی آمپر ساعت رسیده.

سخت افزار
چیپست ( Chipset ) به snapdragon 8+ Gen 1 تغییر یافته که بزرگترین تغییر این نسخه به حساب میاد.
و Cpu و Gpu بهتر شدن و عملکرد بهتری از خود نشون میدن . Cpu مقدار ۸۰ درصد از نسخه قبلی عملکرد بهتری داره!

دوربین
سنسور دوربین IMX 890 از سونی هستش؛ همچنان کیفیت دوربین ۵۰ مگا پیکسلی هستش و عملکرد دوربین بهتر شده.

قیمتش هم از ۵۹۹ دلار شروع میشه؛ با دلار الان تقریبا ۳۰ میلیون ناقابل.

#Rafiee
@tp_code
Please open Telegram to view this post
VIEW IN TELEGRAM
روز برنامه نویس خدمت همه ی شما عزیزان مبارک❤️
@tp_code
👍4
دوستان فرانت کار نجات یافتیممممم؛
@tp_code
👌3👎1