#site
Please open Telegram to view this post
VIEW IN TELEGRAM
FormKit
FormKit ⚡️ The open-source form framework for Vue
FormKit equips developers to build their forms 10x faster by simplifying form structure, generation, validation, theming, submission, error handling, and more.
🔥9⚡5❤🔥2
اکستنشن Prettier در VSCode ⌨️
👀 میدونین که برنامه نویسی به شکل مرتب، یکسری اصول خاص داره، که شاید بعضی وقتا ناخواسته رعایتش نکنید. این اکستنشن براتون کدتون رو مرتب میکنه، میتونید هم بهش بگید چه زبانهایی رو براتون مرتب نکنه و ...
✔️ از اینها هم پشتیبانی میکنه:
🔗 لینک دانلود
#vscode #extension
☕️ @CodeExplore
JavaScript · TypeScript · Flow · JSX · JSON · CSS · SCSS · Less · HTML · Vue · Angular HANDLEBARS · Ember · Glimmer · GraphQL · Markdown · YAML
#vscode #extension
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥10❤🔥3⚡3
کداکسپلور | CodeExplore
از حسرتهای من اینه که کاش زودتر درک میکردم که «برنامهنویسی» خودش به تنهایی پولی ازش در نمیاد. در نهایت کارمندی... درآمد اصلی از «محصول» ای هست که میشه با «برنامه نویسی» ساخت. که اینجا دیگه وارد دنیای تجارت و بازاریابی و هزارتا چیز دیگه میشیم؛ که کاش وقت…
قبلش یه اعترافی بکنم
منم اون اوایل فک میکردم برنامه نویسی یاد بگیرم ، فردا میشم میلیاردر و جای بیل گیتسو میگیرم (اون زمان پولدار ترین ادم بیل گیتس بودو یه مردکی به نام کارلوس اسلیم که حالا باهاش کاری ندارم
ولی چرا دروغ بگم ؟ تا 14 15 سالگی پولدار نشدم
قرار نیست با نوشتن کد پولدار بشیم! کدو هوش مصنوعیم الان برامون میزنه، پس باید یه فرقی داشته باشیم
برنامه نویسی هم مثل خیلی چیزا ، یه مهارته! یاد میگیری ، تلاش میکنی ، به خاطر میسپری و همین لوپ تا بینهایت ادامه داره
و برای همین پولی که به تنهایی ازش بدست میاد اونقدری نیست که اگه کار دیگه ایی داشته باشی بگی چقد این تفاوت فاحشه!
بیاید بریم تو واقعیت مثال بزنیم:
شاید برای بعضیها آره، ولی اگه رویای بزرگتری تو سرتونه، باید فراتر از این فکر کنید و فقط با 4 خط کد هیچی نمیشه :(
حالا چیکار کنیم؟ حالاست که وارد یه بخش دیگه میشید ...
پس بعد از برنامه نویسی باید یه فکر قشنگ داشته باشید و بدونید محصولتون دقیقا چیه!
زیاد حرف زدم مث همیشه
ولی اگه فقط یه زندگی ساده و روتین میخواید ، برنامه نویسی یاد بگیرید و برید یه جا مشغول به کار شید (یه جایی مثل
ولی اگه واقعا دنبال یه چیز بزرگ هستید ، یادتون نره: فقط یاد بگیرید!
نه فقط برنامه نویسی ، درباره اصول کسب و کار، استراتژی های بازاریابی، مهارت های ارتباطی و توی این مسیر یادگیری ارتباطات کلیدی بسازید (ارتباط و سرمایه شما رو همیشه جلو میندازه)
و از الان بگم هر تلاش و هدف بزرگی توش شکستم داره! افتادید ، پاشید و دوباره ادامه بدید ، هیچ اتفاق بزرگی یه شبه به وجود نمیاد (به جز شب ایجاد ادمای مهم
حرف آخر اینه: برنامه نویسی به مهارت عالی و سخته ، ولی فقط یه قطعه از پازلمونه! از مهارتونن استفاده کنید برای خلق یه ارزش جدید
یادت نره ، تو فقط یه برنامه نویس نیستی، یه خالقی، یه کارآفرین بالقوه ایی و کسی که میتونه با مهارتش دنیا رو تکون بده
تازه دوست منم هستی
پس بیا بریم دنیا رو تکون بدیم
#programming
Please open Telegram to view this post
VIEW IN TELEGRAM
⚡41❤🔥15🔥4
Please open Telegram to view this post
VIEW IN TELEGRAM
😁33❤🔥3⚡2
#solid
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥13❤🔥3⚡2
برچسب گذاری شرط ها ( Labelled Statements ) در جاوااسکریپت ✌️
💎 در جاوااسکریپت میتونید به هر statement یک برچسب (label) اختصاص بدید و بعد از اون برچسب برای کنترل جریان برنامه استفاده کنید. این ویژگی بیشتر برای کنترل جریان در حلقهها (loops) به کار میره. این مثال رو ببینیم تا بهتر متوجه کاربردش بشیم:
✔️ در واقع خروجی به این شکله:
✨ و وقتی که i و j هر دو برابر 1 میشن، لوپ بزرگتر ما break میشه و میره خونشون.
و برنامه میره ادامه کارش(یا مثل این مثال، تموم میشه)
#javascript #js #trick
☕️ @CodeExplore
outerLoop: for (let i = 0; i < 3; i++) {
for (let j = 0; j < 3; j++) {
if (i === 1 && j === 1) {
break outerLoop;
}
console.log(`i = ${i}, j = ${j}`);
}
}i = 0, j = 0
i = 0, j = 1
i = 0, j = 2
i = 1, j = 0
و برنامه میره ادامه کارش(یا مثل این مثال، تموم میشه)
#javascript #js #trick
Please open Telegram to view this post
VIEW IN TELEGRAM
❤🔥10⚡2🔥1
چرا باید php یاد بگیریم؟ ⌨️
1⃣ امکان یادگیری سریع
🔢 امکان خلق پلاگین و قالب وردپرس
🔢 بازار کار مناسب
🔢 درست شده برای سرور و بک اند وبسایت
🔢 درست کردن وب اپلیکیشن
🔢 فریم ورک قدرتمند لاراول
🔢 حدود ۷۷ درصد از بک اند سایتها با php نوشته شده (منبع)
یک دلیل هم شما بگید🙂
#php
☕️ @CodeExplore
یک دلیل هم شما بگید
#php
Please open Telegram to view this post
VIEW IN TELEGRAM
⚡20💔4❤🔥2🔥1
وقتی با یه مشکل مواجه میشی، به جای استفاده از روشهای قدیمی، میتونی با یه نگاه تازه بهش نگاه کنی و راهحل بهتری پیدا کنی که سریعتر و بهینهتر باشه.
تو میتونی برنامههات رو جوری طراحی کنی که راحتتر بتونی بعداً بهشون امکانات اضافه کنی یا مشکلاتشون رو حل کنی. مثلا، بخشهای مختلف برنامه رو جوری از هم جدا کنی که هر کدوم مستقل کار کنه.
وقتی داری برنامهات رو تست میکنی، میتونی به روشهای مختلف فکر کنی که ممکنه برنامهات توشون خطا بده. اینجوری باگها رو زودتر پیدا میکنی و برطرفشون میکنی.
بعضی کارها توی برنامهنویسی تکراریه و خستهکننده. اگه خلاق باشی، میتونی یه سری اسکریپت بنویسی که این کارها رو خودکار انجام بده و وقتت رو برای کارهای مهمتر ذخیره کنی.
میتونی کد رو جوری بنویسی که هم خواناتر باشه و هم سریعتر اجرا بشه. این یه نوع خلاقیته که باعث میشه برنامهات بهتر کار کنه.
حتی اگه کار گرافیکی نمیکنی، باز هم میتونی برنامهات رو طوری طراحی کنی که کار کردن باهاش برای کاربر راحت و لذتبخش باشه. مثلا، یه رابط کاربری خط فرمانی (CLI) رو طوری طراحی کنی که استفاده ازش راحت باشه.
اگه با تکنولوژیهای جدید مثل هوش مصنوعی یا اینترنت اشیا (IoT) کار میکنی، میتونی اینها رو به شکلی خلاقانه توی برنامههات استفاده کنی و کارهای جدیدی باهاشون انجام بدی.
میتونی با روشهای جدید مدیریت پروژه، کار تیمی رو بهتر و منظمتر کنی و کاری کنی که همه توی پروژه حس بهتری داشته باشن.
معمولا نوشتن مستندات کار خستهکنندهایه، ولی اگه خلاق باشی، میتونی مستندات جذابتر و قابلفهمتری بنویسی که بقیه هم راحتتر ازشون استفاده کنن.
#soft_skiil
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥17❤🔥4⚡4
Please open Telegram to view this post
VIEW IN TELEGRAM
😁44⚡5🔥1💔1
<canvas> توی HTML مثل یه صفحه نقاشی خالیه که باهاش میتونی هرچی دلت میخواد بکشی. البته خودش چیزی نشون نمیده؛ باید با جاوااسکریپت (یه زبان برنامهنویسی که توی وب استفاده میشه) بهش بگی چی بکشه.- عرض و ارتفاع (width و height): اینا اندازه صفحه نقاشیت رو مشخص میکنن. اگه نذاری، خودش یه اندازه پیشفرض داره (300 در 150 پیکسل).
- جاوااسکریپت: با جاوااسکریپت میتونی روی این صفحه نقاشی خط بکشی، دایره و مستطیل بکشی، یا حتی عکس بذاری.
یه مثال ساده:
<!DOCTYPE html>
<html>
<body>
<canvas id="myCanvas" width="200" height="100" style="border:1px solid #000000;">
مرورگر شما از تگ Canvas پشتیبانی نمیکند.
</canvas>
<script>
var canvas = document.getElementById("myCanvas");
var ctx = canvas.getContext("2d");
// کشیدن یه مستطیل قرمز
ctx.fillStyle = "#FF0000";
ctx.fillRect(20, 20, 150, 75);
</script>
</body>
</html>
اینجا یه صفحه نقاشی به اندازه 200 در 100 پیکسل درست کردیم و با جاوااسکریپت توش یه مستطیل قرمز کشیدیم. این کارها رو با چند خط کد ساده انجام دادیم.
- کشیدن نمودارها و گرافها
- رسم شکلهای دوبعدی
- انیمیشنهای ساده
- بازیهای تحت وب
#canvas #html #js
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥12⚡4❤🔥2
بیاید امروز با Bulma که یکی از فریمورک های CSS هست آشنا بشیم:
🔺 در واقع Bulma یک فریمورک CSS مدرن هست که برای ساخت رابط های کاربری زیبا و قابل استفاده در وبسایت ها و برنامههای وب طراحی شده.
🔸 این فریمورک شامل مجموعه ای از کلاسها، کامپوننتها و استایلهای زیبا و قابل تنظیم هست که به دولوپرا امکان میده به سرعت و با کیفیت بالا، رابط های کاربری جذاب و حرفهای برای وبسایت ها و برنامه های وب ایجاد کنن.
‼️ درواقع Bulma به عنوان یکی از فریمورک های CSS پرکاربرد و مورد توجه در زمینه طراحی رابط کاربری شناخته میشه و به دولوپرا این امکان رو میده تا با استفاده از آن، به سادگی و با قدرت، رابطهای کاربری زیبا رو پیادهسازی کنن.
#bulma #css #framework
☕️ @CodeExplore
#bulma #css #framework
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥12❤🔥5⚡4
سلام رفقای کد به دست (یا دست به کد) ! امروز میخوایم درباره یه موضوع حیاتی حرف بزنیم: چطوری تو دنیای وحشی فریلنسری، یه پروژه بگیریم و زنده بمونیم تا تهش!
رزومهتون رو طوری بنویسید انگار دارید برای اسکار نامزد میشید
- پلتفرمهای فریلنسری مثل Upwork, Freelancer, Fiverr (اینجا جنگله، مراقب شیرها باشید (و همچنین کفتار ها😂)!)
- جاهایی مثل پونیشا هم هست ، که برای شروع خوبه ، اما دستمزدا عجیبه
- گروههای لینکدین و فیسبوک (بله، فیسبوک هنوزم زندهست!)
- وبسایتهای محلی و فرومهای تخصصی (شاید یه گنج پنهان پیدا کنید)
و مهم تر از همه جا تلگرام دوست داشتنیمون
- درخواست هارو شخصیسازی کنید (نه اینکه کپی پیست کنید و فقط اسم طرف رو عوض کنید!)
- نمونه کار مرتبط بفرستید (نه اینکه پروژه موز فروشی رو برای یه شرکت فناوری نانو بفرستید
- قیمت منطقی پیشنهاد بدید (نه اونقدر پایین که از گشنگی بمیرید، نه اونقدر بالا که طرف سکته کنه
- یاد بگیرید "نه" بگید (حتی به اون پروژه وسوسهانگیزی که میدونید از پسش برنمیاید)
- سوال بپرسید (نه اینکه فقط بله و چشم بگید)
- شفافسازی کنید (هر جمله ایی که میگید تاثیر گذاره)
- زمانبندی و بودجه رو مشخص کنید (وگرنه پروژهتون مثل سریالهای ترکی کش میاد)
- حتماً قرارداد ببندید (حتی اگه طرف مقابل بابابزرگتون باشه!)
- جزئیات رو مشخص کنید (وگرنه بعداً میفهمید قراره موشک هم بسازید)
- شرایط پرداخت رو دقیق بنویسید (چون پول حلال مشکلاته، ولی بیپولی خودش یه مشکل بزرگه)
- حتما 50 تا 60 درصد هزینه پروژه رو به عنوان پیش پرداخت بگیرید (وگرنه ممکنه آخرش فقط با یه "دمتم گرم" خدافظی کنید)
- زمانبندی کنید (نه اینکه روز آخر یادتون بیفته پروژه دارید)
- ارتباط منظم داشته باشید (کارفرما رو تو خماری نذارید، بهش آپدیت بدید)
- از ابزارهای مدیریت پروژه استفاده کنید (نه اینکه همه چی رو رو کاغذ یادداشت کنید و بعد گمش کنید
- تمیز و مرتب کد بزنید (جوری که انگار قراره بعداً خودتون بخونید، چون احتمالاً مجبور میشید!)
- مستندسازی کنید (بله، اون کامنتهایی که همیشه میگید بعداً مینویسم ...)
- تست کنید، تست کنید، و باز هم تست کنید (وگرنه بعداً جای اشک و آه و ناله دارید)
- همه چیز رو دوباره چک کنید (حتی اون قسمتی که مطمئنید درسته)
- یه نفر دیگه هم نگاه کنه (چهار تا چشم بهتر از دوتاست)
- آماده باشید برای سوالات (چون یهو یادشون میاد یه ویژگی دیگه هم میخواستن ، انگار ما مسخرشونیم
- همه چیز رو مرتب و منظم تحویل بدید (نه اینکه فایلها رو بریزید تو یه فولدر به اسم "آخرین ورژن نهایی ،واقعیه این دفعه جدی")
- آموزش بدید (جوری که انگار دارید به مادربزرگتون یاد میدید چجوری از لینوکس استفاده کنه)
- برای تغییرات احتمالی آماده باشید (چون همیشه یه چیزی هست که یادشون رفته بگن و حتما بررسی کنید که چیز اضافه ایی نباشه)
- دقیق و کامل بنویسید (نه اینکه بزنید :یه چیزایی کد زدیم، لطفاً پولشو بدید)
- زمان پرداخت رو مشخص کنید (وگرنه تا آخر عمر منتظر میمونید)
- روش پرداخت رو هماهنگ کنید (چک، کارت به کارت، ارز دیجیتال، یا شاید هم گونی سیبزمینی!)
- مؤدبانه پیگیری کنید (نه اینکه هر روز زنگ بزنید و گریه کنید)
- اگه تأخیر شد، علتش رو بپرسید (شاید واقعاً مشکلی پیش اومده و تو گرفتاریه!)
- برای موارد اضطراری آماده باشید
#programming #project #freelancer
Please open Telegram to view this post
VIEW IN TELEGRAM
❤🔥31⚡7🔥5😁3
Please open Telegram to view this post
VIEW IN TELEGRAM
😁25⚡3🔥2
- چیه؟ GitHub یه سایتیه که توش میتونی کدهای پروژههات رو بذاری، با همتیمیهات کار کنی و کلاً پروژه رو مدیریت کنی.
- ویژگیها: GitHub ابزارهایی داره که میتونی باهاشون مشکلات رو مدیریت کنی، تغییرات کد رو بررسی کنی (Pull Request) و حتی بعضی از کارای تکراری رو خودکار انجام بدی (مثل GitHub Actions).
- محبوبیت: GitHub خیلی بین برنامهنویسا معروفه، چون راحت میشه باهاش کار کرد و کلی ابزار دیگه هم باهاش سازگارن.
- چیه؟ GitLab هم یه سرویس شبیه GitHubه، ولی با امکانات بیشتر. علاوه بر اینکه میتونی کدها رو مدیریت کنی، ابزارهایی هم برای تست و استقرار خودکار (CI/CD) داره.
- میزبانی: GitLab رو هم میتونی روی سرورهای خودت نصب کنی و مدیریت کنی، که اگه بخوای دادههات رو کاملاً دست خودت نگه داری، خیلی خوبه.
1. میزبانی: تو GitHub معمولاً کدها روی سرورهای خودشون میزبانی میشه، ولی GitLab رو هم میتونی روی سرور خودت نصب کنی.
2. CI/CD: GitLab ابزارهای قویتری برای تست و استقرار خودکار داره. GitHub هم داره، ولی GitLab زودتر این ویژگیها رو داشت.
3. مدیریت پروژه: GitLab برای مدیریت کل پروژه از اول تا آخر ابزارای بیشتری داره. GitHub بیشتر روی مدیریت کد تمرکز داره.
4. کنترل دسترسی: GitLab تو تنظیم دسترسیها و مجوزها دقیقتره، مخصوصاً برای تیمهای بزرگ.
5. متنباز بودن: GitLab یه نسخه متنباز داره که میتونی باهاش هر تغییری که خواستی بدی. GitHub اینطوری نیست.
#git #github #gitlab
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥24⚡6❤🔥5
برای حوزه CyberSecurity چه زبانهای برنامه نویسی و اسکریپت نویسی را باید بدانیم ؟
1-Python
2-GO
3-JavaScript
4-C/C++
5-Bash
6-PowerShell
#programming #cybersecurity
☕️ @CodeExplore
1-Python
2-GO
3-JavaScript
4-C/C++
5-Bash
6-PowerShell
#programming #cybersecurity
Please open Telegram to view this post
VIEW IN TELEGRAM
⚡22🔥7❤🔥2
● این خطا مربوط به زمان نوشتن کد های برنامه قبل از اجرا شدن هست ؛ این نوع خطارو با عنوان خطاهای گرامری ، دستوری یا خطاهای نوشتاری کد هم میشناسیم!
● اگر هنگام کامپایل کردن کد یک یا چند مورد از فایل ها یا کتابخانه های لازم فراهم نباشه، با ارور کامپایل کردن مواجه میشویم.
● ارور های زمان اجرا رو میشه رو اعصاب ترین خطا دونست ؛ همه چیز درست عمل میکنه تا اینکه با این ارور مواجه میشیم ← این خطا هنگام اجرای کد رخ میده و باعث میشه برنامه نتونه به کار خودش ادامه بده.
● فرایند کامپایل و اجرای کد به درستی انجام شده اما یه قسمتی از کد شما دچار مشکله ؛ به عنوان مثال شما به ماشین حساب طراحی کردید اما در وارد کردن کد های صحیح دقت لازم رو نداشتید و در سورس کد مثلا به جای عمل ضرب از جمع استفاده کردید.
● اگر سیستم عامل منابع بیشتری در اختیار نداشته باشد یا مقدار بیشتری از آن را در اختیار برنامه قرار دهد با خطای منبع مواجه میشیم.
#programming #error
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥13⚡7❤🔥3
شاید فکر کنین برنامه نویسی کار راحتیه و حالا مثلا که چی!!! اما جالبه بدونین که در سال 1969 یك برنامه نویس با حذف یك خط فاصله در کد موشک مارینر موجب انفجار اون پس از بلند شدن از زمین شد و 630 میلیون دلار خسارت رو دست ناسا گذاشت و حدود 20 کارمند ناسا از دنیا رفتن😐
- DarkMan
#programming
☕️ @CodeExplore
- DarkMan
#programming
Please open Telegram to view this post
VIEW IN TELEGRAM
💔55⚡7😁5
#css #site
Please open Telegram to view this post
VIEW IN TELEGRAM
CSS-Tricks
CSS Functions and Mixins Module Notes | CSS-Tricks
Most days, I'm writing vanilla CSS. Thanks to CSS variables and nesting, I have fewer reasons to reach for Sass or any other preprocessor. The times I reach
🔥14⚡4❤🔥2
Django: فریمورک وب کامل و قوی با الگوی معماری MVT.
Flask: فریمورک سبک و ساده که برای پروژههای کوچک و سریع مناسب است.
FastAPI: فریمورکی سریع برای ساخت APIهای مدرن و قدرتمند با پشتیبانی از async.
Pyramid: فریمورکی انعطافپذیر که برای پروژههای بزرگ و پیچیده مناسب است.
TensorFlow: کتابخانهای برای یادگیری عمیق و یادگیری ماشینی.
PyTorch: فریمورکی قدرتمند و انعطافپذیر برای یادگیری عمیق.
scikit-learn: مجموعهای از الگوریتمهای یادگیری ماشینی و ابزارهای مرتبط.
Keras: رابط کاربری سطح بالا برای ساخت و آموزش مدلهای یادگیری عمیق.
Pandas: ابزار قدرتمند برای تحلیل دادههای ساختاریافته.
NumPy: ابزار برای محاسبات عددی با کارایی بالا.
Matplotlib: کتابخانهای برای ترسیم نمودارها و گرافهای دوبعدی.
Seaborn: کتابخانهای برای تجسم دادهها که بر پایه Matplotlib ساخته شده است.
SciPy: مجموعهای از الگوریتمها و ابزارهای علمی.
pytest: ابزار ساده و قدرتمند برای نوشتن و اجرای تستهای خودکار.
unittest: فریمورک استاندارد پایتون برای نوشتن تستهای واحد.
nose2: فریمورکی که به unittest قابلیتهای بیشتری اضافه میکند.
Hypothesis: فریمورکی برای تستهای مبتنی بر نمونههای تصادفی (property-based testing).
Tkinter: فریمورک استاندارد پایتون برای توسعه برنامههای دسکتاپ.
PyQt: مجموعهای از ابزارها برای توسعه برنامههای دسکتاپ با رابط کاربری گرافیکی.
Kivy: فریمورکی برای توسعه برنامههای چندپلتفرمی (موبایل، دسکتاپ و غیره).
wxPython: ابزار برای ساخت رابط کاربری گرافیکی با استفاده از کتابخانه wxWidgets.
#python
Please open Telegram to view this post
VIEW IN TELEGRAM
❤🔥20🔥3⚡2