تجارب ونماذج أولية وكود بنلعب بيه عندنا في 7Code. حاجات صغيرة بنعملها عشان نجرّب أفكار ونطوّر مهاراتنا ونتبسط شوية — وكلها شغّالة لايف في المتصفح بتاعك، مكتوبة بـJavaScript و Canvas من غير أي مكتبات.
اكتب أي كلمة، عربي أو إنجليزي، وسحابة من الجزيئات هتتجمّع وتكتبها.
كانفاس متحرّك: جزيئات صغيرة بيضا وحمرا بتطير وتستقر على شكل الكلمة اللي في الخانة. لما تعدّي عليها بالماوس بتبعد، وبعدين ترجع مكانها.
جرّب اكتب كلمة، وعدّي عليها بالماوس أو بصباعك
جزيئات ماشية مع تيار من الـnoise المتحرّك وبتسيب وراها خطوط بلون البراند.
كانفاس متحرّك: خطوط رفيعة حمرا وبيضا بتجري على خلفية غامقة وماشية مع تيارات ناعمة بتتغيّر ببطء. لما تدوس بيبدأ تيار جديد عشوائي.
جرّب حرّك الماوس أو صباعك عشان تقلّب التيار، ودوس عشان تبدأ من جديد
اعمل باليتة من 5 ألوان متناسقة، ثبّت اللي يعجبك، وشوف التباين بتاعها حسب معايير WCAG.
خمس ألوان. كل لون عليه كود الـHEX (دوس عليه تنسخه)، ونسبة التباين مع الأبيض والأسود وعلامة WCAG AA، وزرار قفل بيثبّت اللون لما تعمل باليتة جديدة.
جرّب دوس Space أو «ألوان جديدة»، ودوس على أي كود عشان تنسخه
شبكة نقط مربوطة بسوست بتتني حوالين الماوس كأنها مغناطيس.
كانفاس متحرّك: شبكة نقط صغيرة متوصّلة بخطوط خفيفة. النقط اللي جنب الماوس بتتزق وتحمرّ، وبعدين تتهز وترجع مكانها. لما تدوس بتطلع موجة دايرية في الشبكة.
جرّب عدّي عليها أو اسحب، ودوس عشان تعمل موجة
اختار اليوم
مين جاي؟
راجع رحلتك
نموذج تجريبي بس: مفيش أسعار ولا دفع، ومفيش حاجة بتتبعت.
هي دي الخطوات كلها.
في مشروع حقيقي، الطلب ده هيوصل على لوحة التحكم عند الشركة وعلى الواتساب. هنا دي تجربة بس — مفيش أي حجز اتعمل.
نموذج لحجز رحلات اليوم الواحد بلغتين — الرحلة، اليوم، العدد، والملخص — معمول لشركات السياحة.
جرّب جرّب الخطوات — مفيش أي حجز حقيقي بيتعمل
نفس الاهتمام ده بنحطّه في المشاريع اللي بنسلّمها: تحميل سريع، استهلاك خفيف للبطارية، وسهلة لأي حد يستخدمها.