Web Development Code

شرح بسيط عن لغة sass هذه لغة تضيف البرمجة الى css ... عند سماعك لهذه الجملة ستقول غريب او مش صدق ... لكن ليش بدنا برمجة بتصميم ؟ مثلا اذا كنت عم تشتغل على framework خاص فيك كبديل لل bootstrap بستعمال sass تقدر تحط متغيرات و صفحات خاصة بلأزرار و الألوان و التنسيق وال responsive يمكن بلغة sass ضم كل هذه صفحات بصفحة واحدة css بنسختين العادية وال min اي الكود مضغوط بسطر واحد افضل قناة لتعليم sass بلعربي : https://youtube.com/playlist?list=PLDoPjvoNmBAz6bF7qObm2a1mLN_WHAWQo مشروع بسيط لتدريب على لغة sass بلعربي : https://youtube.com/playlist?list=PLDoPjvoNmBAz9sluuyOWPifXvySgrGma8

يضع هذا الكتاب المُوجز القارئ على أعتاب عالم تصميم تجربة المُستخدمين UX، وهو علم له قواعده وأصوله وأدواته، ويهدف إلى تعريف القارئ المُبتدئ بأساس هذا العلم وكيف يُطبّق على المُنتجات الرّقمية من مواقع ويب خدميّة وتطبيقات على الأجهزة الذّكية وصولًا إلى التّصميم الأمثل الّذي يُوفِّق بين هدف المُستخدم أوّلًا وهدف الخدمة التّجاريّ، الأمر الّذي يعني منتجًا ناجحًا.

رافقت زيادة استخدام شبكة الإنترنت زيادةً كبيرةً في عدد الحواسيب التي تعمل مخدماتٍ لمختلف الخدمات الشائعة، كمواقع الويب والبريد الإلكتروني والمراسلة الفورية وخواديم الملفات وخلافه؛ وقد أثبت لينُكس تفوقه في مجال الخواديم، وخصوصًا بعد الانتشار الواسع لتوزيعة أوبنتو الخاصة بالخواديم؛ الذي يُعنى هذا الدليل بشرح طرق تثبيت وضبط مختلف خدماتها. آمل أن يكون هذا الكتاب إضافةً مفيدةً للمكتبة العربية؛ وأن يفيد القارئ العربي في تعلم إدارة أشهر نظام لتشغيل الخواديم. والله وليُّ التوفيق.

Website design channel ابدأ معنا من الصفر الى الاحتراف تصميم مواقع الانترنت (html css js) 🌐💻 رابط القناة البرمجة العامه مختصه بكل اللغات البرمجية هنا تجدونها اضغط هنا على الرابط مع التقدير https://t.me/joinchat/AAAAAFenNxUbjI5602XUWQ #البرمجة العامة برامج لابتوب واندرويد مجانية 💻 _كورسات منوعة_المكتبة البرمجية العامة _التصميم بانواعه + مختصه بكل لغات البرمجة رابط القناة الرسمية / https://t.me/joinchat/AAAAAFAMeI-HvHX2qPlNoA

sockets library: https://www.php.net/manual/en/book.sockets.php

Website design channel ابدأ معنا من الصفر الى الاحتراف تصميم مواقع الانترنت (html css js) 🌐💻 رابط القناة هذه https://t.me/joinchat/UAx4j4e8dfao-U2g #البرمجة العامة برامج لابتوب مجانية 💻 _كورسات منوعة_المكتبة البرمجية العامة _التصميم بانواعه + مختصه بكل لغات البرمجة رابط القناة الرسمية / https://t.me/joinchat/V6c3FRuMjnrTZdRZ

في السنوات الأخيرة انتشر على الصعيد العالمي نظام العمل عن بُعد، حيث تلجأ العديد من الشركات والمؤسسات – وكذلك الأفراد – إلى الاستعانة بأفراد يعملون عن بُعد من المنزل أو أي مكان في العالم عبر الإنترنت. تلجأ الشركات إلى العاملين عن بُعد في مختلف التخصصات، منها على سبيل المثال لا الحصر العاملين في مجال البرمجة، وتحرير النصوص، والتسويق الشبكي، والتسويق الإلكتروني،  والهندسة، والتصميم والإعلانات، والترجمة، والديكور الداخلي، وإدخال البيانات، وبعض أعمال السكرتارية، وحجز تذاكر الطيران، وكتابة المقالات، وبعض أعمال العلاقات العامة عبر الإنترنت، وتصميم المواقع الإلكترونية وإدارة المواقع الإلكترونية، والدراسات والتحاليل السوقية وغيرها من التخصصات. ولابُد أن السؤال الذي يبادرنا هو: لماذا كل هذه الأهمية لنظام العمل عن بُعد، وكيف يمكنني الاستفادة من هذا النظام في مؤسستي؟ تعالوا لنتعرف معاً على الجواب من خلال هذا الكتاب

في السنوات الأخيرة انتشر على الصعيد العالمي نظام العمل عن بُعد، حيث تلجأ العديد من الشركات والمؤسسات – وكذلك الأفراد – إلى الاستعانة بأفراد يعملون عن بُعد من المنزل أو أي مكان في العالم عبر الإنترنت. تلجأ الشركات إلى العاملين عن بُعد في مختلف التخصصات، منها على سبيل المثال لا الحصر العاملين في مجال البرمجة، وتحرير النصوص، والتسويق الشبكي، والتسويق الإلكتروني،  والهندسة، والتصميم والإعلانات، والترجمة، والديكور الداخلي، وإدخال البيانات، وبعض أعمال السكرتارية، وحجز تذاكر الطيران، وكتابة المقالات، وبعض أعمال العلاقات العامة عبر الإنترنت، وتصميم المواقع الإلكترونية وإدارة المواقع الإلكترونية، والدراسات والتحاليل السوقية وغيرها من التخصصات. ولابُد أن السؤال الذي يبادرنا هو: لماذا كل هذه الأهمية لنظام العمل عن بُعد، وكيف يمكنني الاستفادة من هذا النظام في مؤسستي؟ تعالوا لنتعرف معاً على الجواب من خلال هذا الكتاب

معنى Socket هو المقبس وهي واجهة تحكم اشبه بالباب للسماح بارسال الرسائل بين العمليات (Processes) ويلزمنا فيها عنوان الاي بي + البورت + البروتوكول ​ طبعا الشرح هنا على بروتوكول TCP بسم الله نبدأ الشرح الخادم او السيرفر:​ نفتح ملف php جديد وليكن اسمه server.php ونضع فيه الكود التالي: [PHPCODE]<?php //نقوم بتعرف المتغيرين الاساسيين وهما عنوان الايبي والبورت $host = "127.0.0.1"; $port = 25003; // هذه الدالة لتحديد اقصى وقت لازم لتنفيذ البرنامج //اذا كانت القيمة صفر كما هي هنا فليس هناك وقت اجباري set_time_limit(0); // اولا ننشئ ال socket باستخدام الداله socket_create ( int $domain , int $type , int $protocol ) //الباراميتر : //int $domain : وهو لتحديد عائلة البروتوكول يأخذ القيم AF_INET و AF_INET6 و AF_UNIX //int $type : وهو نوع الاتصال المستخدم ويأخذ القيم SOCK_STREAM و SOCK_DGRAM و //SOCK_SEQPACKET و SOCK_RAW و SOCK_RDM //int $protocol : وهو نوع البروتوكول يأخذ القيم icmp و udp و tcp //هنا استخدمنا القيمة 0 وهي تعني نفس البروتوكول في الملف //die : وهي تقريبا بمعنى خروج $socket = socket_create(AF_INET, SOCK_STREAM, 0) or die("Could not create socket\n"); //اضافة البورت الى ال socket // نستخدم الدالة socket_bind ( resource $socket , string $address [, int $port = 0 ] ) //الباراميتر : //$socket : وهي من نوع socket //$address : وهو عنوان الايبي //$port : وهو البورت $result = socket_bind($socket, $host, $port) or die("Could not bind to socket\n"); // البدء بالانصات للاتصال //نستخدم الدالة socket_listen ( resource $socket [, int $backlog = 0 ] ) $result = socket_listen($socket, 3) or die("Could not set up socket listener\n"); // السيرفر دائما يقوم باستقبال الطلبات من العملاء // لذلك نعمل دوران باستخدام ال While حتى يبقى السيرفر شغال وجاهز لاستقبال الطلبات طبعا هنا الشرط دائما يتحقق لذلك يبقى السيرفر شغال while (true){ //استقبال ال sockets من العملاء //الداله socket_accept($socket) $spawn = socket_accept($socket) or die("Could not accept incoming connection\n"); //طبعا البرنامج هذا يقوم بقراءة نص من العميل ثم يقوم بطباعتة معكوس + الايبي الخاص بالعميل // لقراءة معلومات العميل وتخزينها في متغير //الداله socket_read ( resource $socket , int $length) الباراميتر : $length : طول النص $input = socket_read($spawn, 1024) or die("Could not read input\n"); //نقوم بحذف الفراغات من اول النص واخره (spaces) $input = trim($input); echo "Client Message : ".$input; // عكس النص وتخزينه في متغير $output = "\n".strrev($input) .$_SERVER['SERVER_ADDR']. "\n"; //ثم نقوم بكتابه التعديلات على socket ثم اعادتها الى العميل //الداله socket_write ( resource $socket , string $buffer [, int $length = 0 ] ) الباراميتر : //$buffer : وهو النص او مجموعه الكلمات socket_write($spawn, $output, strlen ($output)) or die("Could not write output\n"); } // نقفل جميع ال socket socket_close($spawn); socket_close($socket); ?>[/PHPCODE]​ العميل :​ نفتح ملف php جديد وليكن اسمه client.php ونضع فيه الكود التالي: [PHPCODE]<html> //نقوم بعمل فورم لادخال النص وذلك لتجربة الاتصال بين الخادم والعميل <body> <form> <input type="text" name="msg"> <input type="submit" name="btn"> </form> <?php ننشئ المتغيران الرئيسيان عنوان الايبي و البورت البورت لازم يكون ثابت في الخادم والعميل $host = "127.0.0.1"; $port = 25003; طبعا هذا الشرط يتحقق بعد الضغط على الزر في الفورم if (isset($_REQUEST['btn'])){ $message = $_REQUEST['msg']; echo "Message To server : ".$message; // اولا ننشئ ال socket $socket = socket_create(AF_INET, SOCK_STREAM, 0) or die("Could not create socket\n"); // نقوم بالاتصال بالسيرفر $result = socket_connect($socket, $host, $port) or die("Could not connect to server\n"); // نبعث القيمة النصيه للسيرفر من خلال ال socket socket_write($socket, $message, strlen($message)) or die("Could not send data to server\n"); // نستقبل ال socket من السيرفر ونقوم بقراءة معلوماتها $result = socket_read ($socket, 1024) or die("Could not read server response\n"); echo "\nReply From Server : ".$result; // واخيرا نغلق ال socket socket_close($socket); } ?> </body> </html>[/PHPCODE]​ @codedevelopment

سلام عليكم انا Mounib Kamhaz وصرت صاحب القناة رح انشر قليل بس شغلات المهمة و المتقدمة و للمساعدة لمتابعتي: حسابي الرسمي على فيسبوك: https://fb.me/mounibkamhaz صفحتي رسمية على الفيسبوك (رح انشر عليها مشاريعي في الأيام القادمة) https://fb.me/mounibkamhazdeveloper حسابي على codepen ( بنشر فيه شغلات في التصميم ... ) https://codepen.io/mounibkamhaz حسابي على تلكرام: https://t.me/mounibkamhaz

Free Web Development Resources Learning Platforms: ⧩ freecodecamp.org ⧩ codecademy.com ⧩ javascript30.com ⧩ frontendmentor.io ⧩ testautomationu.applitools.com ⧩ coursera.org ⧩ khanacademy.org ⧩ sololearn.com Free Hosting: ⧩ netlify.com ⧩ firebase.google.com ⧩ aws.amazon.com ⧩ heroku.com ⧩ pages.github.com ⧩ vercel.com ⧩ surge.sh ⧩ render.com ⧩ docs.gitlab.com/ee/user/project/pages Coding Challenge Platforms: ⧩ codewars.com ⧩ topcoder.com ⧩ codingame.com ⧩ hackerrank.com ⧩ projecteuler.net ⧩ coderbyte.com ⧩ codechef.com ⧩ exercism.io ⧩ leetcode.com ⧩ spoj.com Freelancing platforms: 📌 toptal.com 📌 upwork.com 📌 freelancer.com 📌 peopleperhour.com 📌 simplyhired.com 📌 envato.com 📌 guru.com 📌 fiverr.com 📌 hireable.com 📌 6nomads.com List of websites to find remote jobs: 📌 flexjobs.com 📌 remote.co/remote-jobs 📌 justremote.co 📌 weworkremotely.com 📌 remoteok.io 📌 jobspresso.co 📌 europeremotely.com 📌 wfh.io Photos: 📷 unsplash.com 📷 pixabay.com 📷 pexels.com Illustrations: ⧩ undraw.co/illustrations ⧩ drawkit.io ⧩ icons8.com/ouch ⧩ iradesign.io ⧩ interfacer.xyz ⧩ blush.design Icons: ⧩ fontawesome.com ⧩ flaticon.com ⧩ icons8.com ⧩ material.io/resources/icons ⧩ iconmonstr.com Fonts: ✍️ fonts.google.com ✍️ fontspace.com ✍️ 1001fonts.com ✍️ fontsquirrel.com Youtube Channels: 🔗 Traversy Media 🔗 FreeCodeCamp 🔗 The Net Ninja 🔗 Google Chrome Developers 🔗 The New Boston 🔗 Derek Banas 🔗 Academind Podcasts: 🔗 Syntax 🔗 Fullstack radio 🔗 The Changelog 🔗 The Laracasts Snippet 🔗 Front End Happy Hour 🔗 JavaScript Jabber Archives 🔗 Commit Your Code! 🔗 Shop Talk 🔗 Ladybug Podcast 🔗 CodePen Radio 🔗 JAMStack Radio 🔗 Modern Web Code Editors: 🚀 Visual Studio Code [VS Code] 🚀 Sublime Text 🚀 Atom 🚀 Brackets 🚀 Vim Color Palettes: 🎨 coolors.co 🎨 colorhunt.co 🎨 paletton.com 🎨 color-hex.com 🎨 mycolor.space UI Inspiration: ⧩ uimovement.com ⧩ uigarage.net ⧩ collectui.com ⧩ httpster.net Docs: 🔥 developer.mozilla.org 🔥 w3schools.com 🔥 w3docs.com 🔥 devdocs.io 🔥 free-for.dev ##Animation Libraries: ⧩ CSShake ⧩ Animate.css ⧩ AnimeJS ⧩ GreenSock (GSAP) ⧩ Magic Animations ⧩ Hover css ⧩ AniJS ⧩ Wicked CSS ⧩ Tuesday ⧩ Mo.js ⧩ Bounce.js Charts / Data Visualization: 📊 Chart.js 📊 D3.js 📊 three.js Chrome Extensions: 🔖 Web Developer 🔖 CSSViewer 🔖 Wappalyzer 🔖 JSONView 🔖 Lorem Ipsum Generator Website Optimization Tools: ⚡ Google PageSpeed Insights ⚡ GTmetrix ⚡ WebPageTest ⚡ Yslow