Return to Video

Customize the Portfolio - JavaScript Basics

  • 0:01 - 0:05
    .أما الآن، سنمنحكم أداة رائعةً حقًا في سيركم الذاتية
  • 0:05 - 0:08
    .إذا كنتم تريدون أن تظهر خريطة في أسفل سيركم الذاتية، فقد أصبح الأمر يسيرًا بالفعل
  • 0:08 - 0:10
    .فلنمرر للأسفل ونلقي نظرة
  • 0:10 - 0:13
    .يمكننا أن نرى خريطة المسكن والعمل الرائعة
  • 0:13 - 0:17
    .يمكنكم رؤية علامات الأماكن لكل الأماكن التي عمل بها جيمس
  • 0:17 - 0:19
    .ولإضافة هذه الخريطة لسيركم الذاتية، فإن الأمر بسيط للغاية
  • 0:19 - 0:23
    سأفتح أدوات المطوِّر مرةً أخرى في جزء المصادر
  • 0:23 - 0:26
    .وأضيف هذا السطر إلى builder.js الخاص بسيرتي الذاتية
  • 0:26 - 0:30
    .وأضيف mapdiv.appendgoogleMap
  • 0:30 - 0:35
    داخل helperjs، حصلنا على بعض الدوال المعدة التي تجعل من السهل عليكم
  • 0:35 - 0:38
    إضافة خريطة تضع علامات الأماكن تلقائيًا في الأماكن التي
  • 0:38 - 0:40
    .عشتم فيها وتعلمتم
  • 0:40 - 0:41
    .أضيفوا هذا إلى تعليمتكم البرمجية وانظروا لما سيحدث
  • 0:42 - 0:47
    .أما الدوال في helperjs فتستخدم JSONS الذي تم إنشاؤه في resumebuilder.js
  • 0:47 - 0:50
    وهي تتكرر من خلال المواقع، وتتجول في عمليات بحث جوجل في
  • 0:50 - 0:54
    .في كل تلك المواقع، ثم تستخدم النتائج لتضع دبابيس على الخريطة
  • 0:54 - 0:55
    إنها مدهشة للغاية
  • 0:55 - 0:58
    وهناك اختبار قصير سيتم إجراؤه في قسم مشاكل الممارسة بعد هذه
  • 0:58 - 1:02
    .المحاضرة، حيث ستصبحون قادرين على فصلها لتروا طريقة عملها
  • 1:02 - 1:05
    >> ولكن بخلاف Google Map، لديكم آلاف الخيارات
  • 1:05 - 1:08
    .لتجعلوا سيركم الذاتية مثيرة وتفاعلية
  • 1:08 - 1:13
    .ولكي تبدأوا في ذلك، جربوا تحرير CSS لسيركم الذاتية لتضعوا له أنماطًا تناسبكم
  • 1:13 - 1:18
    .إذا لم تكونوا على دراية بـ CSS، اطلعوا على دورتنا الدراسية حول HTML وCSS
  • 1:18 - 1:19
    .وهو موجود في ملاحظات المدرب
  • 1:20 - 1:23
    >> أو يمكنكم حتى استخدام مكتبة مثل D3 لإضافة مخطط
  • 1:23 - 1:25
    .يساعد الأشخاص على رؤية مهاراتكم
  • 1:26 - 1:27
    .أُفضِّل هذا المخطط
  • 1:27 - 1:31
    من المفيد للغاية التنقيب داخل مكتبة D3 لمطالعة المخططات والرسومات
  • 1:31 - 1:34
    .والمرئيات الرائعة فعلا والتي يمكنكم أن تضيفوها بسهولة إلى سيركم الذاتية
  • 1:34 - 1:37
    ،>> وعندما تكونوا داخل المكتبة، راجعوا الروابط الموجودة في ملاحظات المدرب
  • 1:37 - 1:39
    .في السير الذاتية الرائعة الأخرى الموجودة على الإنترنت
  • 1:39 - 1:42
    .استلهموا منها بعض الأفكار وحاولوا أن تخصصوا سيركم الذاتية
Tytuł:
Customize the Portfolio - JavaScript Basics
Opis:

more » « less
Video Language:
English
Team:
Udacity
Projekt:
ud804 - Javascript Basics
Duration:
01:44

Arabic subtitles

Revisions