الأداء عبر تحويل بنكي · المغربتعلَّم · مارِس · أتقِن

الفهرس / البرمجة

تطوير الويب: HTML وCSS وJavaScript

بناء مواقع حديثة من الألف إلى الياء: HTML دلالي وCSS (Flexbox وGrid والتصميم المتجاوب) وJavaScript وDOM وfetch وواجهات REST، وصولًا إلى الموقع الكامل لرياض.

  • من المبتدئ إلى المتوسط
  • 17 درسًا
  • 17 س 20 د

تكوين MasterLinux · نص أصلي

ما الذي ستتعلّمه

  • فهم ما يحدث بين المتصفح والخادم (DNS وHTTP وHTTPS)
  • كتابة صفحات HTML دلالية وسهلة الوصول، مع النماذج والجداول
  • التنسيق باستخدام CSS وإتقان التتالي (cascade) والأولوية (specificity) ونموذج الصندوق
  • بناء تخطيطات متجاوبة باستخدام Flexbox وGrid واستعلامات الوسائط (media queries)
  • البرمجة بلغة JavaScript الحديثة (الدوال، المصفوفات، الكائنات، الأصناف، الوحدات)
  • التعامل مع البرمجة غير المتزامنة باستخدام الوعود (promises) وasync/await
  • التعامل مع DOM والتواصل مع واجهة REST بفضل fetch
  • تسليم موقع سريع وسهل الوصول وآمن، باستخدام npm وأداة تنسيق وأداة فحص (linter)

برنامج التكوين

17 درسًا · 17 س 20 د
القسم 1 — HTML وCSS6 دروس · 4 س 50 د
  1. كيف يعمل الويب: العميل، الخادم، DNS، HTTP والمتصفح معاينة40 د
  2. HTML: بنية الصفحة، الوسوم الدلالية، الروابط والصور معاينة45 د
  3. HTML : formulaires, tableaux et accessibilité 50 د
  4. CSS : sélecteurs, cascade, spécificité, modèle de boîte, unités, couleurs et polices 55 د
  5. Mise en page : Flexbox 45 د
  6. Mise en page : Grid et responsive design (media queries, mobile d'abord) 55 د
القسم 2 — JavaScript5 دروس · 4 س 45 د
  1. JavaScript 1 : variables, types, opérateurs et conditions 55 د
  2. JavaScript 2 : fonctions, portée et fonctions fléchées 50 د
  3. JavaScript 3 : tableaux et objets, map, filter, reduce et JSON 1 س
  4. JavaScript 4 : classes, modules ES et gestion des erreurs 1 س
  5. JavaScript asynchrone : callbacks, promesses et async/await 1 س
القسم 3 — المتصفح والشبكة3 دروس · 2 س 55 د
  1. Le DOM : sélectionner, modifier, créer des éléments et réagir aux événements 1 س
  2. fetch et les API REST : JSON, codes HTTP et CORS 1 س
  3. Stockage navigateur (localStorage, cookies) et sécurité de base (XSS, HTTPS) 55 د
القسم 4 — الجودةدرسان · 1 س 50 د
  1. Outils du développeur front : npm, Vite, formatage, linting et débogage 55 د
  2. Performance et accessibilité : Lighthouse, images et chargement 55 د
القسم 5 — المشروعدرس واحد · 3 س
  1. Projet : le site complet d'un riad (accueil, chambres, réservation en JavaScript) 3 س

المتطلبات

  • معرفة استخدام الحاسوب ومتصفح الويب
  • لا تُشترط أي معرفة بالبرمجة
  • أساسيات الطرفية تساعد في التمارين التطبيقية (يُنصح بدورة «الأساسيات»)

لمن هذا التكوين؟

  • المبتدئون الذين يريدون أن يصبحوا مطوّري ويب
  • طلبة المعلوميات (BTS، DUT، الإجازة) الذين يريدون أساسًا متينًا وعمليًا
  • التجار والحرفيون ومسيّرو الرياضات الذين يريدون فهم مواقعهم وتطويرها
  • مسؤولو الأنظمة الذين يريدون الانتقال إلى التطوير