<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
چند ماهیه دارم روی یه پروژه اوپن سورس کار میکنم برای دپلوی کردن پروژه هایی که بک اند لاراول دارن.
قضیه از اون جایی شروع شد که پارسال بررسی که کردم دیدم سولوشن استفاده از سرویس های کم کیفیت و گرون داخلی هست و یا سلف هاست که منابع موجود اوپن سورس و آموزش ها اکثرا خیلی ضعیف، ناقص و یا دارای اشتباهات اساسی هست و عملا بردرد پروداکشن نمیخورن منم خورد خورد کارو شروع کردم و الان به جای خیلی خوبی رسیدم.
چون پروداکشن خیلی حساسه میخوام که اگه کسی هست که توی زمینه دوآپس (ابونتو سرور، داکر کامپوز و بش) تجربه داره تا قبل از اینکه پروژه رو استیبل منتشر کنم کمی با هم مشورت کنیم و رو پروژه کانتریبیوت کنه تا بهینه تر بشه.
🌐 https://github.com/MansourM/ez-docker-for-laravel
#php #laravel #backend #project
☕️ @CodeExplore
قضیه از اون جایی شروع شد که پارسال بررسی که کردم دیدم سولوشن استفاده از سرویس های کم کیفیت و گرون داخلی هست و یا سلف هاست که منابع موجود اوپن سورس و آموزش ها اکثرا خیلی ضعیف، ناقص و یا دارای اشتباهات اساسی هست و عملا بردرد پروداکشن نمیخورن منم خورد خورد کارو شروع کردم و الان به جای خیلی خوبی رسیدم.
چون پروداکشن خیلی حساسه میخوام که اگه کسی هست که توی زمینه دوآپس (ابونتو سرور، داکر کامپوز و بش) تجربه داره تا قبل از اینکه پروژه رو استیبل منتشر کنم کمی با هم مشورت کنیم و رو پروژه کانتریبیوت کنه تا بهینه تر بشه.
#php #laravel #backend #project
Please open Telegram to view this post
VIEW IN TELEGRAM
GitHub
GitHub - MansourM/ez-docker-for-laravel: easy to setup, robust and production ready environment for Laravel using Docker, Docker…
easy to setup, robust and production ready environment for Laravel using Docker, Docker Compose and bash script. - MansourM/ez-docker-for-laravel
❤🔥15⚡6🔥2
PyAutoGUI: کتابخانه‌ای برای کنترل موس و کیبورد و انجام عملیات‌های اتوماتیک.
Selenium: ابزار برای اتوماتیک‌سازی تست‌های مرورگرهای وب.
Fabric: کتابخانه‌ای برای اتوماتیک‌سازی وظایف از راه دور.
BeautifulSoup: ابزار برای استخراج داده از صفحات وب (وب اسکرپینگ).
SQLAlchemy: ابزار ORM برای کار با پایگاه‌های داده رابطهای.
Django ORM: ابزار ORM داخلی فریمورک Django برای کار با پایگاه داده.
Peewee: یک ORM ساده و کوچک برای پایگاه داده‌های رابطهای.
Twisted: فریمورکی برای توسعه برنامه‌های شبکه‌ای با قابلیت پردازش موازی.
Socket: ماژول داخلی پایتون برای کار با سوکت‌های شبکه.
Requests: کتابخانه‌ای محبوب برای ارسال درخواست‌های HTTP.
asyncio: ابزار برای برنامه‌نویسی ناهمزمان و شبکه‌ای.
PySpark: واسط پایتون برای Apache Spark، مناسب برای پردازش داده‌های بزرگ.
Dask: فریمورکی برای پردازش داده‌های بزرگ با استفاده از پایتون.
Apache Airflow: پلتفرمی برای برنامه‌ریزی، مانیتورینگ، و مدیریت جریان‌های کاری.
ROS (Robot Operating System): مجموعه‌ای از کتابخانه‌ها و ابزارها برای ساخت ربات‌ها.
MicroPython: نسخه‌ای از پایتون که برای اجرا روی دستگاه‌های محدود مناسب است.
PySerial: ابزار برای برقراری ارتباط با پورت‌های سریال.
#python
Please open Telegram to view this post
VIEW IN TELEGRAM
⚡14🔥3❤🔥1
و در آخر عرض کنم خدمتتون اگه سوالی راجب کشور آلمان داشتید تو کامنت ها بپرسید ، حتما راهنماییتون میکنم
#job #germany #apply #travel
Please open Telegram to view this post
VIEW IN TELEGRAM
❤🔥14⚡5🔥3😁1
یکی از رقیب‌های github copilot به نام cursor که یه جورایی یه فورک از vscode عه که ویژگیهای جالبی برای کد زدن فراهم میکنه. مثلا میتونید همزمان چندتا فایل رو بهش بدید. و یه جاهایی یه کم بهتر از copilot عمل میکنه.
🌐 https://www.cursor.com
#ai #copilot #github #chatgpt
☕️ @CodeExplore
#ai #copilot #github #chatgpt
Please open Telegram to view this post
VIEW IN TELEGRAM
❤🔥11⚡7🔥2
#site #ai #ml
Please open Telegram to view this post
VIEW IN TELEGRAM
Kaggle
Kaggle: Your Machine Learning and Data Science Community
Kaggle is the world’s largest data science community with powerful tools and resources to help you achieve your data science goals.
⚡15🔥3❤🔥1😁1💔1
#site
Please open Telegram to view this post
VIEW IN TELEGRAM
Quora
Quora on alusta, jossa voi saada ja jakaa tietoa. Quorassa voi kysyä kysymyksiä ja olla yhteydessä ihmisiin, jotka tarjoavat ainutlaatuisia näkemyksiä ja laadukkaita vastauksia. Tämä antaa ihmisille mahdollisuuden oppia toisiltaan ja ymmärtämään m...
🔥8⚡3❤🔥2
- مشکلات غیرمنتظره: ممکنه یه دفعه توی کد به مشکلی بخوری که خیلی سخت باشه. اگه استرست رو نتونی کنترل کنی، تمرکزت رو از دست میدی و حل کردن مشکل برات سخت‌تر میشه.
- ضرب‌الاجل‌های فشرده: وقتی وقت کمی داری که یه پروژه رو تموم کنی، استرس میتونه باعث بشه عجله کنی و کیفیت کارت بیاد پایین.
- کارهای زیاد و تکراری: اگه کارهای زیادی داری یا مجبور می‌شی یه کار تکراری رو هی انجام بدی، این استرس میتونه خستت کنه و حس کنی داری فرسوده می‌شی.
- تقسیم کارها به بخش‌های کوچیک: یه کار بزرگ رو به بخش‌های کوچیک تقسیم کن تا راحت‌تر جلو بری و کمتر استرس بگیری.
- استراحت‌های کوتاه: وقتی حس می‌کنی داری تحت فشار می‌ری، یه استراحت کوتاه داشته باش. مثلا چند دقیقه قدم بزن یا یه چیزی بخور، این بهت کمک میکنه دوباره تمرکز کنی.
- نفس عمیق و مدیتیشن: یاد بگیر چطور نفس عمیق بکشی یا یه کم مدیتیشن کنی. این چیزا خیلی به آروم شدن و کاهش استرس کمک میکنه.
- برنامه‌ریزی بهتر: وقتی بدونی دقیقاً چی باید انجام بدی، استرس کمتر میشه. برای کارت برنامه‌ریزی کن تا بدونی هر لحظه چی کار کنی.
- کمک خواستن: اگه یه کاری خیلی سخت و استرس‌زاست، از یه همکار کمک بگیر. اینطوری کارا راحت‌تر پیش میره.
- نگرش مثبت: سعی کن به مشکلات به چشم یه چالش نگاه کنی، نه یه فاجعه. اینطوری راحت‌تر می‌تونی با استرس کنار بیای و مشکلت رو حل کنی.
اگه یاد بگیری استرس رو مدیریت کنی، توی کارای سخت و فشارهای زیاد هم می‌تونی خوب عمل کنی. با روش‌هایی مثل تقسیم کار، استراحت، مدیتیشن و برنامه‌ریزی، می‌تونی بهتر با استرس کنار بیای و کارات رو راحت‌تر انجام بدی.
#soft_skill
Please open Telegram to view this post
VIEW IN TELEGRAM
❤🔥16⚡3🔥3