🎄 یک برنامه نویس تنبل – Telegram
🎄 یک برنامه نویس تنبل
2K subscribers
1.5K photos
279 videos
37 files
1.88K links
کانال یک برنامه نویس تنبل

🔥لینوکس
🔥برنامه نویسی فرانت‌اند
🔥برنامه نویسی بک‌اند
🔥اخبار تکنولوژی و...

ارتباط با مدیریت :

@CoderNap

اسپانسر هاست سایت راییوم توسط پوینا

https://rayium.ir

@poinair
Download Telegram
Media is too big
VIEW IN TELEGRAM
🙋‍♂️ سلام

اولین ویدئو ضبط شده آموزشی مال پارسال اسفند ماه هست.

🔶 آموزش ویدئویی ایجاد فهرست محتوا با کد نویسی بدون افزونه وردپرس

@TheRaymondDev
🔶 چهار راه برای محدود کردن راست کلیک, کپی و پیست و کات با جاوا اسکریپت

1- غیر فعال سازی راست کلیک

document.addEventListener("contextmenu", evt => evt.preventDefault(), false);

2- غیر فعال سازی کپی کلیپ بورد

document.addEventListener("copy", evt => {
// (B1) CHANGE THE COPIED TEXT IF YOU WANT
evt.clipboardData.setData("text/plain", "Copying is not allowed on this webpage");

// (B2) PREVENT THE DEFAULT COPY ACTION
evt.preventDefault();
}, false);

3- غیر فعال سازی انتخاب متن با CSS

<!DOCTYPE html>
<html>
<head>
<noscript>Title of the document</noscript>
<style>
.unselectable {
-webkit-user-select: none;
-webkit-touch-callout: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
color: #cc0000;
}
</style>
</head>
<body>
<p>I am a selectable text. You can select me.</p>
<div class="unselectable">I am an unselectable text. My text selection is disabled.</div>
</body>
</html>

4- فقط یک بخش خاص غیر فعال شود

<noscript>
window.addEventListener("load", () => {
var target = document.getElementById("no-copy");
target.addEventListener("contextmenu", evt => evt.preventDefault(), false);
target.addEventListener("copy", evt => {
evt.clipboardData.setData("text/plain", "Copying is not allowed on this webpage");
evt.preventDefault();
}, false);
});
</noscript>

<style>
#no-copy { user-select: none; }
#no-copy::selection { background: none; }
#no-copy::-moz-selection { background: none; }
</style>

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
<p id="no-copy">This section cannot be copied.</p>


@TheRaymondDev
👏1
🔶 هوش مصنوعی های جدید و پرکاربرد!


1. YouTube Summaries
👉 eightify.app
2. Photo Editor
👉 picwish.ai
3. Website Builder
👉 mixo.io
4. Voice Notes
👉 vribble.ai
5. Text Notes
👉 albus.org
6. Text-to-Video
👉 pika.art
7. Viral Clips
👉 opus.pro
8. Music Production
👉 wavtool.com

@TheRaymondDev
🔶 معرفی Cursor اولین ویرایشگر مبتنی بر AI

ویرایشگر
Cursor یه فورک از وی اس کد هست که با هوش مصنوعی ادغام شده، به دلیل اینکه فورک وی اس کد هست شما می توانید خیلی راحت از وی اس کد به این ویرایشگر مهاجرت کنید.

ویژگی های cursor:

- ویژگی Command K:
با استفاده از این ویژگی بعد از اینکه بخشی از کد را که میخواستید تغییر کند رو انتخاب کردید، نحوه تغییر کد را به Ai توضیح می دهید و کد را براتون عوض می کند.

- چت
بر اساس کد بیس پروژه می توانید با Ai چت کنید و بدون نیاز به توضیح خط کد و لاجیک پروژه جواب مناسب دریافت کنید

- دیباگ اتوماتیک
به کمک این ویژگی با کمک AI کد را رو دیباگ کنید

- و ....

ویرایشگر
Cursor برای سه سیستم عامل مک و ویندوز و لینوکس در دسترس است ولی استفاده از مدل های GPT-4 و GPT-3.5 در پلن رایگان محدودیت دارد که شما می توانید با وارد کردن OpenAI Key این محدودیت رو برطرف کنید.

وب سایت پروژه:
https://www.cursor.so/

گیت هاب پروژه:
https://github.com/getcursor/cursor

@TheRaymondDev
سلام 🙋‍♂️

🔶 کد نمایش نوشته های مرتبط در وردپرس

<?php
$post_tags = wp_get_post_tags( $post->ID );

$args = array(
'tag__in' => array( $post_tags[0]->term_id ),
'post__not_in' => array( $post->ID ),
'posts_per_page' =>3,
'caller_get_posts'=>1
);

$query = new WP_Query( $args );

if( $query->have_posts() ): ?>
<div class="related-posts">
<?php while( $query->have_posts() ) : $query->the_post(); ?>

<article class="post-item">
<figure class="post-thumb">
<a href="<?php the_permalink() ?>" class="thumbnail">
<?php the_post_thumbnail(); ?>
</a>
</figure>
<h5><a href="<?php the_permalink() ?>" noscript="<?php the_noscript(); ?>">
<?php the_noscript(); ?>
</a></h5>
</article>

<?php endwhile; ?>
</div>

<?php endif;
wp_reset_query();
?>


@TheRaymondDev
🔶 افزودنی های ویرایشگر VSCode برای توسعه لاراول

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


https://B2n.ir/z84188

@TheRaymondDev
👍1
🔶 صفحه اول فروشگاه HTML برای ووکامرس

@TheRaymondDev
👍1
🔶 پروژه IDX: یک محیط توسعه یکپارچه ابری و مبتنی بر مرورگر (IDE)است که با هوش مصنوعی کار می کند. این برنامه به گونه ای طراحی شده است که ساخت، مدیریت و استقرار برنامه های تحت وب و چند پلتفرمی با چارچوب ها و زبان های محبوب را برای توسعه دهندگان آسان تر کند.

پروژه IDX براساس Google Cloud ساخته شده و با Codey کار می کند، یک مدل هوش مصنوعی پایه که براساس کد آموزش داده شده و براساس PaLM ۲ ساخته شده است. کدی انواع ویژگی های مبتنی بر هوش مصنوعی از جمله تولید کد، تکمیل کد و توضیح کد را در اختیار IDX قرار می دهد.

همچنین شامل تعدادی ویژگی دیگر است که آن را به یک IDE قدرتمند برای توسعه تمام پشته تبدیل می کند، مانند:

... پشتیبانی از چارچوب ها و زبان های محبوب، از جمله Agle، Flutter، Next.js، React، Svelte، Vue، JavaScript، Dart و (به زودی)Python، Go و غیره.

... امکان وارد کردن پروژه های موجود از گیت هاب یا ایجاد پروژه های جدید با قالب های از پیش آماده.

... پیش نمایش های وب چند مرورگره، شبیه سازهای اندروید و شبیه سازهای iOS برای تست و اشکال زدایی اپلیکیشن ها.

... یکپارچه سازی با سرویس های ابری گوگل، مانند Firebase Hosting و Cloud Functions.

پروژه IDX هنوز در دست توسعه است، اما این پتانسیل را دارد که شیوه توسعه اپلیکیشن های تمام صفحه را متحول کند. IDX با ارائه یک IDE قدرتمند و مبتنی بر هوش مصنوعی به توسعه دهندگان می تواند به آن ها کمک کند تا بهره وری و کارایی بیشتری داشته باشند.

https://idx.dev/

@TheRaymondDev
🔶 چگونه فایل های که (فقط به آن نیاز داریم) فراخوانی کنیم؟

در ایجاد متدی به نام styles تعریف می کنیم:

{{ $styles ?? '' }}


حال با x-slot که با کلاس name متد styles رو صدا می زند, ایجاد می کنیم:

<x-slot name="styles"></x-slot>


خلاصه در آخر فایل استایل رو فراخوانی می کنیم:

<x-slot name="styles">
<link rel="stylesheet" href="{{asset('css/bootstrap.rtl.min.css')}}">
</x-slot>


برای فایل های اسکریپت همین هست.

🔥 مزایای آن چیست؟

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

نکته: این برای کامپوننت ها هست.

@TheRaymondDev
Media is too big
VIEW IN TELEGRAM
🔶 دوره پروژه محور ساخت cms وبلاگ با لاراول

👈 مدرس دوره :: توفیق حمزئی
👈 مدت زمان دوره : 20 ساعت
👈 تعداد جلسات : 67 جلسه
👈 وضعیت دوره : کامل شده
👈 دانلود رایگان

@TheRaymondDev
🔶 اینم لیست ویدیوهای آموزشی ساخت CMS وبلاگ با لاراول

لامصب دوره های وب آموز حرف نداره..
حتی از یودمی بهتره...
منم که لاراول یاد گرفتم, مدیون وب آموز هستم.

@TheRaymondDev
🔶 این دوره ای که دیدم, پروژه رو نوشتم و توی گیت هاب به اشتراک گذاشتم.
دوره آموزشی براساس لاراول 8 تدریس شده و پروژه ای که نوشتم لاراول 10 هست.
https://github.com/OrchidDev/Blog

@TheRaymondDev
🔶 دوره پکیچ نویسی لاراول

👈 مدرس دوره :: آرمین هوشمند
👈 مدت زمان دوره : 3 ساعت
👈 تعداد جلسات : 20 جلسه
👈 وضعیت دوره : کامل شده
👈 دانلود رایگان

@TheRaymondDev
🔶 جلسات دوره پکیچ نویسی لاراول

جلسه 1 : تغییر روند دوره
جلسه 2 : تجزیه تحلیل و رسم فلوچارت
جلسه 3 : طراحی صفحه ورود در XD
جلسه 4 : طراحی صفحه ورود با گذرواژه
جلسه 5 : طراحی صفحه ورود با رمز یکبار مصرف
جلسه 6 : ساختار بندی پکیج و تحلیل فایل کامپوزر
جلسه 7 : معرفی پکیج به پروژه و کامپوزر
جلسه 8 : مفهوم Service Container به زبان ساده
جلسه 9 : مفهوم Service Provider به زبان ساده
جلسه 10 : مفهوم Facade به زبان ساده
جلسه 11 : بدون عنوان
جلسه 12 : افزودن Route به پکیج
جلسه 13 : افزودن Controller به پکیج
جلسه 14 : افزودن View به پکیج
جلسه 15 : افزودن Migration به پکیج
جلسه 16 : افزودن Config به پکیج
جلسه 17 : استفاده از Publish جهت شخصی سازی پکیج
جلسه 18 : کانفیگ TailwindCSS ورژن 3
جلسه 19 : گرد گیری
جلسه 20 : طراحی فرانت ویوها

@TheRaymondDev
CreatePackagelaravel.zip
1.4 GB
دانلود رایگان دوره پکیچ نویسی لاراول (آرمین هوشمند)
🔶 به هیچ وجه توصیه نمی کنم افزونه و قالب های نال شده در ژاکت و راست چین خریداری کنید.
زیرا اسکریپت نال شده حاوی کدهای مخرب هست.
از این دو مارکت فقط محصولات ایرانی که توسط برنامه نویسان ایرانی توسعه یافته است رو خریداری کنید.

@TheRaymondDev
👍4