هل سمعت من قبل عن الFull-stack web development ؟
ال stack يرمز لمجموعة التقنيات المستخدمة في عمل مشروع معين، ويتكون كل stack من عدة أجزاء رئيسية وهي:
》تقنيات لبناء الواجهة الأمامية.
》تقنيات لبناء جانب الخادم.
》نظام إدارة قواعد بيانات.
الواجهة الأمامية (front-end)
وهو الجزء المرئي من موقع الويب أو تطبيق الويب و وهو الذي يتفاعل معه المستخدم بشكل مباشر.
التقنيات الأساسية المستخدمة:
HTML لبناء الهيكل
CSS لإضافة الجماليات (التصميم)
Javascript لإضافة العناصر التفاعلية
ويوجد حاليا الكثير من الأُطُر والمكاتب التي تساعد في بناء الواجهة الأمامية، مثل:
1. React.js
2. AngularJS
3. Jquery
4. Bootstrap
5. SASS
6. Vue.js
جانب الخادم (back-end):
وهو الجزء الذي لا يتعامل معه المستخدم بشكل مباشر، وهو الذي يدير إدارة قواعد البيانات والمسؤول عن ربط الواجهة الأمامية بقواعد بيانات.
التقنيات الأساسية هي لغات البرمجة بأنواعها، مثلا:
1. Python
2. Java
3. C#
4. PHP
5. Javascript (Node.js)
بعض الأُطر والمكاتب المستخدمة في بناء الجزء الخلفي من مواقع الويب:
1. Django
2. Spring Boot
3. Asp .NET
4. Laravel
5. Express.js
كل إطار أو مكتبة هو جزء من اللغات البرمجية في الأعلى، حسب الرقم.
قواعد البيانات
تنقسم قواعد البيانات إلى نوعين أساسيين وهما:
1. SQL
2. NoSQL
قواعد البيانات من نوع SQL:
يتم تمثيل وتخزين البيانات على شكل جداول، وتحوي الجداول على أسطر وأعمدة.
أهم أنظمة إدارة قواعد البيانات لها:
1. MySQL
2. PostgraSQL
3. Oracle
4. Microsoft SQL Server
قواعد البيانات من نوع NoSQL
تمتلك نمط غير "علائقي" وقد ويمكنها التعامل مع البيانات غير المنظمة وتخطيطها والتعامل معها.
أهم أنظمة إدارة قواعد البيانات لها:
1. MongoDB
2. Redis
وصلنا لأهم جزء وهو أهم ال stacks المستخدمة حاليا:
1. MEAN stack:
يتضمن التقنيات الآتية:
- MongoDB
- Express
- AngularJS
- Node.js.
2. Django Stack
يتضمن التقنيات:
- Django
- python
- MySQL
3. Ruby on Rails:
وضمنه
- Ruby
- PHP
- MySQL.
أما أشهر الstacks حاليا هو MERN
يرمز MERN إلى التقنيات الآتية:
1. MongoDB
نظام إدارة قواعد البيانات
2. Express.js
إطار عمل يساعد على تطوير تطبيقات الويب على أساس متين ومنظم
3. React.js
مكتبة جافاسكربت تُستخدَم لبناء واجهات المستخدم
4. Node.js
بيئة تشغيل جافاسكريبت، تُستخدم لبناء جهة الخادم (السرفر).
من أهم مميزات هذا الستاك أنه يستخدم لغة برمجية واحدة فقط، وهي الجافاسكربت.
