●● نحوه استفاده از ابزار cURL ●●
توی پست قبلی این ابزار رو معرفی کردیم و توی این پست میخوایم ببینیم چجوری میشه ازش استفاده کرد 🔻
GET
POST
این دو نمونه ساده برای درخواست GET و POST بود و خیلی فلگ های حرفه ای تر و بیشتری وجود داره داخل این ابزار که میتونید ازشون استفاده بکنید 🚀
🌐 وبسایت رسمی cURL
#tools #Api
〰️〰️〰️〰️〰️〰️〰️️〰️〰️〰️
توی پست قبلی این ابزار رو معرفی کردیم و توی این پست میخوایم ببینیم چجوری میشه ازش استفاده کرد 🔻
GET
curl https://fakestoreapi.com/carts
POST
curl -X POST -H "Content-Type: application/json" -d '{"userId":5,"date":"2020-02-03","products":[{"productId":5,"quantity":1},{"productId":1,"quantity":5}]}' https://fakestoreapi.com/cartsاین دو نمونه ساده برای درخواست GET و POST بود و خیلی فلگ های حرفه ای تر و بیشتری وجود داره داخل این ابزار که میتونید ازشون استفاده بکنید 🚀
🌐 وبسایت رسمی cURL
#tools #Api
〰️〰️〰️〰️〰️〰️〰️️〰️〰️〰️
Channel | Group | YouTube
#tools | #vscode | #extension
🎯 CSS Peek
مشاهده و ویرایش مستقیم استایل‌های CSS متصل به یک المنت HTML بدون نیاز به جستجو در فایل‌های CSS.
🌐 دانلود
🚀 Tabnine
تکمیل خودکار کد با استفاده از هوش مصنوعی برای پیشنهاد‌های دقیق‌تر و هوشمندتر که سرعت شمارو تو نوشتن کدها بالا می‌بره.🌐 دانلود
🛜 Thunder Client
یک ابزار قدرتمند برای تست APIها به صورت مستقیم از وی‌اس‌کد و جایگزینی خوب برای Postman.
🌐 دانلود
🎨 Color Highlight
نمایش رنگ‌های استفاده شده در CSS به صورت بصری در کنار کد، به صورت بک‌گراند کد رنگی.
🌐 دانلود
📊 Git Graph
نمایش گرافیکی و تصویری تاریخچه گیت و شاخه‌های مختلف پروژه با امکان مدیریت کامیت‌ها و شاخه‌ها.
🌐 دانلود
🆔 Channel | Group | YouTube
💎 جعبه ابزار جادویی Frontend دولوپرا 💎
یک ui kit خفن اوردم براتون که به ادعای خودش جادوییه، اسمش MagicUI هستش و بیش از ۵۰ کامپوننت animate ( انیمیشنی ) شده خفن داره که بهتون قول میدم اگر ببینیدش شما هم مجذوبشون میشید بس که جذابه.
حالا چرا میگم انقدر جذاب و خفنه ؟
به این دلیل که برای ایجاد انیمیشن ها از Framer Motion استفاده میکنه که واقعا بهش قدرت میبخشه و برای استایل دهی ام از tailwind استفاده میکنه.
🌐 مشاهده وبسایت
یک ui kit خفن اوردم براتون که به ادعای خودش جادوییه، اسمش MagicUI هستش و بیش از ۵۰ کامپوننت animate ( انیمیشنی ) شده خفن داره که بهتون قول میدم اگر ببینیدش شما هم مجذوبشون میشید بس که جذابه.
حالا چرا میگم انقدر جذاب و خفنه ؟
به این دلیل که برای ایجاد انیمیشن ها از Framer Motion استفاده میکنه که واقعا بهش قدرت میبخشه و برای استایل دهی ام از tailwind استفاده میکنه.
فیلم چند نمونه از کامپوننت هاش رو گذاشتم میتونید ببینید، لینک سایتشم میزارم براتون حتما یه سر بهش بزنید 🚀
🌐 مشاهده وبسایت
#️⃣ #libarary | #uikit | #tools
🚀 @coolycode
هیچوقت فکرشو میکردید بشه طرح های ui داخل فیگما رو با چند تا کلیک به کد تبدیل کرد ... ⁉️💥
ابزار locofy همین الان داره انجامش میده. اونم نه فقط به کد html, css بلکه از Typescript و کلی چیزای دیگه پشتیبانی میکنه که واقعا برگاتون میریزه :))
از چیا پشتیبانی میکنه ؟ 🚀
طبق ادعای خودش قابلیت این رو داره تا طرح شمارو به هر کدوم از تکنولوژی های زیر تبدیل کنه :
Frameworks
Design System
Other
البته از تکنولوژی های دیگه ای هم پشتیبانی میکنه و برای هر مرحله از پروژه مثل دانلود کد، دیپلوی و ... برنامه داره که میتونید توی عکس همسن پست ببینید ⚡
🌐 وبسایت رسمی locofy
ابزار locofy همین الان داره انجامش میده. اونم نه فقط به کد html, css بلکه از Typescript و کلی چیزای دیگه پشتیبانی میکنه که واقعا برگاتون میریزه :))
از چیا پشتیبانی میکنه ؟ 🚀
طبق ادعای خودش قابلیت این رو داره تا طرح شمارو به هر کدوم از تکنولوژی های زیر تبدیل کنه :
Frameworks
React
Angular
Next
Vue
Gatsby
Design System
MUI
Bootstrap
Ant Design
ChakraUi
Vuetify
...
Other
Javscript
Typescript
Tailwind
Css
...
البته از تکنولوژی های دیگه ای هم پشتیبانی میکنه و برای هر مرحله از پروژه مثل دانلود کد، دیپلوی و ... برنامه داره که میتونید توی عکس همسن پست ببینید ⚡
راستی توی این ویدیو نحوه استفاده ازش رو توضیح داده، به نظرم ببینید جالب بود 🔻
📺 https://youtu.be/yhCtAs--r_Y
🌐 وبسایت رسمی locofy
#️⃣ #figma #tools #AI #uiux
🚀 @coolycode
This media is not supported in your browser
VIEW IN TELEGRAM
🔸 چند وقت پیش وبسایت MagicUI رو بهتون معرفی کردم که کلی کامپوننت های تعمالی و انیمیشنی خفن آماده داشت
🔸 حالا یه سایت پیدا کردم که بیش از 100 تا کامپوننت آماده انیمیشنی و تعاملی خفن داره که بر پایه tailwindcss, framer-motion و ... ساخته شدن و خودم تقریبا همشون رو دیدم و واقعا جذاب و خفن بودن
🔸 بهتون پیشنهاد میکنم حتما یه سری بهش بزنید، سبک کامپوننت هاشم با MagicUI متفاوته و یسری کامپوننت های متقاوت تر هم داره که میتونید خلاصش رو توی ویدیو همین پست ببینید
🌐 مشاهده وبسایت
امیدوارم از این مطلب لذت برده باشید، با ری‌اکشنای خودتون بهمون انرژی بدید ❤️🔥
🔸 حالا یه سایت پیدا کردم که بیش از 100 تا کامپوننت آماده انیمیشنی و تعاملی خفن داره که بر پایه tailwindcss, framer-motion و ... ساخته شدن و خودم تقریبا همشون رو دیدم و واقعا جذاب و خفن بودن
🔸 بهتون پیشنهاد میکنم حتما یه سری بهش بزنید، سبک کامپوننت هاشم با MagicUI متفاوته و یسری کامپوننت های متقاوت تر هم داره که میتونید خلاصش رو توی ویدیو همین پست ببینید
🌐 مشاهده وبسایت
راستی یه دکمه گیت‌هابم داره که خیلی خفنه لینکشو میزارم ببینیید 🔻
🚀 GitHub Button
#️⃣ #tools #component
⭐ 𝗖𝗛𝗔𝗡𝗡𝗘𝗟 | 𝗚𝗥𝗢𝗨𝗣
میدونستی میتونی توی گوشیتم از قابلیت inspect و extensions مرورگر کروم استفاده کنی ؟ ✅
قطعا هر دولوپری نیاز پیدا میکنه که توی گوشیش بتونه به تب inspect و یا افزونه های کروم دسترسی پیدا کنه
مرورگر 𝗞𝗜𝗪𝗜 این قابلیت هارو برای شما فراهم کرده که میتونید از GooglePlay یا Myket هم به سادگی نصب میشه 🚀
امیدوارم از این مطلب لذت برده باشید، با ری‌اکشنای خودتون بهمون انرژی بدید ❤️🔥
قطعا هر دولوپری نیاز پیدا میکنه که توی گوشیش بتونه به تب inspect و یا افزونه های کروم دسترسی پیدا کنه
مرورگر 𝗞𝗜𝗪𝗜 این قابلیت هارو برای شما فراهم کرده که میتونید از GooglePlay یا Myket هم به سادگی نصب میشه 🚀
#tools
🫶 @coolycode
تا امروز سعی کردیم که مطالب فوق‌العاده کاربردی و با کیفیتی رو‌برای شما عزیزان تولید کنیم و هم اکنون میتونید به صد‌ها مطلب جذاب در حوزه وب دسترسی داشته باشید 💎
اگر مورد جدیدی به مطالب کانال اضافه بشه داخل این لیست قرار میگیره✅
با توجه به گسترده شدن مطالب کانال کولی‌کُد تصمیم، گرفتیم که یک دسته بندی مناسبی رو روی تمامی پست‌های کانال اعمال کنیم، که میتونید به صورت کامل لیستش رو مشاهده کنید🚀
❓ #WhatsThat : معرفی و بررسی تکنولوژی‌ها
⛏ #tools : ابزار ها و سرویس های کاربردی
👨💻 #programming : مباحث عمومی حوزه تک
🪄 #tricks : تریک و ترفندها
🔗 #website : معرفی وبسایت
📝 #tips : نکات مهم و کاربردی
😆 #fun : فان و سرگرمی
✌️ #javascript : مربوط به جاوااسکریپت
🔵 #css : مربوط به سی‌اس‌اس
💻 #Frontend : حوزه فرانت‌اند
🌲 #Backend : حوزه بکند
🔖 #libarary : معرفی لایبرری های کاربردی
💻 #framework : معرفی و بررسی فریم‌ورک
🆚 #VS : مقایسه و بررسی تفاوت‌ها
📗#book : معرفی کتاب
🗣️ #golden_sentence : جملات ناب حوزه تک
🌐 #NEWPost : پست های اینستاگرام
📹 #youtube : ویدیو های چنل یوتوب
🎞 #video : آموزش های ویدیویی
🖥 #uiux : مباحث مربوط به ui, ux
اگر مورد جدیدی به مطالب کانال اضافه بشه داخل این لیست قرار میگیره
راستی میتونید بنرمون رو برای دوستان خودتون ارسال کنید تا اونا هم به جمع ما بپیوندن 🔻
CoolyCode Banner ☕🫰
#category #دسته_بندی
🧑💻 𝗖𝗛𝗔𝗡𝗡𝗘𝗟 | 𝗚𝗥𝗢𝗨𝗣
Please open Telegram to view this post
VIEW IN TELEGRAM
با نصب افزونه 𝗚𝗜𝗧𝗟𝗔𝗕 𝗪𝗢𝗥𝗞𝗙𝗟𝗢𝗪 میتونید به یسری از قابلیت های گیت‌لب داخل vscode دسترسی داشته باشید، مثل مدیریت مرج ریکوست ها و ریویو کردنشون، مدیریت پایپ‌لاین‌های CI/CD و ...
🌐 Download Extension
➖➖➖➖➖➖➖➖➖➖
این افزونه بهتون کمک میکنه تا کاراتون خیلی سریع تر از قبل پیش بره و بتونید مرج ریکوست‌ها رو خیلی ساده تر تو محیط vscode ریویو کنید ✅
🌐 Download Extension
➖➖➖➖➖➖➖➖➖➖
#️⃣ #tools #extension #git
⭐ 𝗖𝗛𝗔𝗡𝗡𝗘𝗟 | 𝗚𝗥𝗢𝗨𝗣
فرقی نمیکنه برنامه‌نویس باشی یا طراح و یا هر شغل دیگه ای که با گوشی و لپ‌تاپ زیاد سر و کار داشته باشه، باید بدونی که قراره به زودی مشکلات زیادی برای چشم هات به وجود بیاد ❌
چجوری جلوگیری کنیم ازش ؟ ✅
برنامه 𝗕𝗥𝗘𝗔𝗞𝗧𝗜𝗠𝗘𝗥 چیست ؟ 👀
️
امیدوارم از این مطلب لذت برده باشید، با ری‌اکشنای خودتون بهمون انرژی بدید ❤️🔥
چجوری جلوگیری کنیم ازش ؟ ✅
قبلا یه پست کامل راجبش ساختیم که حتما بخونیدش، ولی توی این پست میخوام برنامه BreakTimer رو بهتون معرفی بکنم که واقعا بهترین ابزار برای کمک به چشم هاتونه 🌟
برنامه 𝗕𝗥𝗘𝗔𝗞𝗧𝗜𝗠𝗘𝗥 چیست ؟ 👀
با استفاده از برنامه BreakTimer میتونید تایم های استراحت مشخصی رو برای خودتون ست بکنید که به صورت اتومات در تایم استراحت یک پاپ‌آپ بهتون نمایش میده.
این برنامه انعطاف پذیری خیلی زیادی داره و میتونید تمامی تایم‌ها رو به صورت دقیق کاستوم بکنید و حتی میتونید ست بکنید که پاپ‌آپ تایم استراحت قابل ریجکت نباشه 😁
و در نهایت اینکه این برنامه کاملا رایگان و open source هست و برای ویندوز، مک و لینوکس در دسترسه ♂️
️
#️⃣ #tips #tools
⭐ 𝗖𝗛𝗔𝗡𝗡𝗘𝗟 | 𝗚𝗥𝗢𝗨𝗣
ابزار Prettier چیه و به چه دردی میخوره ؟ 👩💻
اگه از اون دسته آدمایی هستی که وسط کدنویسی حوصله ندارن کاما و فاصله و پرانتز و اینا رو درست بذارن (مث من🙂 )، پس Prettier میتونه به شدت کمک کننده باشه.
دقیقا به چه درد میخوره⁉️
پی نوشت ...📌
اگه از اون دسته آدمایی هستی که وسط کدنویسی حوصله ندارن کاما و فاصله و پرانتز و اینا رو درست بذارن (مث من
درواقع یه ابزار خودکار برای خوشگل‌سازی و مرتب‌کردن کدهاس. فقط کافیه یه دکمه بزنی یا یه سیو بکنی، خودش همه چیزو شیک و پیک تحویلت میده!
دقیقا به چه درد میخوره
1️⃣ کدارو تمیز و مرتب میکنه و دیگه نیاز نیست دستی اسپیس، تب، کاما و ... بزنی.
2️⃣ تو پروژه‌های تیمی، فرمت کد همه اعضا شبیه همه میشه و یکپارچگی حفظ میشه
3️⃣ تغییرات فرمتی توی فایل ها باعث نمیشه که توی پول ریکوست ها اون فایل به عنوان فایل تغییر یافته علامت بخوره، این موردو تیم لید ها و مسئولای گیت خوب درک میکنن و توی ریویو کردن کدا به شدت کمک کنندس
پی نوشت ...
روی VS Code هم یه افزونه داره که میتونید نصبش کنید و هر بار که سیو کنید فایلاتون رو فرمت میشه اوتومات، البته باید گزینه format on save رو از تنطیمات فعال کنید، و اگر auto save هم روشن باشه همیشه کدات در لحظه مرتب میشن📱 😉
#️⃣ #tools #WhatsThat
🧑💻 @CoolyCode
Please open Telegram to view this post
VIEW IN TELEGRAM