تقنيات الويب

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

تقدم هذه المقالة نظرة عامة على أهم التقنيات المستخدمة على الويب اليوم. وهي ليست شاملة، لكنها تعرض أكثر الحلول شيوعًا واستخدامًا.

لغات البرمجة

(x)Html

لغة ترميز تُستخدم لتنظيم وإعطاء معنى لمحتوى الويب. مشتقة من “HyperText Markup Language” وتُختصر بـ HTML. تتيح إنشاء النماذج وإدراج الروابط والصور ومقاطع الفيديو.

CSS

تُستخدم لتنسيق مستند ويب مثل صفحة HTML. تأتي من “Cascading Style Sheets” أو « أوراق الأنماط المتتالية ». وهي قائمة بخصائص المظهر والتموضع (الألوان، الخطوط، الحدود…). تهدف أوراق الأنماط إلى فصل محتوى الصفحة عن مظهرها المرئي.

PHP

PHP هي لغة برمجة تُستخدم لإنشاء صفحات ويب ديناميكية. حوالي 3 من كل 4 مواقع تستخدم PHP بطريقة أو بأخرى.

Javascript

يُستخدم لإضافة الرسوم المتحركة والتأثيرات إلى صفحة الويب. كما يُستخدم لجعل الصفحات تفاعلية وتحسين سهولة الاستخدام أو واجهة المستخدم.

Jquery

مكتبة JavaScript مفتوحة المصدر تسهّل كتابة JavaScript داخل صفحات الويب. تتيح التلاعب بـ HTML، إدارة الأحداث وتبسيط التفاعلات مع الصفحة.

تقنيات أخرى

Mysql

نظام إدارة قواعد بيانات علائقية مفتوح المصدر. يتيح تخزين وتنظيم بيانات موقع الويب مثل المستخدمين أو المقالات أو المنتجات.

Ajax

تقنية تسمح بتحميل البيانات من الخادم دون إعادة تحميل الصفحة. تُستخدم لجعل مواقع الويب أسرع وأكثر تفاعلية.

Nodejs

بيئة تشغيل تسمح باستخدام JavaScript على جانب الخادم. تتيح إنشاء تطبيقات ويب سريعة، خاصة في الوقت الحقيقي.

React

مكتبة JavaScript مفتوحة المصدر طورتها Facebook. تُستخدم لإنشاء واجهات المستخدم، خاصة في تطبيقات الويب ذات الصفحة الواحدة.

Wordpress

نظام إدارة محتوى (CMS) مجاني ومفتوح المصدر. مكتوب بلغة PHP ويعتمد على قاعدة بيانات MySQL. يتيح إنشاء مواقع ويب بسهولة بفضل العديد من الإضافات. أكثر من 40٪ من مواقع الويب تستخدمه.

Prestashop

نظام إدارة محتوى مفتوح المصدر مخصص للتجارة الإلكترونية. يتيح إنشاء وإدارة متجر إلكتروني بسهولة.

Angular

إطار عمل مفتوح المصدر تم تطويره بواسطة Google. يتيح إنشاء تطبيقات ويب من خلال إدارة الصفحات والتفاعلات والبيانات.

Python

لغة برمجة متعددة الاستخدامات ومفتوحة المصدر. تُستخدم لإنشاء مواقع الويب وأتمتة المهام وتطوير التطبيقات.

Vue.JS

إطار عمل JavaScript مفتوح المصدر (يُعرف أيضًا باسم Vue). يُستخدم لإنشاء واجهات المستخدم وتطبيقات الويب.

Symfony

إطار عمل PHP مفتوح المصدر. يتيح إنشاء مواقع وتطبيقات ويب من خلال تسهيل تنظيم الكود وتطويره.

Laravel

إطار عمل PHP مفتوح المصدر مبني جزئيًا على Symfony. يتيح إنشاء مواقع وتطبيقات ويب من خلال تسهيل عملية التطوير.

Ruby

لغة برمجة مفتوحة المصدر كائنية التوجه، صُممت لتكون بسيطة وسهلة الاستخدام. تُستخدم لإنشاء تطبيقات الويب والبرمجيات.

Zend

إطار عمل PHP مفتوح المصدر. يوفر أدوات لإنشاء مواقع وتطبيقات ويب من خلال تنظيم الكود وتسهيل عملية التطوير.

Cakephp

Framework web libre écrit en PHP. Suit la structure MVC et imite le fonctionnement de Ruby on Rails. Il facilite l'utilisation de Bases de données avec Active record.

Apache cordova

Plus anciennement Apache Callback ou PhoneGap, il s'agit d'un framework open-source développé par la Fondation Apache. Il permet de créer des applications pour différentes plateformes (Android, Firefox OS, iOS, Ubuntu, Windows 8...) en HTML, CSS et JavaScript.

Ionic

Framework open-source permettant de construire des applications natives multiplateformes en utilisant les technologies web comme HTML, CSS, Javascript. Ionic est basé initialement sur AngularJS et Apache Cordova.

Joomla

CMS libre et open-source utilisé pour la création de site web (pages, blog, news, flux RSS, sondages, recherches). Joomla est écrit en PHP et utilise une base de données Mysql. Créé à partir du CMS Mambo à la suite de désaccords.

CodeIgniter

Framework libre écrit en PHP suivant le motif MVC. Considéré comme léger et performant, il a été conçu « pour les développeurs qui ont besoin d’une boîte à outils simple et élégante pour créer des applications web complètes ».

Woocommerce

Extension wordpress open-source spécialisée dans la mise en place de boutique e-commerce. À l'heure actuelle, woocomerce est la solution de vente en ligne la plus populaire sur le marché.

Bootstrap

Framework utilisé dans le cadre de création du design des sites et des applications web. Contient un ensemble de codes HTML et propriétés CSS avec des extensions Javascript en option. Un des projets les plus populaires sur la plateforme GitHub

Haml

Le HAML est un langage de balise utilisé pour générer des documents Xhtml sans utiliser la syntaxe Html. Il offre entre autres avantages, un plus grand confort d'écriture du HTML.

Sass

Un des préprocesseur les plus utilisés pour pouvoir gérer facilement les feuilles de style CSS complexes avec des propriétés qui s'adaptent à tous les navigateurs et des facilités d'écriture.

المصادر

إحصائيات استخدام PHP لمواقع الويب (بالإنجليزية)
أرقام ووردبريس 2020

المصطلحات

Framework: مجموعة من المكونات تُستخدم لبناء أساس وهيكل برنامج أو تطبيق ويب

CMS: يأتي من اختصار “Content Management System”

Open-Source: ترخيص يسمح بإعادة التوزيع بحرية والوصول إلى الكود المصدري وإنشاء أعمال مشتقة

MVC: يُعرف أيضًا باسم “Model View Controller”، وهو نمط معماري شائع في تطبيقات الويب

Préprocesseur: في علم الحاسوب، المعالج المسبق هو برنامج يقوم بتعديل الكود قبل ترجمته

حساب تكاليف التطوير

افهم تكاليف التطوير المختلفة والعوامل التي تؤثر على ميزانية المشروع. ...

إنترنت

231

المنهجيات الرشيقة

اكتشف المنهجيات الرشيقة وتعرّف على كيفية تمكينها من تطوير مشاريع أكثر مرونة وسرعة وتركيزًا على احتياجات العميل. ...

إنتاجية

236

احصل على أفضل المقالات لدينا