موقع sketch2code  لتحويل اي رسم او مخططات الى كود  html و css

السلام عليكم اليوم اخواني سنقوم بشرح لكم موقع sketch2code  الجميل  الذي يقوم بتحويل اي رسم الى كود برمجي html css .
كما يعرف الجميع اننا اليوم بحاجة الى شيئ اسرع ودقيق في تصميم صفحات الويب سواء من جهة التصميم او التطوير ولكن دون جدوى من اللازم كتابة الاكواد باليد وسيأخد منك وقت كتير خصوصا اذا كانت لديك العشرات من الصفحات تنتظرك لبرمجتها او كتابة اكوادها فموقع sketch2code  سيساعدك في ذالك تابع الشرح.
في حالة انت مبرمج مبتدأ او تحتاج تصميم الصفحات وليس لذيك الخبرة في تصميم المواقع و الصفحات فموقع  sketch2code   سيساعدك ايضا.

ماهو موقع sketch2code   

موقع  sketch2code    هو موقع  سهل جدا يساعدك في تصميم صفحات الويب بسهولة اي يحول رسومات رسمتها انت او شخص اخر(انظر الصورة اسفله) الى صفحة مصممة يمكنك التعديل في اكوادها.

صورة توضحية

مؤسس موقع sketch2code   

أعلنت شركة Microsoft في الشهر يناير  عن مشروع جديد اطلقت عليه اسم Sketch 2 Code الذي سمي عليه الموقع ,وهذا الموقع يستخدم تقنية الدكاء الاصطناعي Artificial Intelligence استطاعت من خلالها ميكروسوفت انتاج هذه التقنية  الجميلة هذفها مساعدة المطورين الانتقال بسرعة من النماذج الاولية الى التطوير الحقيقي.

 فكرة موقع sketch2code   

فكرة مشروع او تقنية  sketch2code   انها تمكن المطورين المحترفين و المبتدأين تحويل اي صورة تم تخطيطها او رسمها باليد الى اكواد html  جاهزة للاستعمال  تستخدم هذه التقنية الدكاء الاصطناعي لتطوير الرسومات المرسومة الى صفحات مصممة بشكل جيد. ولكن تقنية  sketch2code    تدعم العناصر الخارجية المرئية لتطبيقات الى حد كتابة هذه الاسطر فهي يعني صالحة لتحويل الصور والرسومات الى اكواد html .
في نظرك انت هل يمكن استخدام هذه التقنية لكتابة الاكواد الداخلية متل اكواد php اترك رأيك  في تعليقات  

مواضع مشابهة لقرائتهم : تصميم صفحة تسجيل الدخول بلغة php

                               تصميم صفحة تسجيل الدخول بلغة c#

 شرح طريقة تحويل الرسومات  في موقع sketch2code   

1- الدخول الى موقع sketch2code    

2-ستجد الواجهة كما في الصورة 

3-تقوم برسم واجهة التي تريد تحويلها بالقلم او اخد صورة مرسومة وجاهزة

4- تضغط على upload design لتحميل الصورة  او تلتقط الصورة بالضغط على  take a picture 

5- تنتظر حتى يتم تحميل الصورة الى كود html 

6- قم بالضغط على  dowonlod your html code كما هو موضح في الصورة

  لتحميل الكود الخاص بك والتعديل عليه كما تريد .

وصلنا الى نهاية الدرس اتمنى لكم رمضان سعيد

لتشجيعنا للمزيد من المواضع اشترك في قناتنا على اليوتوب ستجدونها اعلى الصفحة والبحت عنها بنفس اسم المدونة

--درس عمل deployment لتطبيقات في برنامج  visual studio وتتبيتها على جميع الاجهزة