💬Learn to Code With JavaScript

💬آیا می‌خواهید کد نویسی را یاد بگیرید؟ شاید می‌خواهید نحوه‌ی ساخت یک رسانه اجتماعی یا بازی پر مخاطب جدید را یاد بگیرید؟ یا شاید هم می‌خواهید که تجربه ارزشمندی در زمینه کدنویسی به دست آورید؟ کتاب Learn to Code With JavaScript (یادگیری کدنویسی با جاوا اسکریپت)، راهنمایی کاربردی، آسان و سرگرم کننده است که بهترین مکان برای شروع یادگیری برنامه نویسی برای شماست. شما با کمک این کتاب، برنامه نویسی با جاوا اسکریپت که محبوب‌ترین زبان برنامه نویسی بر روی زمین است را یاد خواهید گرفت. جاوا اسکریپت در مرورگرهای وب اجرا می‌شود که به ویژه برای ایجاد برنامه‌ها و بازی‌های تحت وب مناسب است. اما اصول و تکنیک‌هایی که یاد می‌گیرید، پایه‌ای برای ادامه دادن و یادگیری بسیاری از زبان‌های دیگر در اختیار شما قرار می‌دهند. در طول مسیر، مجموعه ای از برنامه‌های کاربردی سرگرم کننده، از جمله بازی‌ها و صفحات وب تعاملی خواهید ساخت. از امروز شروع به یادگیری کدنویسی کنید!

#book
☕️ @CodeExplore

چون setTimeout یک دستور API هست که وقتی کنترلر توی call stack موتور جاوااسکریپت بهش میرسه از پشته pop میشه میره توی web API و باید اونجا اجرا بشه بعد بره توی call back queue اونجا باید منتظر بمونه call stack خالی بشه که اینو event loop چک میکنه که همین که call stack خالی شد، از صف اون call back رو برداره ببره توی call stack تا اجراش کنه، الان چون همیشه while داره true رو میگیره و روی infinitive loop افتاده است خالی نمیشه که بخواد call back setTimeout رو توش پوش کنه و اجرا کنه، بنابراین تو صف می مونه و هرگز اجرا نمیشه :)👌

#javascript
☕️ @CodeExplore

📣 کپچا چیست و چه کاربردهایی دارد؟

🔸 (کپچا)CAPTCHA مخفف کلمه Completely Automated Public Turing to tell Computers and Humans Apart می‌باشد که به معنی  آزمایش اتوماتیک عمومی برای تشخیص انسان از کامپیوتر می‌باشد.

🔸 کپچا در واقع یک مکانیزم امنیتی محسوب می‌شود که تعیین می‌کند که طرف مقابل شما یک کامپیوتر است یا یک انسان است.

🔸 فعالیت‌های اینترنتی مانند تبادلات مالی آنلاین، ترافیک وب‌سایت‌ها و موتورهای جستجو ، نظرسنجی های آنلاین ، ثبت‌نام‌های آنلاین، سرویس‌های ایمیل رایگان و بسیاری دیگر از چنین موارد از اهداف ماشین هایی هستند که به منظور حمله به این سیستم‌ها طراحی شده اند.

🔸 این ماشین‌ها که به نام ربات یا Bot هم شناخته می‌شوند می‌توانند بصورت غیر عادی ترافیک وب سایت و امنیت آن را تحت تاثیر قرار دهند.

☕️ @CodeExplore

CURSOR Snow | Animation 🪄☃️

🗂 سورسش داخل خود ویدئو . . .

ری اکشن هارو دوستان فراموش نکنید 🥰

☕️ @CodeExplore

حالت ها و پوزیشن های Cursors در CSS !!

☕️ @CodeExplore

💬 زندگی یک برنامه نویس

نظر شما چیه آیا واقعا همینطوره؟ 🤔

#life #programmer #fun
☕️ @CodeExplore

♨️ بان (Bun) چیست و چه کاربردی دارد؟

بان (Bun) یک کتابخانه کم حجم و کاربردی برای بک‌اند (back-end) جاوااسکریپت است که امکان ایجاد سریع سرویس‌های API را فراهم می‌کند. این کتابخانه اغلب برای ایجاد سرورهای وب، مدیریت درخواست‌ها (request)، پاسخ‌دهی به درخواست‌ها و انجام عملیات‌های دیتابیس مورد استفاده قرار می‌گیرد.

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

▪️ویژگی‌های Bun چیست؟

1. کم حجم و ساده: Bun به عنوان یک فریمورک کم حجم شناخته می‌شود که توسعه دهندگان می‌توانند با استفاده از آن به سرعت واکنش نشان دهند.

2. کارایی بالا: کتابخانه‌هایی که از Bun استفاده می‌کنند، از مزایای کارایی بالا این کتابخانه بهره می‌برند. این به معنای این است که سرورهایی که با استفاده از Bun پیاده‌سازی می‌شوند، قادرند به خوبی درخواست‌ها را پردازش کرده و سرویس دهند.

3. مشارکت اجتماعی: این کتابخانه یک پروژه متن باز است که بر روی GitHub میزبانی می‌شود. این امکان را به توسعه‌دهندگان می‌دهد تا به بهبود و گسترش این کتابخانه کمک کنند.

4. استفاده‌ی آسان: Bun از یک روش ساده و قابل فهم برای تعریف و مدیریت مسیرها (routes) برای API استفاده می‌کند، که این امر باعث می‌شود که توسعه دهندگان بتوانند به راحتی از آن استفاده کنند.

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

ده زبان برتر برنامه نویسی داخل گیتهاب در سال 2023  معرفی شده.

1- JavaScript
2- Python
3- TypeScript
4- Java
5- C#
6- C++
7- PHP
8- C
9- Shell
10- Go


#languages #programming #github
☕️ @CodeExplore

Data Structures in JavaScript
Hash Table

#datastructures #coding #javascript
☕️ @CodeExplore

انواع سیستم های عددی در کامپیوتر 🎛 !

این زبان ها زبان های عددی و یا به زبان کامپیوتر معروف هستن و تمامی ساختار کامپیوتر ساخته شده از اعداد بسیار زیادی از 01 می‌باشند

و شما در لحضه حتی با یه روشن کردن سیستم میدونستین ملیون ها تا از این اعداد در سیستم پردازش و تحلیل میشود

از معروف ترین آنها زبان باینری است

☕️ @CodeExplore

یه کوییز نسبتا ساده از پایتون !! 🧐

در این تیکه کد خروجی مد نظر به نظر شما کدوم گذینه هستش ؟

A . 2

B .  4

C .  22

D .  Error

#Quiz #python
☕️ @CodeExplore

🗨️funny Videos Programmer😂😅

#fun
☕️ @CodeExplore

♨️ پایچارم (PyCharm) چیست؟

یک محیط توسعه یکپارچه (IDE) برای زبان برنامه‌نویسی پایتون است که توسط شرکت JetBrains توسعه یافته است. این ابزار محبوب، قدرتمند و قابل اعتمادی برای توسعه برنامه‌ها در پایتون است و دارای ویژگی‌ها و امکاناتی بسیار زیادی است که توسعه دهندگان پایتون از آن بهره می‌برند.

#پست_پیشنهادی
#python #pycharm
☕️ @CodeExplore

💢 ویژگی‌ها و قابلیت‌های PyCharm

1. پیش‌بینی هوشمند کد (Intelligent Code Assistance): پای‌چارم از تکنولوژی‌های پیشرفته هوش مصنوعی برای پیش‌بینی هوشمند کد، دیباگ و اصلاح خطاها استفاده می‌کند. این ویژگی باعث افزایش سرعت توسعه و کاهش خطاها می‌شود.

2. مدیریت پروژه (Project Management): پای‌چارم به شما امکان می‌دهد تا به راحتی پروژه‌های پایتونی خود را مدیریت کرده و از ویژگی‌های مانند مدیریت و ایجاد محیط‌های مجازی (Virtual Environments) بهره ببرید.

3. پشتیبانی از فریم‌ورک‌ها و کتابخانه‌ها (Framework and Library Support): پای‌چارم دارای پشتیبانی کامل از اکثر فریم‌ورک‌ها و کتابخانه‌های پایتون است که به شما کمک می‌کند تا به بهترین شکل از این ابزارها استفاده کنید.

4. پشتیبانی از دیباگ (Debugging Support): امکان دیباگ کردن کد به شیوه‌های مختلف مانند اجرای مرحله به مرحله و نمایش متغیرها به شما کمک می‌کند تا خطاهای کد خود را به راحتی شناسایی کنید.

5. سفارشی‌سازی بالا (Highly Customizable): پای‌چارم به شما امکان می‌دهد تا به راحتی تم‌ها، افزونه‌ها و تنظیمات را سفارشی کنید تا بهترین تجربه توسعه را برای خودتان ایجاد کنید.

▪️ورژن های PyCharm

پای‌چارم دارای نسخه‌های مختلفی است که برای نیازهای گوناگون توسعه‌دهندگان ارائه شده است. این شامل نسخه Community، Professional و Enterprise می‌شود.

#پست_پیشنهادی
#python #pycharm
☕️ @CodeExplore

🙄 درست کردن Gradient با CSS (نمونه رو تو عکس می‌بینید)

✅ از تابع ()linear-gradient برای ساخت گرادینت از نوع خطی استفاده می شود به این معنا که دو و یا چند رنگ به صورت خطی در یک راستای موافق در هم محو می شوند.

😎 اگر می‌خوای اطلاعات بیشتری در مورد Gradient در CSS به دست بیاری و همون لحظه تست و خروجی بگیرید به سایت w3school مراجعه کنید :)

#css #w3school #gradients
☕️ @CodeExplore

🔥 8 عادت که شما رو باهوش‌تر می‌کنه

✅شخصا ورزش، یادگیری مطالب جدید و آموزش دادن رو پیشنهاد میدم. چون نتیجه گرفتم و به نظرم بیشترین تاثیر رو میذاره.

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

☕️ @CodeExplore

💢 هوک useMemo یکی از hook های مهم React هست که به بهبود عملکرد اپلیکیشن‌های React کمک می‌کنه. موقعی که قصد داریم یک مقدار رو بهینه سازی کنیم تا فقط زمانی محاسبه بشه که لازم باشه، useMemo عمل می‌کنه.

مثلاً وقتی یک مقدار به صورت محاسباتی تولید میشه و از اون به عنوان ورودی یک کامپوننت استفاده می‌شه. به جای اینکه هر بار که کامپوننت رندر می‌شه مجدداً این محاسبات انجام بشه، می‌تونیم از useMemo استفاده کنیم تا این مقدار رو یکبار محاسبه کنیم و سپس نتیجه رو ذخیره کنیم تا در زمان‌های بعدی استفاده بشه 😉

به عنوان یک مثال، فرض کنید که ما یک کامپوننت داریم که لیست پست های کاربران رو نمایش می‌ده. ما می‌توانیم از useMemo برای ذخیره نتیجه‌ی محاسباتی مرتبط با لیست پست ها استفاده کنیم تا از دوباره محاسبه کردن زمان‌بر در هر بار رندر ممانعت کنیم و عملکرد سریع‌تری داشته باشیم. همچنین می‌تونیم از useMemo برای حفظ حالت‌های قبلی لیست پست ها استفاده کنیم و این جلوی رندر مجدد کامپوننت رو بگیریم.

import React, { useMemo } from 'react';

const PostList = ({ posts }) => {
  const sortedPosts = useMemo(() => {
    return posts.sort((a, b) => a.date - b.date);
  }, [posts]);

  return (
    <ul>
      {sortedPosts.map((post) => (
        <li key={post.id}>{post.title}</li>
      ))}
    </ul>
  );
};

export default PostList;

در این مثال، ما از useMemo برای مرتب سازی لیست پست ها بر اساس تاریخ استفاده کردیم. useMemo به ما کمک می‌کنه تا هر بار که posts تغییر می‌کنه، مقدار sortedPosts رو دوباره محاسبه کنیم.

➕ با استفاده از useMemo می‌تونیم از بهینه سازی عملکرد کامپوننت‌های React خودمون بهره مند بشیم و استفاده نادرست از حافظه رو کاهش بدیم.

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

بهتره بگیم قبل از ChatGPT !! 👌

#fun
☕️ @CodeExplore

💢 هوک useCallback یکی از hook های مهم React هست که برای بهبود عملکرد و بهینه سازی مصرف حافظه استفاده می‌شه. وقتی یک کامپوننت در React رندر می‌شه، توابع دیگه همیشه مجدداً ایجاد می‌شن. اگه این توابع به عنوان props به کامپوننت های دیگه منتقل بشن، هر بار که کامپوننت والد رندر می‌شه، توابع ایجاد می‌شن. این ممکنه به تکثیر روندهای غیرضروری و هدر رفت حافظه منجر بشه.

اما اینجا useCallback به کمک میاد! وقتی از useCallback استفاده می‌کنیم، یک نمونه از یک تابع ایجاد می‌کنیم و این نمونه تابع تنها زمانی تغییر می‌کنه که ورودی‌هایش تغییر کنن. این به ما این امکان رو می‌ده که از ایجاد مجدد توابع بی‌مورد در هر بار رندر جلوگیری کنیم 😃

حالا یک مثال کاربردی ببینیم. فرض کنید یک کامپوننت داریم که یک دکمه رو ارائه می‌دهد و وقتی کاربر روی اون دکمه کلیک می‌کنه، یک پیام نمایش داده می‌شه. ما می‌توانیم از useCallback برای جلوگیری از ایجاد مجدد تابع handleClick هر بار که کامپوننت رندر می‌شود، استفاده کنیم.

import React, { useCallback, useState } from 'react';

const MessageComponent = () => {
  const [message, setMessage] = useState('');

  const handleClick = useCallback(() => {
    setMessage('Hello, World!');
  }, []);

  return (
    <div>
      <button onClick={handleClick}>Show Message</button>
      <p>{message}</p>
    </div>
  );
};

export default MessageComponent;

در اینجا، ما از useCallback استفاده کردیم تا تضمین کنیم که handleClick تنها زمانی تغییر می‌کنه که ورودی‌هاش تغییر کنند، یعنی در این حالت ورودی‌هی ندارد و همیشه همان تابع می‌ماند.

➕ با استفاده از useCallback می‌توانیم بهبود عملکرد کامپوننت‌های React را ببینیم و مصرف حافظه را بهینه کنیم.

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