test-store

 حذف سجل ( DELETE ) الدرس التالي الدرس السابق يمكنك حذف سجلات من جدول موجود باستخدام عبارة " DELETE FROM ": مثال احذف أي سجل (address) بعنوان  "Mountain 21": var mysql = require('mysql'); var con = mysql.createConnection({ host: "localhost", user: "yourusername", password: "yourpassword", database: "mydb" }); con.connect(function(err) { if (err) throw err; var sql = "DELETE FROM customers WHERE address = 'Mountain 21'"; con.query(sql, function (err, result) { if (err) throw err; console.log("Number of records deleted: " + result.affectedRows); }); }); لاحظ عبارة WHERE في بناء جملة DELETE: تحدد جملة WHERE السجل أو السجلات التي يجب حذفها. إذا حذفت جملة WHERE ، فسيتم حذف جميع السجلات!  احفظ الكود أعلاه في ملف بإسم "demo_db_delete.js" وقم بتشغيل الملف: C:\Users\Your Name>node demo_db_delete.js النتيجة Number of records...

 ترتيب حسب MySQL Order By الدرس التالي الدرس السابق فرز النتيجة استخدم عبارة ORDER BY لفرز النتيجة بترتيب تصاعدي أو تنازلي. تقوم الكلمة الأساسية ORDER BY بفرز النتيجة تصاعديًا افتراضيًا. لفرز النتيجة بترتيب تنازلي ، استخدم الكلمة الأساسية DESC. مثال فرز النتيجة أبجديًا حسب name: var mysql = require('mysql'); var con = mysql.createConnection({ host: "localhost", user: "yourusername", password: "yourpassword", database: "mydb" }); con.connect(function(err) { if (err) throw err; con.query("SELECT * FROM customers ORDER BY name", function (err, result) { if (err) throw err; console.log(result); }); }); احفظ الكود أعلاه في ملف  بإسم "demo_db_orderby.js" وقم بتشغيل الملف:  C:\Users\Your Name>node demo_db_orderby.js النتيجة [ { id: 3, name: 'Amy', address: 'Apple st 652'}, { id: 11, name: 'Ben', address: 'Park Lane 38'}, { id: 7, nam...

 تصفية تحديد البيانات باستخدام  الامر"WHERE": الدرس التالي الدرس السابق عند تحديد السجلات من جدول ، يمكنك تصفية التحديد باستخدام الأمر"WHERE": مثال اجلب البيانات بحيث يكون حقل address  يساوي "Park Lane 38": var mysql = require('mysql'); var con = mysql.createConnection({ host: "localhost", user: "yourusername", password: "yourpassword", database: "mydb" }); con.connect(function(err) { if (err) throw err; con.query("SELECT * FROM customers WHERE address = 'Park Lane 38'", function (err, result) { if (err) throw err; console.log(result); }); }); احفظ الكود أعلاه في ملف بإسم "demo_db_where.js" وقم بتشغيل الملف: C:\Users\Your Name>node demo_db_where.js لتكون النتيجة بالشكل التالي [ { id: 11, name: 'Ben', address: 'Park Lane 38'} ] أحرف البدل (بالانجليزية  Wildcard Characters) يمكنك أيضًا تحديد السج...

 جلب البيانات من قاعدة البيانات (Node.js (MySQL  الدرس التالي الدرس السابق لتحديد البيانات من جدول في MySQL ، استخدم  الامر "SELECT". مثال حدد جميع السجلات من جدول "customers" ، وتخزينها في  result object :   var mysql = require('mysql'); var con = mysql.createConnection({ host: "localhost", user: "yourusername", password: "yourpassword", database: "mydb" }); con.connect(function(err) { if (err) throw err; con.query("SELECT * FROM customers", function (err, result, fields) { if (err) throw err; console.log(result); }); }); الامر SELECT * سيرجع جميع البيانات من جدول " customers " احفظ الكود أعلاه في ملف يسمى "demo_db_select.js" وقم بتشغيل الملف: C:\Users\Your Name>node demo_db_select.js لتكون النتيجة بالشكل التالي var mysql = require('mysql'); var con = mysql.createConnection({ host: "localhost", user: "youruser...

إدخال البيانات الى قاعدة البيانات Node.js MySQL الدرس التالي الدرس السابق    إدراج  حقل  في الجدول لملء جدول في MySQL ، استخدم الامر "INSERT INTO". مثال إدخال بيانات في جدول "customers": var mysql = require('mysql'); var con = mysql.createConnection({ host: "localhost", user: "yourusername", password: "yourpassword", database: "mydb" }); con.connect(function(err) { if (err) throw err; console.log("تم الاتصال!"); var sql = "INSERT INTO customers (name, address) VALUES ('Company Inc', 'Highway 37')"; con.query(sql, function (err, result) { if (err) throw err; console.log("تم اضافة حقل واحد"); }); }); احفظ الكود أعلاه في ملف بإسم "demo_db_insert.js" ، وقم بتشغيل الملف: C:\Users\Your Name>node demo_db_insert.js في حال نجح الاستعلام سيطبع البرنامج تم الاتصال! تم اضافة حقل واحد أدخل حقول متعددة لإدراج أكثر من ...

انشاء جدول في قاعدة البيانات الدرس التالي الدرس السابق لإنشاء جدول في MySQL ، استخدم  الامر "CREATE TABLE". تأكد من تحديد اسم قاعدة البيانات عند إنشاء الاتصال : مثال أنشئ جدولاً باسم "customers": var mysql = require('mysql'); var con = mysql.createConnection({ host: "localhost", user: "yourusername", password: "yourpassword", database: "mydb" }); con.connect(function(err) { if (err) throw err; console.log("Connected!"); var sql = "CREATE TABLE customers (name VARCHAR(255), address VARCHAR(255))"; con.query(sql, function (err, result) { if (err) throw err; console.log("Table created"); }); }); احفظ الكود أعلاه في ملف يسمى "demo_create_table.js" وقم بتشغيل الملف:  قم بتشغيل "demo_create_table.js" C:\Users\Your Name>node demo_create_table.js اذا نجح الاتصال سيطبع البرنامج Connected! Table created المفتاح الأ...

إنشاء قاعدة بيانات الدرس التالي الدرس السابق لإنشاء قاعدة بيانات في MySQL ، استخدم الامر "CREATE DATABASE" ثم اسم القاعدة: مثال var mysql = require('mysql'); var con = mysql.createConnection({ host: "localhost", user: "yourusername", password: "yourpassword" }); con.connect(function(err) { if (err) throw err; console.log("Connected!"); con.query("CREATE DATABASE mydb", function (err, result) { if (err) throw err; console.log("Database created"); }); }); احفظ الكود أعلاه في ملف بإسم "demo_create_db.js" وقم بتشغيل الملف: C:\Users\Your Name>node demo_create_db.js في حال نجح الاتصال وأنشاء قاعدة البيانات تيطبع البرنامج الرسالة التالية Connected! Database created

يمكن استخدام Node.js في تطبيقات قواعد البيانات. الدرس التالي الدرس السابق تعد MySQL واحدة من أكثر قواعد البيانات شيوعًا. قاعدة بيانات MySQL لتتمكن من تجربة  الأوامر البرمجية ، يجب أن يكون لديك MySQL مثبتًا على جهاز الكمبيوتر الخاص بك. يمكنك تنزيل قاعدة بيانات MySQL مجانية على  https://www.mysql.com/downloads/ . او يمكنك تنزيل سيرفر محلي (xampp ) مجاني  https://www.apachefriends.org/download.html  يحتوي على MySQL قم بتثبيت برنامج MySQL Driver بمجرد تثبيت MySQL على جهاز الكمبيوتر الخاص بك ، يمكنك الوصول إليه باستخدام Node.js. للوصول إلى قاعدة بيانات MySQL باستخدام Node.js ، تحتاج إلى برنامج تشغيل MySQL. سيستخدم هذا البرنامج التعليمي وحدة (module ) "mysql" ، التي يتم تنزيلها من NPM. لتنزيل وحدة "mysql" وتثبيتها ، افتح Command Terminal وقم بتنفيذ ما يلي: C:\Users\Your Name>npm install mysql الآن قمت بتنزيل وتثبيت برنامج تشغيل قاعدة بيانات mysql. يمكن لـ Node.js استخدا...

 Node.js إرسال بريد إلكتروني الدرس التالي الدرس السابق مكتبة Nodemailer تجعل مكتبة Nodemailer من السهل إرسال رسائل البريد الإلكتروني من جهاز الكمبيوتر الخاص بك. يمكن تنزيل وحدة Nodemailer وتثبيتها باستخدام npm: C:\Users\Your Name>npm install nodemailer بعد تنزيل مكتبة Nodemailer ، يمكنك تضمين المكتبة في أي تطبيق: var nodemailer = require('nodemailer'); أرسل بريدا إلكترونيا أنت الآن جاهز لإرسال رسائل البريد الإلكتروني من الخادم الخاص بك. استخدم اسم المستخدم وكلمة المرور من مزود البريد الإلكتروني المحدد لإرسال بريد إلكتروني. سيوضح لك هذا البرنامج التعليمي كيفية استخدام حساب Gmail الخاص بك لإرسال بريد إلكتروني: مثال var nodemailer = require('nodemailer'); var transporter = nodemailer.createTransport({ service: 'gmail', auth: { user: 'youremail@gmail.com', pass: 'yourpassword' } }); var mailOptions = { from: 'youremail@gmail.com', to: 'myfriend@yahoo.com', subject: '...

تحميل الملفات في (Node.js)     مكتبة Formidable الدرس التالي الدرس السابق هناك مكتبة رائعة للعمل على تحميلات الملفات ، تسمى "Formidable". يمكن تنزيل مكتبة Formidable وتثبيتها باستخدام NPM: C:\Users\Your Name>npm install formidable بعد تنزيل الوحدة النمطية Formidable ، يمكنك تضمين  المكتبة في أي تطبيق تريد: var formidable = require('formidable'); تحميل الملفات أنت الآن جاهز لإنشاء صفحة ويب في Node.js تتيح للمستخدم تحميل الملفات إلى جهاز الكمبيوتر الخاص بك: الخطوة 1: قم بإنشاء نموذج تحميل قم بإنشاء ملف Node.js يكتب نموذج HTML ، مع حقل تحميل: مثال سينتج هذا الرمز نموذج HTML: var http = require('http'); http.createServer(function (req, res) { res.writeHead(200, {'Content-Type': 'text/html'}); res.write('<form action="fileupload" method="post" enctype="multipart/form-data">'); res.write('<input type="file" name="...

 الأحداث (Events) في Node.js Node.js مثالي للتطبيقات التي تعتمد على الأحداث(Events). الدرس التالي الدرس السابق ماهي الأحداث في Node.js كل إجراء يتم إجراؤه على جهاز الكمبيوتر هو حدث. مثل عند إجراء اتصال أو فتح ملف او الظغط على زر ...الخ . يمكن للكائنات في Node.js إطلاق أحداث ، مثل الكائن readStream الذي  يرسل أحداثًا  حدث فتح ملف "open" وإغلاقه "close": مثال var fs = require('fs'); var rs = fs.createReadStream('./demofile.txt'); rs.on('open', function () { console.log('The file is open'); }); احفظ الكود في ملف "demo_events_open.js"وشغل موجه الاوامر C:\Users\My Name>node demo_events_open.js وحدة الأحداث (Events Module) يحتوي Node.js على مكتبة نمطية مدمجة تسمى "Events" ، حيث يمكنك إنشاء الأحداث (Events) الخاصة بك وإستدعائها. لتضمين وحدة الأحداث المضمنة (بالإنجليزية (built-in Events module))، استخدم الدالة require() . بالإضافة إلى ذلك ، فإن جميع خصائص وأساليب الحدث (prop...

 ما هو NPM؟ الدرس التالي الدرس السابق NPM هو مدير المكتبات والحزم المجانية  Node.js  يستضيف موقع www.npmjs.com آلاف المكتبات المجانية للتنزيل والاستخدام. يتم تثبيت برنامج NPM على جهاز الكمبيوتر الخاص بك عند تثبيت Node.js اذا بدأت الدروس من الاول فانت  جاهز بالفعل للتشغيل (NPM )على جهاز الكمبيوتر الخاص بك! ما هي المكتبات؟ تحتوي المكتبات في Node.js على جميع الملفات التي تحتاجها للوحدة النمطية (module). الوحدات النمطية   (modules) هي مكتبات JavaScript يمكنك تضمينها في مشروعك. تنزيل المكتبات تنزيل  مكتبة سهل للغاية. افتح واجهة  موجه الأوامر(cmd) واطلب من NPM تنزيل  المكتبة التي تريدها. أريد تنزيل حزمة تسمى "الأحرف الكبيرة (upper-case)": اختر مسار المجلد الموجود فيه مشروعك   واكتب الامر التالي في موجه الاوامر cmd C:\Users\Your Name>npm install upper-case الآن قمت بتنزيل وتثبيت  المكتبة الأولى الخاصة بك! ...

تعريف بسيط  url الدرس التالي الدرس السابق محدد موقع المعلومات (بالإنجليزية: Uniform Resource Locator اختصاراً URL) بواسطته يتم تحديد مواقع الانترنت. وهو ذلك العنوان الذي تكتبه في شريط العنوان للذهاب إلى مواقع الإنترنت ويسبقه تحديد البروتوكول مثال //:http أو البروتوكول //:ftp وعلى سبيل المثال عنوان هذه الصفحة هو https://itqan7.blogspot.com/   وحدة محدد موقع المعلومات المضمنة (Built-in URL Module)    تقسم وحدة  رابط الموقع (URL Module)   إلى أجزاء قابلة للقراءة.   لتضمين وحدة  رابط الموقع (URL Module) ،نستدعي المكتبة باستخدام  الدالة require() : var url = require('url'); تحليل رابط الموقع  باستخدام  الدالة url.parse () ، وسيرجع لنا  كائن (object)URL مع كل جزء من العنوان كخصائص: مثال التقاط وتقسيم رابط الموقع إلى أجزاء يمكن قراءتها: var url = require('url'); var adr = 'http://localhost:8080/default.htm?year=2017&am...

 وحدة نظام الملفات Node.js الدرس التالي الدرس السابق Node.js كخادم ملفات تسمح لك وحدة نظام الملفات Node.js بالعمل مع نظام الملفات على جهاز الكمبيوتر الخاص بك. لتضمين  وحدة نظام الملفات (File System module)، استخدم الدالة require('fs')  : var fs = require('fs'); الاستخدام الشائع لوحدة نظام الملفات  (File System module): قراءة الملفات            (Read files) أنشاء ملفات              (Create files) تحديث الملفات          (Update files) حذف الملفات            (Delete files) إعادة تسمية الملفات    (Rename files) قراءة الملفات (Read Files) تُستخدم  fs.readFile() method لقراءة الملفات الموجودة على جهاز الكمبيوتر الخاص بك. افترض أنه لدينا ملف HTML التالي (موجود في نفس المجلد الموجود في ملف  Node.js): <html> <body> <h1...

ما هو الموديل المدمج (The Built-in HTTP Module)  الدرس التالي الدرس السابق module  يعني  الوحدة  تحتوي مكتبة Node.js على وحدة نمطية (built-in module) مضمنة تسمى HTTP ، والتي تسمح لـ Node.js بنقل البيانات عبر بروتوكول نقل النص التشعبي (HTTP). لتضمين  module HTTP ، استدعي الدالة  require('http')    : var http = require('http'); خادم ويب (Node.js as a Web Server)  يمكن لوحدة HTTP إنشاء خادم HTTP يستمع إلى منافذ الخادم ويعطي استجابة للعميل.  استخدم  الدالة createServer () لإنشاء خادم HTTP: var http = require('http'); //إنشاء كائن الخادم: http.createServer(function (req, res) { res.write('Hello World!'); //اكتب ردًا على العميل res.end(); //إنهاء الرد }).listen(8080); //فتح الخادم على المنفذ 8080 سيتم تنفيذ الدالة (fuction)التي تم تمريرها إلى الاسلوب (method) http.createServer () ، عندما يحاول شخص ما الوصول إلى الكمبيوتر على المنفذ 8080.   احفظ الكود أعلاه في ملف يسمى "demo_http...

ما هي الوحدة النمطية(module) في Node.js؟ الدرس التالي الدرس السابق  ضع في اعتبارك أن الوحدات النمطية (modules)هي نفسها مكتبات JavaScript. مجموعة من الوظائف التي تريد تضمينها في تطبيقك. وحدات مدمجة يحتوي Node.js على مجموعة من الوحدات المدمجة التي يمكنك استخدامها دون أي تثبيت إضافي. ، تضمين الوحدات Include Modules لتضمين وحدة نمطية ، استخدم الدالة ()   require   مع اسم الوحدة ( module ): <script> var http = require('http'); </script> الآن يمكن للتطبيق الخاص بك الوصول إلى وحدة HTTP ، وهو قادر على إنشاء خادم: <script> http.createServer(function (req, res) { res.writeHead(200, {'Content-Type': 'text/html'}); res.end('Hello World!'); }).listen(8080); </script> قم بإنشاء الوحدات الخاصة بك يمكنك إنشاء الوحدات النمطية   (modules) الخاصة بك ، وتضمينها بسهولة في تطبيقاتك.   يقوم المثال التالي بإنشاء وحدة نمطية  (module)  تقوم بإرجاع كائن التاريخ وا...

 ابدأ تعلم Node.js الدرس التالي      الدرس السابق تنزيل Node.js يحتوي موقع Node.js الرسمي على إرشادات التثبيت لـ Node.js: https://nodejs.org ابدء التعلم بمجرد تنزيل Node.js وتثبيته على جهاز الكمبيوتر الخاص بك ، دعنا نحاول عرض "Hello World" في متصفح الويب. قم بإنشاء ملف Node.js باسم "myfirst.js" ، وأضف الكود التالي: var http = require('http'); http.createServer(function (req, res) { res.writeHead(200, {'Content-Type': 'text/html'}); res.end('Hello World!'); }).listen(8080); احفظ الملف على جهاز الكمبيوتر الخاص بك: C: \ Users \ Your Name \ myfirst.js يخبر الرمز الكمبيوتر أن يكتب "Hello World!" إذا حاول أي شخص (فتح متصفح الويب) الوصول إلى جهاز الكمبيوتر الخاص بك على المنفذ 8080. في الوقت الحالي ، لا يتعين عليك فهم الكود. سيتم شرحه لاحقا.   cmd  موجه الأوامر   ( Command Line Interface ) يجب بدء تشغيل ملفات Node.js في برنامج "Command Line...

الدرس التالي ما هو Node.js؟ Node.js هي بيئة خادم مفتوحة المصدر Node.js مجاني يعمل Node.js على العديد من الأنظمة الأساسية (Windows و Linux و Unix و Mac OS X وما إلى ذلك) يستخدم Node.js JavaScript على الخادم مميزات نود.جي إس من مميزات نود.جي إس سرعة الآداة مع المحافظة على الفاعلية، فسرعتها في إرسال الرسائل البريدية هي 10 أضعاف سرعة بي إتش بي، مع عدد أقل من العمليات الغير ناجحة، من مميزاتها أيضا أنك تستدعي المكتبات التي تعمل عليها في الوقت الذي تريد، الأمر الذي يفضي إلى أفضل استغلال للموارد. سرعة نود.جي إس هي نتيجة لسرعة المحرك الذي تستخدمه الذي يعتبر نواتها. تقوم نود.جي إس بمعالجة النص المصدري سطرا سطرا، من خلال خيط واحد على عكس ما يحدث في PHP مثلا، المعنى أنه لو زار 1000 شخص موقعا يعمل على نود.جي إس فسيتم خدمتهم بالتتالي، المشكل أنه لو أضطر شخص ما لانتظار عملية ما مدة دقيقة فيجب على الكل الانتظار حتى تنتهي تلك العملية، إلا أنه يكمن تفادي...

هو إطار عمل جافا سكريبت لبناء واجهات المستخدم. يعتمد على (HTML و CSS و JavaScript) يوفر نموذج برمجة تعريفي وقائم على المكونات يساعدك على تطوير واجهات المستخدم بكفاءة، سواء كانت بسيطة أو معقدة. إليك ابسط مثال للإنطلاق في فيو ثلاثة <!-- استدعاء مكتبة فيو الإصدار الثالث --> <script src="https://unpkg.com/vue@3/dist/vue.global.js"></script> <div id="app"> <button @click="count++"> عند الضغط فوقي سوف اضاعف العدد: {{ count }} </button> </div> <script> const { createApp, ref} = Vue createApp({ setup() { return { count: ref(0) } } }).mount('#app') </script> يوضح المثال أعلاه السمتين الأساسيتين لـ Vue: العرض التعريفي: يُمكِّن العرض التعريفي المستخدم من تحديد مخرجات HTML بشكل تصريحي اعتمادًا على حالة JavaScript. يتوسع Vue في HTML العادي بمسا...

مقدمة 1- اولا نقوم  بانشاء الصفحة الرئيسية  index.html في اي مكان تريد في سطح المكتب مثلا ونكتب الكود التالي <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script src="https://unpkg.com/vue@next"></script> </head> <body> <div id="app"> {{ counter }} </div> <script> const Counter = { data() { return { counter:0 } } } Vue.createApp(Counter).mount('#app') </script> </body> </html> النتيجة 0

 السلام عليكم ورحمة الله وبركاته  في هذا الدرس سنتعلم تكبير الصور للمنتجات عند مرور الفأرة الماوس على الصورة بلغة vue js 3  سوف استخدم vue cli   اولا افتح cmd و قم بانشاء مشروع جديد باضافة الامر التالي  vue create zoomimage المكتبة المستعملة في التصميم css هي "dependencies": { "bulma": "^0.9.3", } } template انشأ كومبوننت جديد والصق الكود التالي <template> <div class="container"> <section class="section"> <div class="columns"> <div class="column is-1"> <div class="img-zoom-item"> <img v-for="(im, index) in img" :key="index" @click="shangimg(im.imgs)" id="momo" :src="im.imgs" alt="Girl" /> ...