🤔چرا Tailwind ارزش یادگیری داره ؟ (پارت اول)

1️⃣سیستم استایلی دهی خیلی راحت و سریع داره.(تقریبا 90 درصد پراپرتی های CSS رو داره)

2️⃣پلاگین برای بلاگ و دارک مود و فرم ها و ..

3️⃣هر استایلی رو نداشته باشه خودتون میتونین در لحظه اضافه کنید یعنی میتونید مستقیما به عنوان کلاس CSS بنویسید text-[#fff] که میشه متن رنگ سفید:)

4️⃣هر یک کلاسی که استفاده کنید فقط همون یک کلاس به فایل استایلتون اضافه میشه (طوری نیست که 500 کیلوبایت استایل داشته باشید و از 5 کیلوبایتش استفاده کنید)

5️⃣به این دلیل که استایل هارو توی html می‌نویسید سرعت کارتون به شدت میره بالا

6️⃣ریسپانسیو کردن کاملا راحت

7️⃣از اونجایی که کدهارو دارید خودتون می‌نویسید و از کامپوننت های آماده استفاده نمیکنید، دیزاینی که میزنید شبیه بقیه نیست (یعنی طوری نیست که توی هر سایتی میرید بگید عه اینکه کامپوننت فلان فریمورکه)

⭕️ پارت دوم این پست رو تا ساعاتی دیگه براتون قرار میدم ❤️
با ما همراه باشید . . .

#css #framework #tailwind #part1
☕️ @CodeExplore

🔥مقایسه پنج ورژن Node.js

در یک دنیای ایده‌آل، آخرین نسخه Node.js به خوبی تو هر پروژه ای کاربرد داره، اما در واقعیت ما گاهی نیاز به تغییر نسخه داریم و ابزارهای مختلفی برای ساده کردن این کار در دسترس هستن. NVM شاید شناخته شده ترین باشه، اما شاید N، FNM، Volta و یا حتی pnpm بهتر باشد و مناسب شما باشه...

🤟 Five Node Version Managers Compared

#nodejs #managers
☕️ @CodeExplore

🤔چرا Tailwind ارزش یادگیری داره ؟ (پارت دوم)

8️⃣یک سری پلاگین هایی مثل daisyui هستن که بهتون کامپوننت آماده میدن، دقیقا شبیه کاری که بوت استرپ میکنه با این تفاوت که سورس کد 50 تا کامپوننت به پروژه اضافه نمیشه که در نهایت از 5 تاش استفاده کنید و هر کامپوننتی که استفاده کنید سورس همون فقط به فایل استایلتون اضافه میشه

9️⃣اینطوری نیست که یک بخشی از کدت بره توی html و یه بخشیش بره توی CSS (مثل بوت استرپ که کامپوننت رو استفاده میکنی باید بری توی CSS واسش استایل بنویسید چون بوت استرپ خیلی کلاس نداره واسه کاستومایز)

0️⃣1️⃣معمولا کامپوننت های بوت استرپ این مشکل رو دارن که خیلی قابل کاستومایز نیستن (به این دلیل که شما یه استایل میدید و خوده اون کامپوننت هم یه سری استایل داره و بینشون کانفیلیکت به وجود میاد و کدهای بوت استرپ روی کد های شما over-write میشه)

1️⃣1️⃣فریمورک کامپوننت بیس داخلی داره

2️⃣1️⃣میتونید کانفیگ های دیفالتش رو هم کاستوم کنید (مثلا سایز md رو هرچی دوست داشتید بدید)

3️⃣1️⃣میتونید داخل لایه هاش مثلا base، هرچی میخواید اضافه کنید

#css #framework #tailwind #part2
☕️ @CodeExplore

⚡️برگشتیم با یکی از مهم ترین آموزش های گیت و گیت هاب و قراره امروز درباره گیت هاب صحبت کنیم

❓اول از همه باید بدونیم گیت هاب چیه؟؟ّ
گیت هاب یه جای خوب برای دولوپرهاست که می‌تونن کداشون رو اونجا بذارن و با بقیه به اشتراک بذارن. اینجا بزرگترین مکان برای نگهداری کداست. تو گیت هاب می‌تونی کدات رو با همکارات یا هر کس دیگه‌ای که دوست داری به اشتراک بذاری و با هم روی یه پروژه کار کنی.

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

📌حالا که فهمیدیم گیت هاب چیه بریم سراغ ثبت نام داخلش
اول از همه باید وارد وب سایت

github.com

بشین و داخل بخش ثبت نام شما نیاز به یسری مشخصات کوچیک و ایمیل دارین
گیت هاب از شما یسری سوال درباره حوزه کاریتون و نیاز هاتون هم میپرسه که میتونین به راحتی جواب بدین
اکانتتون رو که ساختین راحت میتونین پروفایلتون رو تغییر بدین

✨ولی وارد اکانت شدن تازه شروع راه کار با گیت هاب هست
شما وقتی که پروفایلتون رو داخل گیت هاب ساختین، یه قسمت برای ریپازتوری هاتون دارین ( Repositories ) که میتونین اینجا لیست ریپازتوری هاتون رو میبینین و میتونین یکی جدید اضافه کنین
در اصل برای هر پروژه‌ای یه ریپازتوری در نظر میگیریم به صورت معمول
شما وقتی گزینه ساخت ریپازتوری جدید رو بزنین

( Repositories > New )

وارد یه قسمت میشین که بسازینش، شما اسم و توضیحات و حالتش ( pulic یا Private ) رو تنظیم میکنین و دکمه

Create Repository

رو میزنین و بوم
ریپازتوری شما ساخته میشه ولی الان یه قسمت مهم اینه که وصلش کنین به ریپازتوری لوکال خودتون روی سیستمتون ( همون پروژتون )
شما وقتی ریپازتوری رو میسازین، گیت هاب چون اولش خالیه اون ریپازتوری، میفهمه جایی وصل نیست چون کامیتی داخلش نیست پس یسری کد و لینک ریپازتوری جلوتون قرار میده تا راحت وصلش کنین

🔥لینک ریپازتوری شما برای ساخت یه ریموت به کار میاد که دربارش در آینده توضیح میدیم
ولی برای استفاده راحتتون بگم که دوتا باکس براتون میاره که کد های مورد نیاز برای وصلش اورده شده و شما اولین باکس رو کپی کنین و توی پروژتون اجرا کنین و بله دیگه پروژتون یه ریپازتوری گیت هاب وصل میشه
حالا راحت کار میکنین باهاش و طبق آموزش قبلی با استفاده از

git push ، git pull و git clone

راحت میتونین پروژتون رو مدیریت کنین

#git #github
☕️ @CodeExplore

کد نزن، نقاشیش کن! 🎨

◀️با استفاده از این سایت میتونید طرح برنامه ای که میخواید رو بکشید ، یکم توضیح بدید و کدش رو تحویل بگیرید! نظرتون راجب این نرم افزار ها چیه؟ به برنامه نویس ها آسیب میزنن؟

🔗 https://glowbom.com

#site #ai
☕️ @CodeExplore

از چـیـزهـای کـوچـک زنـدگـیـتـون لـذّت بـبـریـد.
یـک روز بـه عـقـب بـر مـی‌ گـردیـد و مـی‌ فـهـمـیـد کـه اونـهـا بـزرگـتـریـن دارایـی‌ تـون بـودنـد.

#motivational
☕️ @CodeExplore

برنامه نویس ها آخر هفته:

#fun
☕️ @CodeExplore

😎 یک لیست خفن از 7 تا دوره با کیفیت و رایگان

1️⃣ Introduction to Computer Science
یک دوره رایگان 12 هفته ای که به 6 تا 18 ساعت در هفته زمان برای یادگیری نیاز داره و مبانی برنامه نویسی را معرفی می کنه. تو این دوره در مورد الگوریتم ها، ساختارهای داده، مهندسی نرم افزار، توسعه وب و زبان های برنامه نویسی صحبت شده.

📥لینک دوره

2️⃣ Introduction to Artificial Intelligence with Python
این هم یک دوره مقدماتی در زمینه هوش مصنوعی با پایتون هست
که مدت زمانی تقریبا 7 هفته ای نیاز داره و لازمه هر هفته 10 تا 30 ساعت وقت بگزارید براش و در زمینه گراف ها، یادگیری ماشینی و شبکه های عصبی صحبت شده و یاد میده که پروژه های عملی را با استفاده از پایتون انجام بدین.

📥لینک دوره

3️⃣ Data Science: Machine Learning
این دوره هم همونطور که از اسمش مشخص هست در مورد مباحث ماشین لرنینگ هست و تمرین های خوبی رو هم داره که کامل بتونین مسلط بشید.

📥لینک دوره

4️⃣ Data Science: Productivity Tools
این هم یه دوره 8 هفته ای هست که برای یادگیری و سازماندهی پروژه ها کمک کننده هست و هفته ای 1 تا 2 ساعت نیاز داره برای یادگیری.

📥لینک دوره

5️⃣ Web Programming with Python and JavaScript
این هم دوره ای هست که برنامه نویسی وب رو با پایتون آموزش میده و 12 هفته زمان دوره هست و لازمه 6 تا 9 ساعت در هفته رو بهش اختصاص بدین و در این دوره طراحی وب اپلیکیشن هم وجود داره.

📥لینک دوره

6️⃣ Introduction to Game Development
این دوره 12 هفته ای هم برای کسانی که علاقه مند هستند تا برنامه نویسی و توسعه گیم و بازی رو شروع کنن خیلی جذاب میتونه باشه.

📥لینک دوره

7️⃣ Introduction to Cybersecurity
این دوره هم همونطور که از اسمش مشخصه در مورد امنیت سایبری هست و 5 هفته زمان میبره تا دوره رو به اتمام برسونین.

📥لینک دوره

#toturial
☕️ @CodeExplore | </Tamana Farzami>

برای شروع ریکت چه چیزهایی باید از جاوااسکریپت بلد باشم ؟🧐

1️⃣توابع جاوااسکریپت
2️⃣کلاس ها
3️⃣شرط‌های کوتاه با عملگرهای Ternary و && و ||
4️⃣متدهای کاربردی آرایه‌ها
5️⃣اعضای Rest و عملگر Speard
6️⃣ماژول‌های اکمااسکریپت
7️⃣پرامیس‌ها و Async/Await
8️⃣ترفندهای ابجکت
9️⃣Template Literals
1️⃣0️⃣Destructuring

#پست_پیشنهادی
#javascript #react
☕️ @CodeExplore

توابع کوتاه lambda در پایتون ⌨️

ℹ️این نوع توابع باید در یک خط تعریف شن و میتونن توی یک متغیر ریخته بشن و چندبار استفاده بشن یا فقط یکبار استفاده بشن، دلایل مختلفی هم هست برای استفاده ازشون،که دوست داریم شما عزیزان توی کامنت ها بهمون بگید 🔥

❓مثال:

fx = lambda a: a+3
print(fx(2))
#output : 5
print((lambda c: c+3)(2))
#output : 5

#python #lambda
☕️ @CodeExplore

👋بازم یه روز دیگه و یه آموزش خفن از گیت و گیت هاب دیگه

📣امروز قراره در ادامه مباحثمون به کار با ریموت ( remote ) ها بپردازیم

ریموت ها چی هستن؟
ریموت ها به معنی نسخه‌ای از پروژه شما هستن که روی اینترنت یا شبکه وجود دارن (همون گیت هاب مثلا)
شما میتونین برای یه پروژتون یک یا چند ریموت قرار بدین که هرکدوم فقط خواندنی یا خواندنی/نوشتنی هستن

همینجا اشاره میکنم به آموزش قبلی که فهمیدیم وقتی ریپازتوری داخل گیت هاب میسازیم، یه لینک ازش به ما میده، حالا برای ساخت ریموت خودمون میتونیم از اون استفاده کنیم:

git remote add <remote name> <remote url>

اینجا اسم ریموت دلخواهه و اصولا برای ریموت اصلی origin میزارن، url هم همون لینکی هست که از گیت هاب اوردین

برای دیدن لیست ریموت هاتون هم از دستور زیر استفاده کنین:

git remote

اگرم قرار باشه یه ریموت رو حذف کنیم:

git remote remove <remote name>

❕ولی خب ما تازه یه ریموت ساختیم و تااازه فهمیدیم اینهمه تو اموزش های قبلی ریموت ریموت میکردم چه چیزیو میگفتم
برگردیم یه مروری کنیم آموزش های قبل رو:
ببینین ما با ساخت یه ریموت در اصل به ریپازتوری گیت هاب با اون ریموت دسترسی پیدا میکنیم و انگار یه پل ارتباطی میسازیم، ولی خب ما باید چطوری از این ریموت استفاده کنیم؟
شما وقتی ریموت رو میسازین دیگه یسری دستور ها به صورت دیفالت ازش استفاده میکنن مثل:

git push , git pull

استفادشون به صورت گسترده:

git push <remote name> <branch name>
git pull <remote name> <branch name>

مثال:

git push origin main

با این کار من گفتم که عزیز من بیا با استفاده از ریموت origin برو به اون ریپازتوری روی گیت هاب این کامیت هایی که روی برنچ main زدم رو بفرست

ولی خب میشد اینکارو کرد اصلا که خلاصه تره و خود گیت از ریموت استفاده میکنه:

git push

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

#git #git_remote #git_push #git_pull
☕️ @CodeExplore

دوستان یک تم میخوام بهتون معرفی کنم که خیلی قشنگ و شیک هست و مناسبه چشم هست ، پس نگران چشم هاتون نباشید.
مهم تر از همه، توسعه دهنده این تم یکی از دوستان هست ❤️‍🔥

🌐 https://marketplace.visualstudio.com/items?itemName=FullstacksJS.fullstacksjs-vscode

همین الان که نگاه کردم 646 یوزر نصبش کردن✌️

#vscode #theme
☕️ @CodeExplore

هر چه بیشتر یاد بگیری
درآمد بیشتری خواهی داشت ⚡️💵

" وارن بافت "

#motivational
☕️ @CodeExplore

بابا آب داد.
جی اس NaN داد.

#fun
☕️ @CodeExplore

👀 موتور جستجوی علمی consensus

اگه به دنبال مقالات علمی و تحقیقات معتبر هستید به جای گوگل یا ChatGPT میتونین همینجا سرچ کنید ، حالا کاری که انجام میده اینه که یک نسخه خلاصه و روان از مقاله علمی رو بهتون میده و اگه براتون جالب بود میتونید روی لینک ورود به مقاله هم کلیک کنید.( در واقع این یک موتور جستجو هوش مصنوعی دانشگاهی به اسم consensus هست)

🌐 https://consensus.app/search/

#consensus
☕️ @CodeExplore

📚کتاب Architecture Patterns with Python

این کتاب در مورد الگو ها و پترن‌ های ساده برای ساختن برنامه های پیچیده با پایتون بصوت رایگان و آنلاین در دسترس شماست.

🔗 cosmicpython.com/book/preface.html

#python #book #architecture #pattern
☕️ @CodeExplore

👋خوش اومدین به یکی دیگه از آموزش های گیت و گیت هاب

◀️امروز قراره درباره stash توی گیت صحبت کنیم

اول از همه راجب کاربرد stash ها داخل گیت بگم که برای مدیریت بهتر تغییراتتون و جا به جایی تغییرات و حفظ و نگه داری اونا حتی بین برنچ ها میتونین ازش استفاده کنین

⚡️شما وقتی که تغییراتتون رو وارد فضای استش میکنین، این تغییرات یه مرحله اضافه میشن به استش ها و کنار استش های قبلی قرار میگیرن و هرکدوم هم یه ایندکس دارن مثل ارایه ها
و خب حالا وقتی تغییراتتون استش میشه انگار اونا پاک میشن، بهتر بگیم، منتقل میشن به فضای استش، و مثل یک مرحله که کامیت شده باشه اونجا هستن و امادن که شما ازشون استفاده کنین
اینم بگم که تغییرات داخل استش محدود به یه برنچ نیستن و میتونین از یه برنچ، تغییرات رو استش کنین و ببرین داخل یه برنچ دیگه
با استفاده از تغییراتی که قبلا استش کردید هم میتونین اونارو بازم برگردونین به پروژتون و انگار تازه نوشته شدن!

بریم سراغ نحوه استفاده ازش:

git stash

➕شما با استفاده از این دستور، تمام تغییراتتون رو وارد لیست استش ها میکنین و اونجا ذخیره میشن

اگر هم میخاین یه مسیج برای استش خودتون ست کنین این دستور رو بزنین:

git stash -m "message"

برای دیدن لیست استش هاتون از دستور زیر استفاده کنین:

git stash list

👑دقت کنین وقتی که شما این لیست رو مشاهده میکنین، هر استش هم یه ایندکس داره مثلا 0
خب حالا ما چطور میتونیم از این استش هامون استفاده کنیم و بریزیمشون داخل کدامون؟
ما دوتا دستور داریم برای اینکه این کار رو انجام بدیم و استش هامون رو استفاده کنیم:

git stash apply <stash index>

🗣️با استفاده از این دستور، شما میاین و از لیست استش هاتون، اون استشی که میخاین رو با استفاده از ایندکس استفاده میکنین و تغییرات اون استش وارد ریپازتوری میشه، اما استش همچنان داخل لیست میمونه و حذف نمیشه و میتونین بازم استفاده کنین

git stash pop <stash index>

این دستور هم مثل دستور بالاس ولی با این تفاوت که استشی که با ایندکس صدا زدین، استفاده میشه و بعدش از لیست استش ها پاک میشه و بای بای

در آخر هم ممکنه ما بخایم یه استش رو پاک کنیم ولی استفادش نکنیم پس این دستور رو میزنیم:

git stash drop <stash index>

🟢یه مثال هم برای استفاده از استش ها بزنم، شما فرض کنین دارین روی یه پروژه کار میکنین و همکارتون پروژه رو روی گیت هاب اپدیت میکنه، خب شما اگه الان بیاین و با استفاده از pull ، پروژه رو اپدیت کنین با کد هاتون اگه تغییری داشته باشین به تداخل میخورین چون اپدیت گیت هاب با کد های لوکال شما فرق داره، پس اول کد هاتون رو استش کنین ، بعدش اپدیت کنین، و باز تغییراتتون رو از استش خارج کنین:

git stash -m "before update"
git pull
git stash list
git stash pop 0

🟢مثال دوم: فرض کنین درحال توسعه پروژه دارین با چندین برنچ کار میکنین و مثلللا کارتون روی اون برنچ تموم شده و فیچر مورد نظرتون رو ساختین، ولی حواستون نیست و هنوز روی همون برنچ دارین یه فیچر دیگه میسازین، اینجا میاین تغییرات این فیچر جدید رو استش میکنین و میرین به برنچ جدید و باز ازشون استفاده میکنین:

git status
git stash -m "change branch"
git checkout main
git checkout -b improv/new-branch
git stash list
git stash pop 0

#git #git_stash
☕️ @CodeExplore

📌پنج فکت خفن و جذاب که کمتر کسی میدونه

💎 هالوارد مور:
هالوارد مور، مهندس الکتریک و یکی از بنیانگذاران شرکت Intel، در سال 1965 پیش‌بینی کرد که تعداد ترانزیستورهایی که می‌توان در یک تراشه قرار داد، هر دو سال یک بار دو برابر خواهد شد. این قاعده به نام "قانون مور" شناخته شده است.

👀 زبان برنامه‌نویسی پایتون:
زبان برنامه‌نویسی پایتون، که توسط گیدو فان روسوم در سال 1991 توسعه یافت، از نام سریال تلویزیونی بریتانیایی "Monty Python's Flying Circus" گرفته شده است، نه از مار پایتون!

💦 اولین باگ کامپیوتری:
اولین "باگ" کامپیوتری واقعی در سال 1947 توسط گریس هاپر کشف شد. باگ واقعی یک پروانه بود که در یکی از رله‌های ماشین Harvard Mark II گیر کرده بود.

🌐 اولین بازی ویدئویی:
اولین بازی ویدئویی، که "Tennis for Two" نام داشت، در سال 1958 توسط ویلیام هیگینبوتام، یک فیزیکدان هسته‌ای، ساخته شد.

✔️ اولین وب‌سایت:
اولین وب‌سایت در 6 آگوست 1991 توسط تیم برنرز-لی، مخترع وب جهانی، راه‌اندازی شد. این وب‌سایت به آدرس info.cern.ch هنوز هم در دسترس است.

#fact
☕️ @CodeExplore

ربات تقلید صدا 🦜

☄️با استفاده از این ربات میتونید یه فایل ویس در حد ۳۰ ثانیه بهش بدید و چندتا اطلاعات ریز که مثلا این شخص جنسیتش چیه، چند سالشه،به چه لحجه ای داره حرف میزنه(بهتره ویس انگلیسی باشه تا بهترین نتیجه رو بگیرید) ازتون میخواد و بعد ربات شما آمادست!

❗️توی تنظیمات دیدم API هم داره ولی هنوز نشده تست کنم که به چه شکل هست. و توجه داشته باشید که براتون متن های انگلیسی رو میتونه بخونه و از فارسی پشتیبانی نمیکنه.

🌐 play.ht

#ai #voice
☕️ @CodeExplore

AI vs Web development 😅✌️

#fun
☕️ @CodeExplore