info@itcodedev.com رقم 12، معادي السرايات الغربية، المعادي
البريد الالكترونى
info@itcodedev.com
رقم الجوال
01124711700

كيف تبدا مجال تطوير المواقع - ابدا من هنا- - Full Stack Web Developer

كيف تبدا مجال تطوير المواقع - ابدا من هنا- - Full Stack Web Developer

كيف تبدا مجال تطوير المواقع - ابدا من هنا- - Full Stack Web Developer

اول حاجة هنعرف يعني ايه  Stack ؟

وهى مجموعة  من الأشياء والمقصود انك هتتحمل مسؤولية كل شيء في المشروع

واى مشروع عندنا بيكون من 3 طبقات وهم

  • الطبقة الاولى تسمي ب Presentation Layer
  • والطبقة الثانية تسمي ب Business Logic Layer
  • والطبقة الثالثة تسمي ب Database Layer
  • هنكلم عن الطبقة الاولى Presentation Layer 

هى الجزء الظاهر من المشروع ويطلق عليه The Visible Part
وبختصار
هو الجزء الخاص بال Front-End Developer والذي يتعامل فيه مع ال User Interface والجزء الذي يراه زائر الموقع ويحتاج للتقنيات التالية حتى يستطيع عمل هذا الجزء.

Front-End Developer

هو الذي يقوم ببناء الصفحة وتنسيقها ويتعامل مع

 ال Ajax Call وهو الذي يقوم بتعديل الصور وكتابة ال Logic وهو الذي يقوم بعمل كل ما يخص ال Accessibility وحل مشاكل المتصفحات المختلفة وهو الذي يقوم بعمل ال Test الخاص بالتصميم وال Test الخاص بال Logic وهو الذي يكتب ال Docs الخاصة بالتصميم وهو المسؤول عن النقاش مع ال UI/UX بخصوص التصميم وهو الذي يقوم بتحسين المحتوى لصداقة محركات البحث.

ومن هذه اللغات .

Html

حتى تستطيع عمل بنية الصفحة الأساسية Markup

Css

لتتمكن من التعامل مع الألوان والخطوط وال Visuals بصفة عامة

JavaScript

حتى تستطيع عمل الجزء ال Interactive وال Calculation وكتابة ال Logic

Pugjs

أو أي Template Engine آخر لتوفير الوقت كتابة أكواد ال Html وتستفيد بقوة ال JavaScript في كتابة ال Templates

Sass

أو أي PreProcessor آخر لتوفير الوقت في كتابة أكواد Css والإستفادة بقوة لغات البرمجة وللحصول على كود منظم أكثر.

JavaScript Framework

اطار عمل من الموجودين على الساحة وأشهرهم ( Angular, React, Vue ) مع المكتبات والإضافات المتاحة لكل اطار عمل مثل Redux, NuxtJs

jQuery

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

JSON

ال JavaScript Object Notation لتتعلم كيفية التعامل مع البيانات وال APIs الموجودة في المشروع.

  • والطبقة الثانية والثالثة وهي Business Layer + Database Layer 

هى الجزء المخفي الذي لا يراه الناس ويطلق علية Under The Hood
Business Logic Layer

هو الجزء الخاص بال Back-End Developer والذي يتعامل فيه مع البيانات وال Validation وبناء ال Services والبنية الخاص بالنظام وكل ما يخص ال Logic

Back-End Developer

هو الذي يقوم ببناء البنية البرمجية والبنية والإعدادات الخاصة بال Server وهو الذي يقوم ببناء قاعدة البيانات والعلاقات بين الجداول وهو الذي يقوم ببناء ال Services وال APIs وهو الذي يقوم بالتحسينات والأداء الخاص بالعمل وهو الذي يتعامل مع الحماية والنسخ الإحتياطية للمشروع.

وفي هذا المسار هناك الكثير من لغات البرمجة مثل:- .

لغة PHP مع ( YII, Laravel, Symphony )

لغة Python مع ( Django )

لغة Java مع ( Spring )

لغة Ruby مع ( ROR )

لغة C# مع ( .NET )

بيئة Nodejs مع ( Express )

·        والجزء الاخير وهو Database Layer

هو الجزء الخاص بالتعامل مع قواعد البيانات من انشاء وتعديل وعمل Tweaks وتحسين أداء ال Queries وهناك الكثير من قواعد البيانات التي يمكنك العمل عليها مثل:

MySQL

SQLServer

Oracle

MongoDB
*  هندحل على البرامج الى هنستخدمها فى الكورس وتنقسم الى جزئين جزء خاص بــــ :-
1 -
محررات الأكواد Code Editors

هنا تجد قائمة بأحسن محررات الأكواد وأشهرها ويتم تحديث القائمة بإستمرار, ومع وجود الإضافات الخاصة بهذه المحررات يمكنك العمل على معظم لغات البرمجة المشهورة أيضا.

Visual Studio Code
Atom
Brackets
SublimeText
 
2- متصفحات الإنترنت Browsers

هنا تجد قائمة بأحسن متصفحات الإنترنت واشهرها والتي سوف تفيدك في بيئة التصميم والتطوير وهناك الكثير من الإضافات التي تنفعك في عالم الويب.

Google Chrome

Firefox Developer Edition

Opera Browser

التعليقات:

أضف تعليق:

من فضلك سجل دخول حتى تتمكن من أضافة تعليق
تسجيل دخول