كيف اصنع لوحة تحكم كلوحة قوقل درايف ؟

حتى تقوم بعمل واجهة مشابهة للوحة التحكم الخاصة بقوقل درايف يجب أن تكون متمكنًا من الـJavascript، فكل ما تراه من وظائف على واجهة المتصفح

يتم تطويره باستخدام الـJavascript.

وإن لم يمكن استخدام Javascript صعبًا إلا أن عمل تطبيق به الكثير من الخصائص مثل Google Drive يتطلب جهدًا كبييرًا وكتابة الكثير مو الأكواد، لذلك يمكنك الاستعانة بأحد أطر العمل Frameworks أو المكتبات Libraries للـJavascript ومن أشهرها: React.js وAngular وVue.js.

وهنالك مثلاً مكتبات متخصصة بوظائف معينة، مثلاً مكتبة DropzoneJS توفر لك طريقة سهلة لتنفيذ السحب والافلات لرفع الملفات، وكذلك مكتبة PDF.js والذي تمكنك من عرض ملفات الـpdf على المتصفح، ويمكن استخدام هذه المكتبات مع أي من أطر العمل أعلاه أو مع Javascript لوحدها.

أما بالنسبة لما يتسخدمه قوقل فلديهم مكتباتهم وأطر العمل الخاصة بها، وبعضها منشور ومفتوح المصدر تستطيع استخدامه مثل Closure Library. 

إضافة:

بالنسبة لسؤالك عن دروس مرئية لتحقيق ذلك، فللأسف لا أعرف أي دروس باللغة العربية، وقد يفيدك أحد أخوة في الموقع بدروس باللغة العربية.

إما إذا كنت تستطيع المتابعة باللغة الإنجليزية فهنالك الكثير من الدورات المتلعقة بـJavascript ولكن لا أعرف دورة محددة في المجال الذي طلبته (واجهة مشابهة لقوقل ورفع الملفات بالسحب والإفلات).

ومثل ما ذكرت فإن عمل تطبيق مشابه لقوقل درايف يتطلب إلمام بالـJavscript، وإن كنت مصممًا على عمله، يمكنك تطوير مهاراتك في الـJavascript حتى تصل إلى ما تريده. وهذي بعض المصادر التي تفيدك في تعلم اللغة من المستوى المبتدئ حتى المتقدم.

يمكنك البدء بالقراءة في أساسيات الـJavascript ولعل أفضل مرجعين هما w3schools و MDN JavaScript Guide

وللدورات المرئية فيمكنك مشاهدة JavaScript Essential Training من موقع Lynda.com

وهناك الكثر من الدورات على YouTube وUdemy مثل دورة Javascript Essentials المجانية.

وللمستوى المتوسط يمكنك مشاهدة هذه الدورة المجانية من JavaScript30

وبعد أن تتمكن من الأساسيات يمكنك المتابعة بتعلم أحد أطر العمل والتي تساعدك في بناء تطبيقات Javascript.

ويمكن متابعة هذه القناة في اليوتيوب Academind وصاحب القناة Maximilian Schwarzmuller لديه الكثير من الدورات في Udemy.

ملاحظة: الواجهة والـJavascript هي جزء واحد من الموقع أو التطبيق، والجزء الثاني المهم هو التطبيق الذي يعمل على الخادم Server-side / backend application والذي يقوم بمعالجة طلبات رفع الملفات وحفظها ويمكنك عمله بلغات أخرى مثل PHP وكذلك Node.js والتي تستخدم الـJavascript.

كل الشكر استاذي العزيز على الرد , هل يمكنك ان تجود علي , وتضع بعض الدروس المرئية لتحقيق هذه الغاية ؟