-
Notifications
You must be signed in to change notification settings - Fork 6
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Loading status checks…
new update
Showing
25 changed files
with
278 additions
and
145 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,31 @@ | ||
export default function NavBar() { | ||
const menus = [ | ||
{ name: "later", href: "/" }, | ||
{ name: "later", href: "/docs" }, | ||
]; | ||
|
||
return ( | ||
<nav class="bg-base-300 w-full py-4 px-8 flex flex-col md:flex-row gap-4"> | ||
<div class="flex items-center flex-1"> | ||
<div class="flex items-center gap-1"> | ||
<image src="/logo.png" class="h-8 w-8" /> | ||
<a href="/" class="text-2xl ml-1 font-bold hover:animate-pulse"> | ||
NakhlahJS | ||
</a> | ||
</div> | ||
</div> | ||
<ul class="flex items-center gap-6"> | ||
{menus.map((menu) => ( | ||
<li> | ||
<a | ||
href={menu.href} | ||
class={"text-gray-500 hover:text-gray-700 py-1 border-gray-500"} | ||
> | ||
{menu.name} | ||
</a> | ||
</li> | ||
))} | ||
</ul> | ||
</nav> | ||
); | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,22 +1,26 @@ | ||
--- | ||
sidebar_position: 2 | ||
title: الوصول إلى المصفوفات متعددة الأبعاد | ||
snippet: احدى طرق التفكير في المصفوفة متعددة الأبعاد | ||
order: 2 | ||
--- | ||
|
||
# الوصول إلى المصفوفات متعددة الأبعاد | ||
|
||
إحدى طرق التفكير في المصفوفة متعددة الأبعاد هي أنها مصفوفة من المصفوفات. عند استخدام الأقواس للوصول إلى المصفوفة الخاصة بك، تشير المجموعة الأولى من الأقواس إلى الإدخالات الموجودة في المصفوفة الخارجية (المستوى الأول)، ويشير كل زوج إضافي من الأقواس إلى المستوى التالي من الإدخالات بالداخل. | ||
إحدى طرق التفكير في المصفوفة متعددة الأبعاد هي أنها مصفوفة من المصفوفات. عند | ||
استخدام الأقواس للوصول إلى المصفوفة الخاصة بك، تشير المجموعة الأولى من الأقواس | ||
إلى الإدخالات الموجودة في المصفوفة الخارجية (المستوى الأول)، ويشير كل زوج إضافي | ||
من الأقواس إلى المستوى التالي من الإدخالات بالداخل. | ||
|
||
```js | ||
const arr = [ | ||
[1, 2, 3], | ||
[4, 5, 6], | ||
[7, 8, 9], | ||
[[10, 11, 12], 13, 14] | ||
[[10, 11, 12], 13, 14], | ||
]; | ||
|
||
const subarray = arr[3]; | ||
const nestedSubarray = arr[3][0]; | ||
const element = arr[3][0][1]; | ||
``` | ||
في هذا المثال، ```subarray``` له القيمة ```[[10, 11, 12], 13, 14]```، و ```nestedSubarray``` له القيمة ```[10, 11, 12]```، و ```element``` له القيمة ```11``` . | ||
|
||
في هذا المثال، `subarray` له القيمة `[[10, 11, 12], 13, 14]`، و `nestedSubarray` | ||
له القيمة `[10, 11, 12]`، و `element` له القيمة `11` . |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,4 +1,4 @@ | ||
{ | ||
"label": "المصفوفات", | ||
"label": "الأرقام", | ||
"order": 4 | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,23 +1,25 @@ | ||
--- | ||
sidebar_position: 2 | ||
title: إنشاء أرقام عشرية | ||
snippet: يمكننا تخزين الأرقام العشرية في المتغيرات أيضا | ||
order: 2 | ||
--- | ||
|
||
# إنشاء أرقام عشرية | ||
|
||
يمكننا تخزين الأرقام العشرية في المتغيرات أيضا. يُشار أحيانًا إلى الأرقام العشرية على أنها أرقام الفاصلة العائمة أو الأعداد العشرية. | ||
يمكننا تخزين الأرقام العشرية في المتغيرات أيضا. يُشار أحيانًا إلى الأرقام العشرية | ||
على أنها أرقام الفاصلة العائمة أو الأعداد العشرية. | ||
|
||
```js | ||
const ourDecimal = 5.7; // رقم عشري | ||
``` | ||
|
||
في JavaScript، يمكنك أيضًا إجراء عمليات حسابية باستخدام الأعداد العشرية، تمامًا مثل الأعداد الصحيحة. | ||
في JavaScript، يمكنك أيضًا إجراء عمليات حسابية باستخدام الأعداد العشرية، تمامًا | ||
مثل الأعداد الصحيحة. | ||
|
||
دعونا نقوم بإجراء عمليات حسابية باستخدام عددين عشريين معًا. | ||
|
||
```js | ||
const prd = 2.0 * 0.0; | ||
console.log(prd) // 0 | ||
console.log(prd); // 0 | ||
|
||
const div = 1.0 / 2.0; | ||
console.log(div) // 0.5 | ||
``` | ||
console.log(div); // 0.5 | ||
``` |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,74 +1,83 @@ | ||
--- | ||
sidebar_position: 1 | ||
title: الأرقام والتعامل معها | ||
snippet: هو نوع بيانات في JavaScript يمثل بيانات رقمية. | ||
order: 1 | ||
--- | ||
|
||
# الأرقام والتعامل معها | ||
|
||
[Number](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number) هو نوع بيانات في JavaScript يمثل بيانات رقمية. | ||
[Number](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number) | ||
هو نوع بيانات في JavaScript يمثل بيانات رقمية. | ||
|
||
## الجمع | ||
الآن لنحاول إضافة رقمين باستخدام JavaScript. | ||
تستخدم JavaScript الرمز ```+``` كعامل إضافة عند وضعه بين رقمين. | ||
|
||
الآن لنحاول إضافة رقمين باستخدام JavaScript. تستخدم JavaScript الرمز `+` كعامل | ||
إضافة عند وضعه بين رقمين. | ||
|
||
```js | ||
const someNumber = 5 + 10; | ||
``` | ||
```someNumber``` الآن لديه القيمة ```15```. | ||
|
||
`someNumber` الآن لديه القيمة `15`. | ||
|
||
## الطرح | ||
يمكننا أيضًا طرح رقم من رقم آخر. | ||
تستخدم JavaScript الرمز ```-``` للطرح. | ||
|
||
يمكننا أيضًا طرح رقم من رقم آخر. تستخدم JavaScript الرمز `-` للطرح. | ||
|
||
```js | ||
const someNumber = 12 - 6; | ||
``` | ||
سيكون لـ ```someNumber``` القيمة ```6```. | ||
|
||
سيكون لـ `someNumber` القيمة `6`. | ||
|
||
## الضرب | ||
يمكننا أيضًا ضرب رقم في آخر. | ||
تستخدم JavaScript الرمز ```*``` لضرب رقمين. | ||
|
||
يمكننا أيضًا ضرب رقم في آخر. تستخدم JavaScript الرمز `*` لضرب رقمين. | ||
|
||
```js | ||
const someNumber = 13 * 13; | ||
``` | ||
سيكون لـ ```someNumber``` القيمة ```169```. | ||
|
||
سيكون لـ `someNumber` القيمة `169`. | ||
|
||
## القسمه | ||
يمكننا أيضًا قسمة رقم على آخر. | ||
تستخدم JavaScript الرمز ```/``` للتقسيم. | ||
|
||
يمكنك بسهولة زيادة أو إضافة واحد إلى متغير باستخدام عامل التشغيل ```++```. | ||
يمكننا أيضًا قسمة رقم على آخر. تستخدم JavaScript الرمز `/` للتقسيم. | ||
|
||
يمكنك بسهولة زيادة أو إضافة واحد إلى متغير باستخدام عامل التشغيل `++`. | ||
|
||
```js | ||
const someNumber = 16 / 2; | ||
``` | ||
سيكون لـ ```someNumber``` القيمة ```8```. | ||
|
||
سيكون لـ `someNumber` القيمة `8`. | ||
|
||
## عامل الباقي | ||
عامل الباقي ```%``` يعطي باقي قسمة رقمين. | ||
|
||
في الرياضيات، يمكن التحقق من أن الرقم زوجي أو فردي عن طريق التحقق من باقي قسمة الرقم على 2. الأعداد الزوجية لها باقي 0، بينما الأرقام الفردية لها باقي 1. | ||
عامل الباقي `%` يعطي باقي قسمة رقمين. | ||
|
||
في الرياضيات، يمكن التحقق من أن الرقم زوجي أو فردي عن طريق التحقق من باقي قسمة | ||
الرقم على 2. الأعداد الزوجية لها باقي 0، بينما الأرقام الفردية لها باقي 1. | ||
|
||
```js | ||
console.log(17 % 2); // 1 | ||
console.log(48 % 2); // 0 | ||
``` | ||
|
||
|
||
## زيادة أو إنقاص رقم | ||
|
||
يمكنك بسهولة زيادة أو إضافة واحد إلى متغير باستخدام عامل التشغيل ```++```. | ||
يمكنك بسهولة زيادة أو إضافة واحد إلى متغير باستخدام عامل التشغيل `++`. | ||
|
||
```js | ||
let i = 0; | ||
i++; // اصبح i = 1 | ||
|
||
// i++ مساوي تماما الى ( i = i + 1 ); | ||
``` | ||
|
||
يمكنك بسهولة إنقاص أو تقليل متغير بمقدار واحد باستخدام عامل التشغيل ```--```. | ||
يمكنك بسهولة إنقاص أو تقليل متغير بمقدار واحد باستخدام عامل التشغيل `--`. | ||
|
||
```js | ||
let i = 0; | ||
i--; // اصبح i = -1 | ||
|
||
// i-- مساوي تماما الى ( i = i - 1; ); | ||
``` | ||
|
||
|
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file was deleted.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,79 @@ | ||
import { StateUpdater, useEffect, useState } from "preact/hooks"; | ||
import { Button } from "../components/Button.tsx"; | ||
|
||
interface CounterProps { | ||
preCode: string; | ||
testCode: string; | ||
} | ||
|
||
declare var window: Window & typeof globalThis; | ||
interface Window { | ||
editor: any; // Replace 'any' with the actual type of your 'editor' property | ||
} | ||
|
||
export default function Editor(props: CounterProps) { | ||
const [output, setOutput] = useState<string>(""); | ||
|
||
useEffect(() => { | ||
const initializeEditor = () => { | ||
if (window.editor) { | ||
window.editor.setValue(props.preCode); | ||
} | ||
}; | ||
window.onload = initializeEditor; | ||
return () => { | ||
window.onload = null; | ||
}; | ||
}, []); | ||
|
||
function handleCodeClear() { | ||
window.editor.setValue(""); | ||
setOutput(""); | ||
} | ||
|
||
function handleCodeRun() { | ||
const code: string | undefined = window.editor.getValue(); | ||
try { | ||
const capturedOutput: string[] = []; | ||
const originalConsoleLog = console.log; | ||
console.log = (...args: any[]) => { | ||
capturedOutput.push(args.map((arg) => JSON.stringify(arg)).join(" ")); | ||
originalConsoleLog(...args); | ||
}; | ||
if (code) { | ||
eval(code); | ||
} | ||
setOutput(`${capturedOutput.join("\n")}`); | ||
console.log = originalConsoleLog; | ||
} catch (error) { | ||
setOutput(`${error}`); | ||
} | ||
} | ||
|
||
return ( | ||
<> | ||
<div class="flex gap-2 px-2"> | ||
<button | ||
class="btn btn-info grow" | ||
onClick={handleCodeRun} | ||
> | ||
Run | ||
</button> | ||
<button | ||
class="btn btn-active btn-ghost grow" | ||
onClick={handleCodeClear} | ||
> | ||
Clear | ||
</button> | ||
</div> | ||
|
||
<div class="bg-base-300 grow overflow-y-scroll mx-2 rounded-lg"> | ||
<pre className=" bg-base-300 overflow-y-hidden p-4"> | ||
|
||
{output} | ||
|
||
</pre> | ||
</div> | ||
</> | ||
); | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file was deleted.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,6 +1,8 @@ | ||
document.addEventListener("DOMContentLoaded", function () { | ||
document.body.style.overflow = "hidden"; | ||
|
||
Split(["#split-0", "#split-1"], { | ||
minSize: 150, | ||
gutterSize: 12, | ||
minSize: 0, | ||
gutterSize: 13, | ||
}); | ||
}); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters