DevOps
#devops

@kiau_program

JavaScript
#جاوااسکریپت
#javascript

@kiau_program

React js

#جاوااسکریپت
#فرانت
#javascript

@kiau_program

Vue js

#جاوااسکریپت
#فرانت
#javascript

@kiau_program

یه نکته برای دوستانی که جاوااسکریپت رو یاد میگیرن برای استک فرانت اند و البته تا یه جایی با این مفاهیم اشنایی دارن.

به طور کلی ۳ نوع paradigm اصلی توی برنامه نویسی داریم
✔️ Procedural
✔️ Object-Oriented
✔️ Functional

جاوااسکریپت یه زبان multi paradigm هست که قابلیت استفاده از هر سه نوع الگو داخلش وجود داره

معمولا زمانی که شما جاوااسکریپت رو به طور pure یا به اصطلاح vanilla js یادمیگیرید و کار میکنید و باهاش پروژه های تمیرینیتون رو توسعه میدید تا یه جای کار به صورت procedural یا رویه ای و خطی کدهاتون رو پیاده سازی میکنید.

خیلیا میگن شی گرایی یا مفاهیم oop مهمه و ... و کاملا هم درسته اما این نکته توی فرانت اند صدق نمیکنه، چون خیلی خیلی کم پیش میاد که شما از مفاهیم oop توی فرانت استفاده کنید،
فریمورک های جی اسی مثل ری‌اکت یا ویو جی اس از پارادایم functional استفاده میکنن و شما کدهاتون رو به صورت functional programming توسعه میدید.
یادگیری مفاهیم شی گرایی یا oop توی فرانت ضرورتی نداره اما برای اینکه حالا بتونین library یا plugin نویسی کنید و با جاوااسکریپت وانیلا کتابخانه ای رو بنویسید و یا حتی اگر با کدی برخوردید که از مفاهیم شی گرایی داخلش استفاده شده بود، درک این موضوع بد نیست، اما همونطور که گفتم اوایل راه نیاز نیست خودتون رو باهاش گیج کنید چون تقریبا میشه گفت اکثر افراد با خوندن مفاهیم شی گرایی، یکمقدار سردرگم میشن.

با اینکه خود زبان جاوااسکریپت، یک زبان oop base نیست و مفاهیم شی گرایی یجورایی میشه گفت بعدها به این زبان اضافه شده اما یادگیریش برای دوستانی که میخوان بک اند کار کنن و سمت node js برن به هرحال ضروریه.

#جاوااسکریپت
#فرانت
#javascript
@kiau_program

✅ جاوااسکریپت یک زبان Backwards Compatible هست و به همین منظور یک شعار رایجی بین کاربران وجود داره.

Don't break the web!

اما این به چه معنیه🤔
1. مورد اولی که باید بهش توجه داشت فیچر ها و قابلیت های نسخه های قدیمی این زبان تا کنون حذف نشدن و فقط در هر آپدیت قابلیت های جدید بهش اضافه شدن که این مورد توی خیلی از زبان ها دیده نمیشه.

2. درواقع ورژن جدیدی از استاندارد جاوااسکریپت عرضه نمیشه و فقط آپدیت های تدریجی یا release منتشر میشه

3. تمامی وبسایت ها با هرنوع ساختار کد چه در گذشته و چه در حال تا ابد کار میکنند و با آپدیت شدن ES وبسایت های قدیمی به دلیل استفاده از قابلیت های قدیمی جاواسکریپت و اکمااسکریپت از دسترس خارج نمیشن.

❌ نکته مهم اینه که طبیعتا این زبان Forward Compatible نیست😄 و مرورگر های قدیمی از نسخه ها و آپدیت های جدید ECMAScript نمیتونن استفاده کنن.

#جاوااسکریپت
#فرانت
#javascript
@kiau_program

🗂 بزرگترین کامیونیتی فعالان هوش‌مصنوعی و یادگیری ماشین ایران

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

📥 با زدن دکمه Add این کامیونیتی تخصصی  را به تلگرامتان اضافه کنید
👇👇👇👇

https://t.me/addlist/K4_ncLvX8cgzMDQ8 #هوش_مصنوعی

★彡 @kiau_program 彡★

🎯 دوره‌های آموزشی جامع فرانت اند (منبع انگلیسی)
- آموزش HTML و CSS (کورس یودمی Jonas Schmedtmann)
- آموزش Advanced CSS (کورس یودمی Jonas Schmedtmann)
- آموزش JavaScript (کورس یودمی Jonas Schmedtmann)
- آموزش Git و GitHub (کورس یودمی Mosh Hamedani)
- آموزش Tailwind CSS (کرش‌کورس یوتوب Brad Traversy)
- آموزش Vue (کورس یودمی Andrei Neagoie)
- آموزش Nuxt (کورس یودمی Laith Harb)
- آموزش React (کورس یودمی Jonas Schmedtmann)
- آموزش Next (کورس یودمی Mosh Hamedani)
- آموزش TypeScript (کورس یودمی Maximilian Schwarzmüller)
- آموزش Clean Code (کورس یودمی Maximilian Schwarzmüller)

#فرانت
★彡 @kiau_program 彡★

معنی اعداد و حروف پردازنده های اینتل چیه؟

★彡 @kiau_program 彡★

وبسایت های رایگان برای ارتقاع مهارت های برنامه نویسی:

★彡 @kiau_program 彡★

رفقایی که قصد یادگیری جاوااسکریپت رو دارن و به دنبال یه کورس برتر و جامع میگردن، دوره جاوااسکریپت Zero to Expert از Jonas Schmedtmann یکی از مدرسین و اساتید کامیونیتی بزرگ یودمی به جرعت بهترین کورس آموزشی که تاحالا منتشر شده.

اگر هم مشکل زبان انگلیسی دارید همونطور که تو پیام بالا هم قرار دادم میتونید این دوره رو به صورت دوبله فارسی و رایگان از چنل زیر دریافت کنید که زحمت یه تیم خلاقه و من خودم وقتی دوبلشون رو شنیدم واقعا کیف کردم، اصلا خشک و کتابی و حوصله سر بر نبود و مطالب و اصطلاحات انگلیسی هم کامل پوشش داده شده بودن👌🏼

داخل چنل زیر جوین بدید، روی پین چنل کلیک کنید تا به فایل دوره برسید و فصل به فصل پیش برید، فقط این نکته رو از یادنبرید که تمرین مهمترین عامل یادگیریه و آموزش رو سریال وار پیش نبرید.

@DubDev

#جاوااسکریپت
#فرانت
#javascript

★彡 @kiau_program 彡★

در این ویدیو از پلی‌لیست نکته ها و ترفندهای پایتون به بررسی ساخت اپلیکیشن‌های Command-line در Python پرداختیم و سعی کردیم دستور ls در لینوکس را با پایتون بازنویسی کردیم.
یک برنامه خط فرمان (Command Line Application) نوعی برنامه کامپیوتری است که از طریق خط فرمان (Command Line Interface یا CLI) کنترل و اجرا می‌شود. در محیط‌های مختلف سیستم‌های عامل مانند Windows, Linux و macOS، کاربران می‌توانند با وارد کردن دستورات متنی در یک پنجره ترمینال یا کنسول، با برنامه‌های خط فرمان ارتباط برقرار کنند.
ابتدا شیوه‌ دسترسی به پارامترهای خط فرمان در پایتون را شرح دادیم سپس با استفاده از پکیج argparse کنترل بیشتری بر روی پارامترها اعمال کردیم و در نهایت با استفاده از پکیج click که ویژه ساخت چنین نرم افزارهایی است ساختار برنامه را بهبود دادیم.

Link : https://youtu.be/xYPGgFAeVaU

playlist: https://www.youtube.com/playlist?list=PLJ9zDGwhhsBwZcy2wRRBNqXZP8wf--TmF
@kiau_program

Halal coding in python

حلال کدینگ...

#پایتون
★彡 @kiau_program 彡★

رفقا.
نکته برداری و ساخت داکیومنت یا ساخت چیت شیت حین آموزش از نکات مهم هر بخش یا نوشتن یکسری اصطلاحات تخصصی استفاده شده تو هر زبان، تکنولوژی، فریمورک و یا ... به شما هم تو فرآیند یادگیری و هم بعد از گذروندن آموزش ویدئویی کمک میکنه که سریعتر به مطالب آموزش دسترسی پیدا کنید. و یکسری نکات مهم رو همیشه جلوی چشمتون داشته باشید، پس جدیش بگیرید.

اما پیشنهاد میشه که نکته برداری و جزوه نویسیتون رو توی حوزه برنامه نویسی به صورت دیجیتالی انجام بدید، به دلیل اینکه

✔️ جزوه ها و نکات بسیار تمیز تر و خوانا تر میشن

✔️ کدها خوانا تر نوشته میشن

✔️ امکان سرچ و دسترسی سریعتر به یک بخش وجود داره و راحتتر به مطالب دسترسی پیدا میکنید

✔️ میتونید فایل pdf نکات و جزوه هاتون رو حتی تو گوشی هم داشته باشید و هرکجا که بهش احتیاج داشتید ازش استفاده کنید

✔️ سریعتر و راحتتره و حین اموزش دیدن، درکنار کد زدن و تمرین، نکات رو هم به راحتی یادداشت میکنید

از سایت زیر هم میتونید برای نوشتن جزوه های دیجیتالتون استفاده کنید که امکانات زیادی داره و علاوه بر ساخت داکیومنت میتونید ازش برای رسم طرح های ui، فلوچارت و ... استفاده کنید.

https://whimsical.com/

این هم یک نمونه از داکیومنتی که خودم حین آموزش با این وب اپ ساختم.

★彡 @kiau_program 彡★

★彡 @kiau_program 彡★

💎 JSTips:

مختصری در مورد دام مجازی (Virtual DOM)

تمامی تگ های اچ تی ام ال یک صفحه در فضایی به عنوان دام (DOM) نگهداری می شود در واقع دام، یک شکل درختی از تگ های تو در تو HTML صفحه شما می باشد.
لایبری React، از فضایی رو نمایی کرد به نام دام مجازی یا همان Virtual DOM، که این مفهموم بعد ها در سایر فریم ورک های فرانت مثل Vue نیز استفاده شد. این دام وظیفه بروزرسانی صفحه شما را بدون رفرش اطلاعات اضافی را بر عهده دارد دقیقاً کاری که AJAX انجام میدهد اما با این تفاوت که ایجکس روی دام اصلی تغییرات را اعمال می کند (که به مراتب کند تره) اما React، تغییرات را در دام مجازی انجام میدهد سپس جایگزین دام اصلی میکند (و بسیار سریع تره تا ایجکس).

فرایند بروزرسانی یک صفحه طراحی شده توسط ریکت :
- با لود صفحه شما یک DOM و یک Virtual DOM از صفحه شما ایجاد میشود که یوزر موارد درون دام را مشاهده می کند.
- فرض کنید یک تغییر را در صفحه ایجاد کرده اید به عنوان مثال با کلیک بر روی یک باتن، قرار است یک پاراگراف در صفحه نمایش داده شود.
- ری اکت، یک دام مجازی دیگر از صفحه شما با احتساب تغییراتی که قرار اعمال بشود ایجاد می کند و با دام مجازی قبلی که ابتدای لود صفحه ایجاد کرده بود مقایسه می کند.
- پس از بررسی متوجه میشود که در دام مجازی جدید فقط یک پاراگراف جدید اضافه شده است و مابقی اجازی صفحه با دام قبلی مطابقت دارد.
- حال بدون دست زدن به سایر کد های صفحه DOM، فقط تغییرات جدید را در درون کد های DOM جایگذاری می کند.
- در این صورت مجدداً دو Virtual DOM که با هم مقایسه شدند حذف و مجدداً یک Virtual DOM جدید از دام فعلی ایجاد میشود.

#جاوااسکریپت
#javascript

★彡 @kiau_program 彡★

💎 JSTips:

مقاله ی کوتاه و مختصر روش‌های مختلف Loop بروی یک آرایه در جاوا اسکریپت

1️⃣ استفاده از حلقه ی for:
روش سنتی کنترل کامل بر رفتار حلقه

let fruits = ['apple', 'banana', 'cherry', 'date'];

for (let i = 0; i < fruits.length; i++) {
 console.log(fruits[i]);
}

2️⃣ استفاده از متود forEach:
یک built-in متود در JS که فرآیند حلقه زدن هر عنصر را ساده می کند.

let fruits = ['apple', 'banana', 'cherry', 'date'];

fruits.forEach(function (fruit) {
 console.log(fruit);
});

3️⃣ استفاده از حلقه for...of:
جایگزینی مدرن و مختصر برای حلقه for سنتی.

let fruits = ['apple', 'banana', 'cherry', 'date'];

for (let fruit of fruits) {
 console.log(fruit);
}

4️⃣ استفاده از یک for...in (برای آرایه ها توصیه نمیشود):
به دلیل رفتار غیرمنتظره احتمالی برای آرایه ها توصیه نمی شود. مناسب برای تکرار بروی object ها

let fruits = ['apple', 'banana', 'cherry', 'date'];

for (let index in fruits) {
 console.log(fruits[index]);
}

5️⃣ استفاده از متود map:
یک آرایه جدید با اعمال یک تابع داده شده برای هر عنصر ایجاد می کند که برای تبدیل عناصر آرایه مفید است.

let fruits = ['apple', 'banana', 'cherry', 'date'];

let capitalizedFruits = fruits.map(function (fruit) {
 return fruit.toUpperCase();
});

console.log(capitalizedFruits);

6️⃣ استفاده از متود filter:
یک آرایه جدید با عناصری ایجاد می کند که یک تست مشخص را پشت سر می گذارند، برای انتخاب عناصر بر اساس معیارهای خاص

let numbers = [1, 2, 3, 4, 5, 6];

let evenNumbers = numbers.filter(function (number) {
 return number % 2 === 0;
});

console.log(evenNumbers);

console.log(sum);

7️⃣ استفاده از متود reduce:
مقادیر آرایه را در یک مقدار ترکیب می کند که برای انجام محاسبات مفید است مانند یافتن مجموع همه اعداد.

let numbers = [1, 2, 3, 4, 5];

let sum = numbers.reduce(function (total, currentNumber) {
 return total + currentNumber;
}, 0);

console.log(sum);

8️⃣ استفاده از متود some و every :
متود some بررسی می کنند که آیا حداقل یک عنصر یک شرط را برآورده می کند، در حالی که every بررسی می کند که آیا همه عناصر دارای شرط x هستند یا خیر

let numbers = [1, 2, 3, 4, 5];

let isGreaterThanThree = numbers.some(function (number) {
 return number > 3;
});

let allGreaterThanZero = numbers.every(function (number) {
 return number > 0;
});

console.log(isGreaterThanThree); // true
console.log(allGreaterThanZero); // true

#جاوااسکریپت
#javascript

★彡 @kiau_program 彡★

💎 JSTips:

کوکی ها یا Cookies در جاوا اسکریپت:

کوکی یا Cookie : در لغت به معنی یک نوع شیرینی یا بیسکویت است ولی خب این ربطی نداره و یک معنی دیگش یعنی فضایی برای نگهداری توکن و یا اطلاعات ( داده های کوچک ) از جمله مشخصات کاربر ( نام ، ایمیل و.. ) در یک فایل متنی کوچک در سیستم شخصی خوده کاربر.

✅ یعنی اگه شما مثلا رفتید تو فلان سایت و خواستید نظری یا دیدگاهی ارسال کنید، اونجا اون سایت نام و ایمیل شمارو درون کوکی قرار میده و ذخیرش میکنه و در سری های بعدی نام و ایمیل شمارو از همون حافظه کوکی میگیره و نمایش میده ( یعنی دیگه نیاز نیست شما دوباره نام و ایمیل تون رو وارد کنید ) تموم شد رفت، به این میگن کوکی.

⚠️نگهداری داده های بزرگ و درکل نگهداری مطمعن داده ها ( برای همیشه ) فقط از طریق پایگاه داده ها ( مثل PostgreSQL) امکان پذیره، و نباید از کوکی ها برای اینکار استفاده کرد، چون کوکی ها معمولا برای نگهداری داده های کوچک و بصورت موقت استفاده میشه.

✅ ایجاد کوکی در زبان javascript

document.cookie = "Cookie_Name = example";

#جاوااسکریپت
#javascript

★彡 @kiau_program 彡★