✅ ان اخترت Vue JS يمكنك استخدام Vue Native
✅ ان اخترت React JS يمكنك استخدام React Native
✅ بالنسبة الى Angular يمكنك استخدام Ionic .
بعض النقاط يجب التركيز عليها أثناء تعلم هذه الاطارات :
- عمل الكثير من المشاريع
ان اردت دورة اجنبية لتعلم React Native ارشح لك الدورة التالية :
https://www.youtube.com/watch?v=qSRrxpdMpVc
ان اردت دورة اجنبية لتعلم Vue Native ارشح لك الدورة التالية :
https://www.youtube.com/watch?v=8e0XHPylhj0
ان اردت دورة اجنبية لتعلم Ionic ارشح لك الدورة التالية :
https://www.youtube.com/watch?v=r2ga-iXS5i4
بالنسبة الى برامج سطح المكتب فالاطار المشهور هو :
✅ اطار ElectronJS
بعض النقاط يجب التركيز عليها أثناء تعلم هذا الاطار :
- عمل الكثير من المشاريع
ان اردت دورة اجنبية لتعلم ElectronJS ارشح لك الدورة التالية :
https://www.youtube.com/watch?v=2RxHQoiDctI
#مستوى_اضافي
في هذا المستوى عليك تعلم :
✅ الـ Git
✅ التعمق في مفاهيم Web Security (مثل: Cors، https ... الخ)
في الاخير الامر راجع اليك في التقدم الى الامام والبحث عن التقنيات الجديدة والتعمق اكثر واكثر.
----------------------------------------------------------------------
@في حالة ما اذا اخترت تطوير انظمة المواقع فإليك هذا المسار والذي قسمته الى 6 مستويات رئيسية :
#الصفر
تعلم بعض اساسيات Front End (المستوى الاول، والثاني وان شئت الثالث فلا بأس)
#الأول
في هذا المستوى سوف تختار لغة برمجة تتعامل معها، وسوف ترافقك طيلة المشوار، و على اي اساس سوف تختار فالامر اتركه لك في البحث والمقارنة بين اللغات و اختيار ما يُناسبك.
وارشح لك التالي :
✅ لغة PHP
✅ لغة Java Script (تحدثنا عنها سابقا ان اخترتها فانت متقن لأساسياتها)
✅ لغة Python
✅ لغة C#
كل لغة لديها اساسيات يجب ان تتعلمها مثل: المتغيرات، حلقات التكرار، الحالات الشرطية ... الخ
ان اردت دورة اجنبية لتعلم PHP ارشح لك الدورة التالية :
https://www.youtube.com/watch?v=OK_JCtrrv-c
ان اردت دورة عربية لتعلم PHP ارشح لك الدورة التالية :
https://www.youtube.com/watch?v=pszZMzI9a7A
ان اردت دورة اجنبية لتعلم Python ارشح لك الدورة التالية :
https://www.youtube.com/watch?v=rfscVS0vtbw
ان اردت دورة عربية لتعلم Python ارشح لك الدورة التالية :
https://www.youtube.com/watch?v=nyz2sieUtsI
ان اردت دورة اجنبية لتعلم C# ارشح لك الدورة التالية:
https://www.youtube.com/watch?v=GhQdlIFylQ8
ان اردت دورة عربية لتعلم C# ارشح لك الدورة التالية :
https://www.youtube.com/playlist?list=PLF8OvnCBlEY0UEgX-PDJduL5Tyv4Estam
#الثاني
الان لو اخترت لغة PHP يمكنك الشروع في تطوير اول صفحاتك الديناميكية دون اي مشكل، لكن ان اخترت احد اللغات الاخرى سوف يتحتم عليك التالي:
✅ ان اخترت لغة JS سوف يتحتم عليك تعلم NodeJS (اضافة الى ExpressJS )
✅ ان اخترت لغة Python سوف يتحتم عليك تعلم Django
✅ ان اخترت لغة C# سوف يتحتم عليك تعلم ASP.NET
✅ للـ PHP اطار جميل ايضا يدعى Laravel
ان اردت دورة اجنبية لتعلم NodeJS ارشح لك الدورة التالية:
https://www.youtube.com/watch?v=RLtyhwFtXQA
ان اردت دورة عربية لتعلم NodeJS ارشح لك دورة اخي اسامة :
https://www.youtube.com/playlist?list=PLfDx4cQoUNOa3EiUpjO04DVxEE9Ox12ta
ان اردت دورة اجنبية لتعلم Django ارشح لك الدورة التالية:
https://www.youtube.com/watch?v=F5mRW0jo-U4
ان اردت دورة أجنبية لتعلم ASP.NET ارشح لك الدورة التالية:
https://www.youtube.com/watch?v=C5cnZ-gZy2I
ان اردت دورة اجنبية لتعلم Laravel ارشح لك الدورة التالية:
https://www.youtube.com/watch?v=MFh0Fd7BsjE
ان اردت دورة عربية لتعلم Laravel ارشح لك دورة اخي اسامة (وتحية له Djaidri Oussama ) :
https://www.youtube.com/playlist?list=PLfDx4cQoUNOaQBbxWm4HhZ8l6aEdPiO6T
#الثالث
في هذا المستوى سوف تتعلم التعامل مع قواعد البيانات:
✅ ان اخترت SQL: يمكنك تعلم PostgreSQL، MySQL، MariaDB
✅ ان اخترت NoSQL: يمكنك تعلم MongoDB.
الدورات في هذه التقنيات لا تعد ولا تحصى يمكنك ايجادها بسهولة
#الرابع
في هذا المستوى سوف تتعلم REST APIs، ويمكنك البحث عن هذا الموضوع والتعمق فيه بنفسك حتى تعتاد طريقة البحث.
#الخامس
في هذا المستوى سوف تتعلم Testing :
✅الـ Integration Testing
✅الـ Unit Testing
✅ الـ Functional Testing
#السادس
في هذا المستوى سوف تتعلم امور الحماية مثل :
✅الـ Hashing Algorithms
✅الـ SSL/TLS
✅الـ OWASP Securtiy Risks
والكثير من الامور التي يجب عليك القراءة والتعمق فيها.
والباقي عليك الان في التعمق اكثر وتعلم التقنيات الجديدة والحصرية.
✅ ان اخترت React JS يمكنك استخدام React Native
✅ بالنسبة الى Angular يمكنك استخدام Ionic .
بعض النقاط يجب التركيز عليها أثناء تعلم هذه الاطارات :
- عمل الكثير من المشاريع
ان اردت دورة اجنبية لتعلم React Native ارشح لك الدورة التالية :
https://www.youtube.com/watch?v=qSRrxpdMpVc
ان اردت دورة اجنبية لتعلم Vue Native ارشح لك الدورة التالية :
https://www.youtube.com/watch?v=8e0XHPylhj0
ان اردت دورة اجنبية لتعلم Ionic ارشح لك الدورة التالية :
https://www.youtube.com/watch?v=r2ga-iXS5i4
بالنسبة الى برامج سطح المكتب فالاطار المشهور هو :
✅ اطار ElectronJS
بعض النقاط يجب التركيز عليها أثناء تعلم هذا الاطار :
- عمل الكثير من المشاريع
ان اردت دورة اجنبية لتعلم ElectronJS ارشح لك الدورة التالية :
https://www.youtube.com/watch?v=2RxHQoiDctI
#مستوى_اضافي
في هذا المستوى عليك تعلم :
✅ الـ Git
✅ التعمق في مفاهيم Web Security (مثل: Cors، https ... الخ)
في الاخير الامر راجع اليك في التقدم الى الامام والبحث عن التقنيات الجديدة والتعمق اكثر واكثر.
----------------------------------------------------------------------
@في حالة ما اذا اخترت تطوير انظمة المواقع فإليك هذا المسار والذي قسمته الى 6 مستويات رئيسية :
#الصفر
تعلم بعض اساسيات Front End (المستوى الاول، والثاني وان شئت الثالث فلا بأس)
#الأول
في هذا المستوى سوف تختار لغة برمجة تتعامل معها، وسوف ترافقك طيلة المشوار، و على اي اساس سوف تختار فالامر اتركه لك في البحث والمقارنة بين اللغات و اختيار ما يُناسبك.
وارشح لك التالي :
✅ لغة PHP
✅ لغة Java Script (تحدثنا عنها سابقا ان اخترتها فانت متقن لأساسياتها)
✅ لغة Python
✅ لغة C#
كل لغة لديها اساسيات يجب ان تتعلمها مثل: المتغيرات، حلقات التكرار، الحالات الشرطية ... الخ
ان اردت دورة اجنبية لتعلم PHP ارشح لك الدورة التالية :
https://www.youtube.com/watch?v=OK_JCtrrv-c
ان اردت دورة عربية لتعلم PHP ارشح لك الدورة التالية :
https://www.youtube.com/watch?v=pszZMzI9a7A
ان اردت دورة اجنبية لتعلم Python ارشح لك الدورة التالية :
https://www.youtube.com/watch?v=rfscVS0vtbw
ان اردت دورة عربية لتعلم Python ارشح لك الدورة التالية :
https://www.youtube.com/watch?v=nyz2sieUtsI
ان اردت دورة اجنبية لتعلم C# ارشح لك الدورة التالية:
https://www.youtube.com/watch?v=GhQdlIFylQ8
ان اردت دورة عربية لتعلم C# ارشح لك الدورة التالية :
https://www.youtube.com/playlist?list=PLF8OvnCBlEY0UEgX-PDJduL5Tyv4Estam
#الثاني
الان لو اخترت لغة PHP يمكنك الشروع في تطوير اول صفحاتك الديناميكية دون اي مشكل، لكن ان اخترت احد اللغات الاخرى سوف يتحتم عليك التالي:
✅ ان اخترت لغة JS سوف يتحتم عليك تعلم NodeJS (اضافة الى ExpressJS )
✅ ان اخترت لغة Python سوف يتحتم عليك تعلم Django
✅ ان اخترت لغة C# سوف يتحتم عليك تعلم ASP.NET
✅ للـ PHP اطار جميل ايضا يدعى Laravel
ان اردت دورة اجنبية لتعلم NodeJS ارشح لك الدورة التالية:
https://www.youtube.com/watch?v=RLtyhwFtXQA
ان اردت دورة عربية لتعلم NodeJS ارشح لك دورة اخي اسامة :
https://www.youtube.com/playlist?list=PLfDx4cQoUNOa3EiUpjO04DVxEE9Ox12ta
ان اردت دورة اجنبية لتعلم Django ارشح لك الدورة التالية:
https://www.youtube.com/watch?v=F5mRW0jo-U4
ان اردت دورة أجنبية لتعلم ASP.NET ارشح لك الدورة التالية:
https://www.youtube.com/watch?v=C5cnZ-gZy2I
ان اردت دورة اجنبية لتعلم Laravel ارشح لك الدورة التالية:
https://www.youtube.com/watch?v=MFh0Fd7BsjE
ان اردت دورة عربية لتعلم Laravel ارشح لك دورة اخي اسامة (وتحية له Djaidri Oussama ) :
https://www.youtube.com/playlist?list=PLfDx4cQoUNOaQBbxWm4HhZ8l6aEdPiO6T
#الثالث
في هذا المستوى سوف تتعلم التعامل مع قواعد البيانات:
✅ ان اخترت SQL: يمكنك تعلم PostgreSQL، MySQL، MariaDB
✅ ان اخترت NoSQL: يمكنك تعلم MongoDB.
الدورات في هذه التقنيات لا تعد ولا تحصى يمكنك ايجادها بسهولة
#الرابع
في هذا المستوى سوف تتعلم REST APIs، ويمكنك البحث عن هذا الموضوع والتعمق فيه بنفسك حتى تعتاد طريقة البحث.
#الخامس
في هذا المستوى سوف تتعلم Testing :
✅الـ Integration Testing
✅الـ Unit Testing
✅ الـ Functional Testing
#السادس
في هذا المستوى سوف تتعلم امور الحماية مثل :
✅الـ Hashing Algorithms
✅الـ SSL/TLS
✅الـ OWASP Securtiy Risks
والكثير من الامور التي يجب عليك القراءة والتعمق فيها.
والباقي عليك الان في التعمق اكثر وتعلم التقنيات الجديدة والحصرية.
YouTube
React Native Tutorial for Beginners - Crash Course 2020
Free React Native Introduction for Beginners: Get Started with React Native and learn how to build an iOS and Android app!
Join the full React Native course: https://acad.link/react-native
Join our Academind Community on Discord for free: https://discord.gg/gxvEWGU…
Join the full React Native course: https://acad.link/react-native
Join our Academind Community on Discord for free: https://discord.gg/gxvEWGU…
ملاحظة:
✅ ان اخترت ReactJS في Front End كتقنية تتعامل بها، واخترت NodeJS (والاطار الخاص بها ExpressJS)، واخترت MongoDB فسوف تكون MERN Developer، وكلمة MERN تعني ( MongoDB ExpressJS ReactJS NodeJS)
✅ ان اخترت VueJSفي Front End كتقنية تتعامل بها، واخترت NodeJS (والاطار الخاص بها ExpressJS)، واخترت MongoDB فسوف تكون MEVN Developer، وكلمة MEVN تعني ( MongoDB ExpressJS VueJS NodeJS)
#selmani
بالتوفيق للجميع.❤🖤
✅ ان اخترت ReactJS في Front End كتقنية تتعامل بها، واخترت NodeJS (والاطار الخاص بها ExpressJS)، واخترت MongoDB فسوف تكون MERN Developer، وكلمة MERN تعني ( MongoDB ExpressJS ReactJS NodeJS)
✅ ان اخترت VueJSفي Front End كتقنية تتعامل بها، واخترت NodeJS (والاطار الخاص بها ExpressJS)، واخترت MongoDB فسوف تكون MEVN Developer، وكلمة MEVN تعني ( MongoDB ExpressJS VueJS NodeJS)
#selmani
بالتوفيق للجميع.❤🖤
مجموعة خاصة بتعلم برمجة تطبيقات الهاتف رااح تنفعكم بزااف :
https://www.facebook.com/groups/1170952826758537/?ref=share
https://www.facebook.com/groups/1170952826758537/?ref=share
Facebook
1954 | Mobile App Development 🇩🇿 | Facebook
مجموعة خاصة بتطوير تطبيقات الهاتف 👨💻👩💻.
Step by step guide to becoming a modern backend developer : https://roadmap.sh/backend
roadmap.sh
Backend Developer Roadmap: What is Backend Development
Step by step guide to becoming a modern backend developer in 2026
لمن يهمه الامر :
خيير عليييكم 🧡
بزااف ناس تسمع عن أهمية " Linkedin "🤔
👈 كيفاه تولي قادر علي تكوين شبكة علاقات كبيرة مع أصحاب الخبرة في مجالك؟ 👥
👈 و كيفاه تزيد فرصتك في ال Interview الي راح تشارك فيهم؟
⚡مراكش عارف كيفاه تخدم بيه ؟ صح 😢
⏪ ما ستتعلمه في الورشة؟
📌 ما هو موقع Linkedin؟
📌 كيفية إنشاء حساب مجاني احترافي عليه!
📌 كيفية التعامل مع الموقع "شرح مفصل له"
📌 أهم الفرص التي يقدمها الموقع و مميزاته"؟
📌 معايير صورة لينكدان المثالية؟
📌 لماذا تختار linkedin في الأعمال؟
📌 كيف تستغل هذه المنصة في تطوير مهاراتك 👈 Linkedin Learning""؟
📌 كيف تجد الوظائف المتاحة من خلاله؟
📌 كيف تعرف من شاهد ملفك الشخصي؟
📌 ما يمكن للأشخاص رؤيته في ملف التعريف الخاص بك؟
🔹 الورشة من تقديم المدرب:
- عثمان عباسي.
👈 مدير البرامج في مؤسسة إنجاز - قطر -
[ الورشة مجانية كالعادة ✅ ]
رابط التسجيل في الورشة تجدونه في التعليقات 👈
https://www.facebook.com/groups/algerianspositivevibes/permalink/935030113743247/
خيير عليييكم 🧡
بزااف ناس تسمع عن أهمية " Linkedin "🤔
👈 كيفاه تولي قادر علي تكوين شبكة علاقات كبيرة مع أصحاب الخبرة في مجالك؟ 👥
👈 و كيفاه تزيد فرصتك في ال Interview الي راح تشارك فيهم؟
⚡مراكش عارف كيفاه تخدم بيه ؟ صح 😢
⏪ ما ستتعلمه في الورشة؟
📌 ما هو موقع Linkedin؟
📌 كيفية إنشاء حساب مجاني احترافي عليه!
📌 كيفية التعامل مع الموقع "شرح مفصل له"
📌 أهم الفرص التي يقدمها الموقع و مميزاته"؟
📌 معايير صورة لينكدان المثالية؟
📌 لماذا تختار linkedin في الأعمال؟
📌 كيف تستغل هذه المنصة في تطوير مهاراتك 👈 Linkedin Learning""؟
📌 كيف تجد الوظائف المتاحة من خلاله؟
📌 كيف تعرف من شاهد ملفك الشخصي؟
📌 ما يمكن للأشخاص رؤيته في ملف التعريف الخاص بك؟
🔹 الورشة من تقديم المدرب:
- عثمان عباسي.
👈 مدير البرامج في مؤسسة إنجاز - قطر -
[ الورشة مجانية كالعادة ✅ ]
رابط التسجيل في الورشة تجدونه في التعليقات 👈
https://www.facebook.com/groups/algerianspositivevibes/permalink/935030113743247/
Facebook
Facebook Groups
Algerian Positive Vibes 🔥❤️ has 41,922 members. #من_نحن؟
مجموعة جزائرية تنشط على مواقع التواصل الاجتماعي لتقديم البديل في مجال صناعة المحتوى الهادف و النهوض بفكر الشباب الجزائري، هدفها رفع مستوى...
مجموعة جزائرية تنشط على مواقع التواصل الاجتماعي لتقديم البديل في مجال صناعة المحتوى الهادف و النهوض بفكر الشباب الجزائري، هدفها رفع مستوى...
مــاهو الــDOM ! كمطور front end لازم تعرفو ولازم تفهمو.
حسنا أي صفحة HTML تتكــون من مجمـوعة Tags حتى تتمكن الجافاسكريبت من التحكم في الصفحة كاملة نستعمل الدوم حسنا نبداو بالعقل لأي Tag في. Html. قلنا لازم الجافاسكريبت تقدر تتحكم فيه هذا يتم عبر DOM هو ببساطة تمثيل لصفحة HTML بواسطة الجافاسكريبت أي تققدر تقول انه ملف جافاسكريبت يجتوي على كل عناصر ال HTML مثلا عندنا في ملف HTML :
<h1 class="par" >Hi i'm inside html</h1>
يقابله في DOM :
{ H1 class=par }
خليني نقولكم حاجة DOM يوفرو Web أي انه API يوفرولك BROWSER بلا ماتدير والو يعني هو INTERFACE للبنية تع الصفحة... بالمنابسبة هو عبارة عن binary tree لي يعرفو data structures....
في الحقيقة DOM مابناوهش غير الجافاسكريبت باش تتعامل معه لانو كيما قلنا هو API متوفر يعني تقدر تستعملو بلغة أخرى كالبايثون... بصح نت في أغلب الحالات راح تستعمل الجافاسكريبت في الفرونت.
كيفية إستعماله؟
إستعمالDOM بسيط جدا حيث ان الجافاسكريبت توفر دوال سهلة الإستعمال مثلا للجلب عنصر h1 في المثال السابق نستعمل مايلي :
const title = document. querySelector('h1') ;
أو عبر الكلاس :
const title = document.getElementsByClassName("par");
هنا راه عندك تحكم كامل لهاذا العنصر بواسطة الجافاسكريبت.
من أهم الأشياء التي نستطيع القيام بها هي تغيير ال. Style
title.style( { font-weight: "bold"});
و أهم شيء أننا نستطيع إضافة عناصر للصفحة عبر DOM بواسطة دوال ك append appendChild...
هذي أهم الأشياء اللي يوفرهانا الدوم ومزال بزااف اكتشفهم
حسنا أي صفحة HTML تتكــون من مجمـوعة Tags حتى تتمكن الجافاسكريبت من التحكم في الصفحة كاملة نستعمل الدوم حسنا نبداو بالعقل لأي Tag في. Html. قلنا لازم الجافاسكريبت تقدر تتحكم فيه هذا يتم عبر DOM هو ببساطة تمثيل لصفحة HTML بواسطة الجافاسكريبت أي تققدر تقول انه ملف جافاسكريبت يجتوي على كل عناصر ال HTML مثلا عندنا في ملف HTML :
<h1 class="par" >Hi i'm inside html</h1>
يقابله في DOM :
{ H1 class=par }
خليني نقولكم حاجة DOM يوفرو Web أي انه API يوفرولك BROWSER بلا ماتدير والو يعني هو INTERFACE للبنية تع الصفحة... بالمنابسبة هو عبارة عن binary tree لي يعرفو data structures....
في الحقيقة DOM مابناوهش غير الجافاسكريبت باش تتعامل معه لانو كيما قلنا هو API متوفر يعني تقدر تستعملو بلغة أخرى كالبايثون... بصح نت في أغلب الحالات راح تستعمل الجافاسكريبت في الفرونت.
كيفية إستعماله؟
إستعمالDOM بسيط جدا حيث ان الجافاسكريبت توفر دوال سهلة الإستعمال مثلا للجلب عنصر h1 في المثال السابق نستعمل مايلي :
const title = document. querySelector('h1') ;
أو عبر الكلاس :
const title = document.getElementsByClassName("par");
هنا راه عندك تحكم كامل لهاذا العنصر بواسطة الجافاسكريبت.
من أهم الأشياء التي نستطيع القيام بها هي تغيير ال. Style
title.style( { font-weight: "bold"});
و أهم شيء أننا نستطيع إضافة عناصر للصفحة عبر DOM بواسطة دوال ك append appendChild...
هذي أهم الأشياء اللي يوفرهانا الدوم ومزال بزااف اكتشفهم
الــسلام عليكم 😊
ليوم نفهمو الــlocalhost أو 127.0.0.1 أو موطن المطورين هههه...
قبل نفهموه نعرفو على الســريع IP Adress ولي تعني Internet protocol Adress هي عبارة عــن رقم معين وحيد يعرف جهازك بأنه مربوط بالإنترنت ( يعني تقدر تقول كيما matricule تع السيارة) هنا الحديث علي ipv4
تتكون من أربع أعداد أكبر رقم نوصلو ليه لي هو 255 أي 8 bit.
مثال عن أدريس IP
142.250.65.227
شوف هنا يلا عندك الوقت و راك حاب تفهم كوبيي هذي الإدريس لي مديتهالك و دير coller فالمتصفح تاعك
راح تردلك صفحة Google لان هذي Adress IP تع واحد من السيرفرات تع Google 😊 روح سيي كي تتوشي حاجة تفهمها خير. روح 😉
ملاحظة : دير coller برك مشي تروشارشي بGoogle
========================
صح ضك تقدر تكمل المــقال
IP Adress
هي شــرط أساسي لكي يمكنك الإتصال بسيرفر على شبكة الإنترنت أي بدونها لا تستطيع التواصل ( شوفو IP ليوم عرفتها على السريع نهار آخر نــفصل فيها بيسك مشي هي محور الحديــث تعنا اليوم)
جرى تقسيم Adress IP إلى أربع عائلات :
__________________________________________
القسم A :
0.0.0.0 - - - - - - - > 127.0.0.0
مثال : 2.134.213.2
__________________________________________
القسم B :
128.0.0.0 - - - - - - - > 192.255.0.0
مثال : 135.58.24.17
__________________________________________
القسم C :
192.0.0.0 - - - - - - - - - - > 223.255.255.0
مثال : 192.168.178.1
__________________________________________
القسم D :
224.0.0.0 - - - - - - - - - - > 239.255.255.255
مثال : 232.164.89.28
__________________________________________
القسم E :
240.0.0.0 - - - - - - - - - - > 255.255.255.255
مثال : 243.164.89.28
__________________________________________
أوكي هنا لاحظ معايا بين class A حتى class B كاين
ADRESS IP
ماهيش مستخدمة رأي تحبس عندها A و B تتخطاها و تديماري..
نعم إيه لي هي 127.0.0.1 ولي هي localhost 😍
هذي Adress IP محرمة و ممنوعة على أي سيرفر في العالم أي يديها أنها reserved..
لأنها مستخدم لغرض واحد فقط و هو test أي انها خاصة بالجهاز عندما تدخلها في المتصفح يفهم بلي راك تاستي في موقع راه عندك فالحاسوب تاعك أي أن ألـم ألمواصلات والبيانات ميخرجوش من local لهذا يسموها localhost. و يسموها أيضا loopback أي يذا كتبتها الجهاز تاعك راح يبقا يدور داخليا ميخرجش ل network لي راهي برا.
باش تمشي هذي لادراس يجب أن يكون web server يشتغل في حاسوبك لكي يأخذ هذي لادراس مثال عن واب سيرفر.
apache, HTTP node js, ngnix....
ان شاء الله تكونو فهمتو يا لوكان الغرض منها ننصحكم تزيدو تفهمو networking باش يكون عندك فكرة واضحة علــى الإنترنت كيفاش يمشي بما أنك حاب تكون مطور.
#newgenerationdz
ليوم نفهمو الــlocalhost أو 127.0.0.1 أو موطن المطورين هههه...
قبل نفهموه نعرفو على الســريع IP Adress ولي تعني Internet protocol Adress هي عبارة عــن رقم معين وحيد يعرف جهازك بأنه مربوط بالإنترنت ( يعني تقدر تقول كيما matricule تع السيارة) هنا الحديث علي ipv4
تتكون من أربع أعداد أكبر رقم نوصلو ليه لي هو 255 أي 8 bit.
مثال عن أدريس IP
142.250.65.227
شوف هنا يلا عندك الوقت و راك حاب تفهم كوبيي هذي الإدريس لي مديتهالك و دير coller فالمتصفح تاعك
راح تردلك صفحة Google لان هذي Adress IP تع واحد من السيرفرات تع Google 😊 روح سيي كي تتوشي حاجة تفهمها خير. روح 😉
ملاحظة : دير coller برك مشي تروشارشي بGoogle
========================
صح ضك تقدر تكمل المــقال
IP Adress
هي شــرط أساسي لكي يمكنك الإتصال بسيرفر على شبكة الإنترنت أي بدونها لا تستطيع التواصل ( شوفو IP ليوم عرفتها على السريع نهار آخر نــفصل فيها بيسك مشي هي محور الحديــث تعنا اليوم)
جرى تقسيم Adress IP إلى أربع عائلات :
__________________________________________
القسم A :
0.0.0.0 - - - - - - - > 127.0.0.0
مثال : 2.134.213.2
__________________________________________
القسم B :
128.0.0.0 - - - - - - - > 192.255.0.0
مثال : 135.58.24.17
__________________________________________
القسم C :
192.0.0.0 - - - - - - - - - - > 223.255.255.0
مثال : 192.168.178.1
__________________________________________
القسم D :
224.0.0.0 - - - - - - - - - - > 239.255.255.255
مثال : 232.164.89.28
__________________________________________
القسم E :
240.0.0.0 - - - - - - - - - - > 255.255.255.255
مثال : 243.164.89.28
__________________________________________
أوكي هنا لاحظ معايا بين class A حتى class B كاين
ADRESS IP
ماهيش مستخدمة رأي تحبس عندها A و B تتخطاها و تديماري..
نعم إيه لي هي 127.0.0.1 ولي هي localhost 😍
هذي Adress IP محرمة و ممنوعة على أي سيرفر في العالم أي يديها أنها reserved..
لأنها مستخدم لغرض واحد فقط و هو test أي انها خاصة بالجهاز عندما تدخلها في المتصفح يفهم بلي راك تاستي في موقع راه عندك فالحاسوب تاعك أي أن ألـم ألمواصلات والبيانات ميخرجوش من local لهذا يسموها localhost. و يسموها أيضا loopback أي يذا كتبتها الجهاز تاعك راح يبقا يدور داخليا ميخرجش ل network لي راهي برا.
باش تمشي هذي لادراس يجب أن يكون web server يشتغل في حاسوبك لكي يأخذ هذي لادراس مثال عن واب سيرفر.
apache, HTTP node js, ngnix....
ان شاء الله تكونو فهمتو يا لوكان الغرض منها ننصحكم تزيدو تفهمو networking باش يكون عندك فكرة واضحة علــى الإنترنت كيفاش يمشي بما أنك حاب تكون مطور.
#newgenerationdz
مــرحبا بيكم في شــرح جـديد عــلى المــتصفحات ( browser navigateur ).
أولا دعــعنا نتعرف عـلى ماهو المتصفح : أساسا هو برنامج يتيح لك الولوج إلى عالم الويب ولكن كيف؟ هو يستطيع أن يــقرأ الملفات التي تستعمل لبناء صفحات الــويب! كيفاش؟
يفهم اللغة المستعملة لبناء الواجهات 😊 الحديث هنا عــن :
HTML, Css, images, videos, audio, svg....
و هو قادر علـى فهم اللغة البرمجية المستعملة في إعطاء الموقع حيوية و تجاوب مع المستخدم وهــي
JAVASCRIPT
في الأساس هذا واش يفهم بصح هناك لغات أخرى يستطيع التعامل معها كالـXML VBSSCRIOT...
بالإضافة إلى هذه المميزات المــتصفحات قادرة على إرسال طلبات السيرفرات الموجودة عـلى الإنترنت بإستعمال بروتوكول HTTP الذي سبق و أن شرحناه، طريقة عملو بسيطة جدا نلخصها في خطوتين.
1 - يبعـث REQUEST لسيرفر المقصود... السيرفر يردلو بالملفات الازمة
2 - يقوم بفهم تلك الملفات و يعرضها على المستخدم بالنسبة للCSS HTML و يبقى يسنى في المستخدم واش يدير باش ينفذ جافاسكريبت ( التفاعل مع المستخدم) .
أي أنه بكل بساطة يتيليشارجي هذو الملفات و يبقا يتفاعل معاهم.
نت كي تيليشارجي صورة تروح لــGALLERY باش تــشوفها نفس المـبدأ تماما. ان شاء الله تكون وصلت الفكرة نروحو نشوفو منين يتكون أســاسا :
======================
1 User interface
الواجهة الخــاصة بالمستخدم هي الواجهة التي نراها دائما حيث يعرض فيها صفحة الويب و وين ندخلو URL و شويا settings راكو تعرفوها..
2 Browser engine
وهو مــحرك المتصفح يعمل كجسر بين User interface و Rendering engine.. ضك نفهمكم شفت مــثلا كي تصغر النافذة راح يتفاعل معاك المتصفح هنا مكش جافاسكريبت غير صغرنا الواجهة.. واش يصرى أول واحد مســؤول عن ردة الفعل هذي هو Browser engine هو لي يخبر الـRedering engine عاود أرسمنا الصفحة بيسك المستخدم صغر الواجهة.
3 Rendering engine
يلا تعرف شوية إنجليزية من أسمو تقدر تفهم واش يدير.. هو المسؤول عن عرض محتوى الصفحة html و تنسيق الصفحة عبر ملفات css.. مهمته الأساسية الرسم على الواجهة من خلال ملفات html لي بعثهملو السيرفر.
4 Network
أهم خاصية بالنسبة للمتصفح وهي التي تتيح له الأتصال بالإنترنت عبر بروتوكولات الويب HTTP FTP. تتواصل مباشرة مع NETWORK CARD الخاصة بجهازك لكي تستطيع الوصول إلى الإنترنت.
5 JAVASCRIPT intreper
أو دعنا نسميه محرك الجافاسكريبت يأتي مدمج في المتصفح و همته الأساسية واضحة.. فهم ملفات جافاسكريبت و البحث عن الأخطاء و تنفيذ الكود
6 UI backend
المكونات الأساسية اي الملفات التي برمج بها التصفح لأنه برنامج و في النهاية عبارة عن ملفات تعيش في جهازك.
7 Data Persistence/Storage
هذي مسـؤولة عن حفظ البيانات مثلا بيانات المواقع التي تصفحتها كلمات المرور history cockies....
=======================
هنا نكون كملنا architecture تع معضم متصفحات الحديثة أرجو أن يكون المقــال نال إعجابكم.
أولا دعــعنا نتعرف عـلى ماهو المتصفح : أساسا هو برنامج يتيح لك الولوج إلى عالم الويب ولكن كيف؟ هو يستطيع أن يــقرأ الملفات التي تستعمل لبناء صفحات الــويب! كيفاش؟
يفهم اللغة المستعملة لبناء الواجهات 😊 الحديث هنا عــن :
HTML, Css, images, videos, audio, svg....
و هو قادر علـى فهم اللغة البرمجية المستعملة في إعطاء الموقع حيوية و تجاوب مع المستخدم وهــي
JAVASCRIPT
في الأساس هذا واش يفهم بصح هناك لغات أخرى يستطيع التعامل معها كالـXML VBSSCRIOT...
بالإضافة إلى هذه المميزات المــتصفحات قادرة على إرسال طلبات السيرفرات الموجودة عـلى الإنترنت بإستعمال بروتوكول HTTP الذي سبق و أن شرحناه، طريقة عملو بسيطة جدا نلخصها في خطوتين.
1 - يبعـث REQUEST لسيرفر المقصود... السيرفر يردلو بالملفات الازمة
2 - يقوم بفهم تلك الملفات و يعرضها على المستخدم بالنسبة للCSS HTML و يبقى يسنى في المستخدم واش يدير باش ينفذ جافاسكريبت ( التفاعل مع المستخدم) .
أي أنه بكل بساطة يتيليشارجي هذو الملفات و يبقا يتفاعل معاهم.
نت كي تيليشارجي صورة تروح لــGALLERY باش تــشوفها نفس المـبدأ تماما. ان شاء الله تكون وصلت الفكرة نروحو نشوفو منين يتكون أســاسا :
======================
1 User interface
الواجهة الخــاصة بالمستخدم هي الواجهة التي نراها دائما حيث يعرض فيها صفحة الويب و وين ندخلو URL و شويا settings راكو تعرفوها..
2 Browser engine
وهو مــحرك المتصفح يعمل كجسر بين User interface و Rendering engine.. ضك نفهمكم شفت مــثلا كي تصغر النافذة راح يتفاعل معاك المتصفح هنا مكش جافاسكريبت غير صغرنا الواجهة.. واش يصرى أول واحد مســؤول عن ردة الفعل هذي هو Browser engine هو لي يخبر الـRedering engine عاود أرسمنا الصفحة بيسك المستخدم صغر الواجهة.
3 Rendering engine
يلا تعرف شوية إنجليزية من أسمو تقدر تفهم واش يدير.. هو المسؤول عن عرض محتوى الصفحة html و تنسيق الصفحة عبر ملفات css.. مهمته الأساسية الرسم على الواجهة من خلال ملفات html لي بعثهملو السيرفر.
4 Network
أهم خاصية بالنسبة للمتصفح وهي التي تتيح له الأتصال بالإنترنت عبر بروتوكولات الويب HTTP FTP. تتواصل مباشرة مع NETWORK CARD الخاصة بجهازك لكي تستطيع الوصول إلى الإنترنت.
5 JAVASCRIPT intreper
أو دعنا نسميه محرك الجافاسكريبت يأتي مدمج في المتصفح و همته الأساسية واضحة.. فهم ملفات جافاسكريبت و البحث عن الأخطاء و تنفيذ الكود
6 UI backend
المكونات الأساسية اي الملفات التي برمج بها التصفح لأنه برنامج و في النهاية عبارة عن ملفات تعيش في جهازك.
7 Data Persistence/Storage
هذي مسـؤولة عن حفظ البيانات مثلا بيانات المواقع التي تصفحتها كلمات المرور history cockies....
=======================
هنا نكون كملنا architecture تع معضم متصفحات الحديثة أرجو أن يكون المقــال نال إعجابكم.
حسنا مــاهو الــMVC
بلاك سمعت عليه ولا جربتو ولا مراكش فاهمو ... أنا ليوم كي لعادة خدمتي نبسط الويب للناس لي حابة تتعلم 😊
نبداو MVC. يشير إلى Model View Controller هو يعتبر Design patterns ولكن أنا نحب نسميه Architecture هو الأكثر إستعمالا في بناء تطبيقات الويب خلال العشرين السنة الماضية و يقوم على مبدأ بسيط وهو مبدأ separation of concern يعني كل واحد عندو مهمة يديرها لا أكثر و لاأقل .. تبدا الرحلة من المتصفح ( أشفى على هذي النقطة لأني راح نولي ليها ) قلنا المتصفح قادر على إرسال طلب http يستقبله السيرفر حيث يتحقق من صلاحيته والمعلومات التي حملها معه هذا الطلب ثاني حاجة يديرها السيرفر يتعامل مع هذا الطلب المسؤول عن هذا التعامل هو Controller حيث أنو بعدما ي يتعرف على الطلب ينفذ بعض اللوجيك للحصول على نتيجة و إرسالها للزبون قد تكون هذه العملية بسيطة مثلا اريد صفحة فيها معلومات ثابتة هنا راح يردنا Controller صفحة HTML فيها معلومات ثابتة تسما مكاش إتصال بقواعد البيانات ... في حالة ما كان الطلب معقد نوعا ما مثال تحميل صفحة
السلع المباعة هنا راح يكون المحتوى ديناميك يعني يتغير على حساب السلع واش عندنا فقاعدة البيانات هنا الـController يحتاج واحد يعاونو باش يعرف كيفاش يجيب البيانات و هو الـModel يعني المنتج عبارة عن مودل فيه خصائص كالسعر و الكمية .... تسما المودل يرسمنا الطريق برك و خلي بالك controller هو المسؤول عن اللوجيك هنا نكونو قد كملنا الاتصال بقواعد البيانات و أنشئنا صفحة HTML على مستوى السيرفر و ملأنها ببيانات اتتنا ديناميكيا هنا الخطوة الأخيرة و هي إرسالها لل View اللي مهمتو عرض المحتوى واللي أصلا بدات منو أول خطوة وهو المتصفح. ( ياك قتلكم اشفاو 🙄 ) وهذي تعتبر loop جامي تخلاص مادام المستخدم فاتح السيت .....
الملخص كل واحد واش يدير و أهم شيئ أنهم يتناقلو البيانات بيناتهم..
هنا نكون قد كملت الشرح تاعي متقلق ماوالو controller , modal عبارة عن كلاسات و فونكسيون مشي حاجة جديدة ولا 🤣 جوست هذي طريقة عمل ، يجدر بالذكر أن هذي الطريقة تسمى أيضا ب server side rendring يعني اننا ننشئ صفحات على مستوى السيرفر و نرسلها للمتصفح .. هناك طريقة جديدة اللي تعد حاليا أكثر إستعمالا و هي Rest API لي راح نشرحها طبعا إن شاء الله . كي العادة كلمة شكر تكفيني 😚
ملاحظة : المعلومات هذو أنا مسؤول عليهم منيش ندي من منشورات و نعاود ننشر هذي فقط مجرد خبرة أكتسبها أريد مشاركتها و ربما تكون هناك أخطاء أرحو من الناس تصحيحها 😊
بلاك سمعت عليه ولا جربتو ولا مراكش فاهمو ... أنا ليوم كي لعادة خدمتي نبسط الويب للناس لي حابة تتعلم 😊
نبداو MVC. يشير إلى Model View Controller هو يعتبر Design patterns ولكن أنا نحب نسميه Architecture هو الأكثر إستعمالا في بناء تطبيقات الويب خلال العشرين السنة الماضية و يقوم على مبدأ بسيط وهو مبدأ separation of concern يعني كل واحد عندو مهمة يديرها لا أكثر و لاأقل .. تبدا الرحلة من المتصفح ( أشفى على هذي النقطة لأني راح نولي ليها ) قلنا المتصفح قادر على إرسال طلب http يستقبله السيرفر حيث يتحقق من صلاحيته والمعلومات التي حملها معه هذا الطلب ثاني حاجة يديرها السيرفر يتعامل مع هذا الطلب المسؤول عن هذا التعامل هو Controller حيث أنو بعدما ي يتعرف على الطلب ينفذ بعض اللوجيك للحصول على نتيجة و إرسالها للزبون قد تكون هذه العملية بسيطة مثلا اريد صفحة فيها معلومات ثابتة هنا راح يردنا Controller صفحة HTML فيها معلومات ثابتة تسما مكاش إتصال بقواعد البيانات ... في حالة ما كان الطلب معقد نوعا ما مثال تحميل صفحة
السلع المباعة هنا راح يكون المحتوى ديناميك يعني يتغير على حساب السلع واش عندنا فقاعدة البيانات هنا الـController يحتاج واحد يعاونو باش يعرف كيفاش يجيب البيانات و هو الـModel يعني المنتج عبارة عن مودل فيه خصائص كالسعر و الكمية .... تسما المودل يرسمنا الطريق برك و خلي بالك controller هو المسؤول عن اللوجيك هنا نكونو قد كملنا الاتصال بقواعد البيانات و أنشئنا صفحة HTML على مستوى السيرفر و ملأنها ببيانات اتتنا ديناميكيا هنا الخطوة الأخيرة و هي إرسالها لل View اللي مهمتو عرض المحتوى واللي أصلا بدات منو أول خطوة وهو المتصفح. ( ياك قتلكم اشفاو 🙄 ) وهذي تعتبر loop جامي تخلاص مادام المستخدم فاتح السيت .....
الملخص كل واحد واش يدير و أهم شيئ أنهم يتناقلو البيانات بيناتهم..
هنا نكون قد كملت الشرح تاعي متقلق ماوالو controller , modal عبارة عن كلاسات و فونكسيون مشي حاجة جديدة ولا 🤣 جوست هذي طريقة عمل ، يجدر بالذكر أن هذي الطريقة تسمى أيضا ب server side rendring يعني اننا ننشئ صفحات على مستوى السيرفر و نرسلها للمتصفح .. هناك طريقة جديدة اللي تعد حاليا أكثر إستعمالا و هي Rest API لي راح نشرحها طبعا إن شاء الله . كي العادة كلمة شكر تكفيني 😚
ملاحظة : المعلومات هذو أنا مسؤول عليهم منيش ندي من منشورات و نعاود ننشر هذي فقط مجرد خبرة أكتسبها أريد مشاركتها و ربما تكون هناك أخطاء أرحو من الناس تصحيحها 😊
دخلنا في مرحلة جديدة وين راح تكون ثورة في المحتوى الهادف إن شاء الله 🔥
شعارنا الجديد :
Pass from story mode
To revolution mode 🇩🇿
1001 ↗️ 1954 ✅
مجموعاتنا بحلتها الجديدة 💙 :
Web Development:
https://www.facebook.com/groups/1248004662326247/?ref=share
Desktop App dev:
https://www.facebook.com/groups/565455007809490/?ref=share
Mobile app dev :
https://www.facebook.com/groups/1170952826758537/?ref=share
Cyber Security :
https://www.facebook.com/groups/568875430814196/?ref=share
Artificial Intelligence ( ai ) :
https://www.facebook.com/groups/334785548287619/?ref=share
Arduino :
https://www.facebook.com/groups/501395681090286/?ref=share
قناتنا على تيليغرام :
https://t.me/programming1001dz ✅
شعارنا الجديد :
Pass from story mode
To revolution mode 🇩🇿
1001 ↗️ 1954 ✅
مجموعاتنا بحلتها الجديدة 💙 :
Web Development:
https://www.facebook.com/groups/1248004662326247/?ref=share
Desktop App dev:
https://www.facebook.com/groups/565455007809490/?ref=share
Mobile app dev :
https://www.facebook.com/groups/1170952826758537/?ref=share
Cyber Security :
https://www.facebook.com/groups/568875430814196/?ref=share
Artificial Intelligence ( ai ) :
https://www.facebook.com/groups/334785548287619/?ref=share
Arduino :
https://www.facebook.com/groups/501395681090286/?ref=share
قناتنا على تيليغرام :
https://t.me/programming1001dz ✅
#Processors
مكانش فينا لي ماراهوش مهتم بمجال الهواتف النقالة ولا على الأقل عندو معرفة سطحية بيها 😅
على الأغلب ديما كي تجي تشوف مواصفات هاتف و بالتحديد في الProcessor تشوف ولا تسمع كلمة "دقة التصنيع" و أرقام مثل 5 نانومتر و 7 نانومتر الخ ...
اليوم جينا نوضحولكم مفهوم دقة التصنيع 🤗
صحا تخيلو معايا البروسيسور كيما المصنع لي يعالجلنا المعلومات
هذا المصنع فيه عمال اسمهم "Semi Conductors" و لي نسموهم "سامي" باش نسهلوا علينا الأمور 😅
كلما كان عددهم اكبر كلما راح يكون العمل اكثر و اسرع بطبيعة الحال
لكن لو تلاحظو أنو تقريبا كل الProcessors عندهم حجم واحد و شكل واحد كيفاش راك يكون واحد عندو ساميات اكثر من الأخر ؟ 🤔 😅
الإجابة هي : بتصغير حجم سامي نفسه حتى يتسع الProcessor لعدد أكبر 🤗
حتى لهنا وين نقدر نقولك أنو هذيك النانومتر (nm) ماهي إلا وحدة لقياس طول سامي 🥰
و منه نديرو استنتاج خفيف 😅
كلما كان سامي أقصر ازدادت قوة الProcessor 🤭
فهمتوا ضرك علاش يقولك : "لي صغير محاينو كبار ؟" 😂
من صفحة Algerian Tech Makers
https://www.facebook.com/107805688302035/posts/113372231078714/
مكانش فينا لي ماراهوش مهتم بمجال الهواتف النقالة ولا على الأقل عندو معرفة سطحية بيها 😅
على الأغلب ديما كي تجي تشوف مواصفات هاتف و بالتحديد في الProcessor تشوف ولا تسمع كلمة "دقة التصنيع" و أرقام مثل 5 نانومتر و 7 نانومتر الخ ...
اليوم جينا نوضحولكم مفهوم دقة التصنيع 🤗
صحا تخيلو معايا البروسيسور كيما المصنع لي يعالجلنا المعلومات
هذا المصنع فيه عمال اسمهم "Semi Conductors" و لي نسموهم "سامي" باش نسهلوا علينا الأمور 😅
كلما كان عددهم اكبر كلما راح يكون العمل اكثر و اسرع بطبيعة الحال
لكن لو تلاحظو أنو تقريبا كل الProcessors عندهم حجم واحد و شكل واحد كيفاش راك يكون واحد عندو ساميات اكثر من الأخر ؟ 🤔 😅
الإجابة هي : بتصغير حجم سامي نفسه حتى يتسع الProcessor لعدد أكبر 🤗
حتى لهنا وين نقدر نقولك أنو هذيك النانومتر (nm) ماهي إلا وحدة لقياس طول سامي 🥰
و منه نديرو استنتاج خفيف 😅
كلما كان سامي أقصر ازدادت قوة الProcessor 🤭
فهمتوا ضرك علاش يقولك : "لي صغير محاينو كبار ؟" 😂
من صفحة Algerian Tech Makers
https://www.facebook.com/107805688302035/posts/113372231078714/
Facebook
Log in or sign up to view
See posts, photos and more on Facebook.
مدخل إلى لغة النمذجة المعيارية UML
كأي لغة برمجة لها:
1. Syntax
2. Keywords
3. Concept
التي وجب علينا احترامها!
بالممارسة:
- تعتاد على أي لغة برمجة!
- تتحسن عندك مهارة حل المشكلات (problems solving) لأنك كلما حللت مشاكل أكثر كلما طوّرت هذه المهارة و أصبحت تركّز على جودة البرنامج!
كذلك الحال بالنسبة إلى لغة النمذجة المعيارية UML، يكفي أن تعرف عنها خصائصها و خصائص كل مخطط على حدى، ثم بالممارسة ستتحسن مهارتك في النمذجة تدريجياً!
في الأعداد المقبلة سنتعرّف على:
- المجالات التي تحتاج هذا النّوع من النمذجة.
- شروحات لكّل مخطّطاتها على حدى.
- كيفية قراء تمرين و تحويله لمخطط.
- تمارين عملية خلال لقاء على قوقل مييت.
#Holà_UML
#design_pattern
من صفحة :
https://www.facebook.com/107805688302035/posts/113731354376135/
كأي لغة برمجة لها:
1. Syntax
2. Keywords
3. Concept
التي وجب علينا احترامها!
بالممارسة:
- تعتاد على أي لغة برمجة!
- تتحسن عندك مهارة حل المشكلات (problems solving) لأنك كلما حللت مشاكل أكثر كلما طوّرت هذه المهارة و أصبحت تركّز على جودة البرنامج!
كذلك الحال بالنسبة إلى لغة النمذجة المعيارية UML، يكفي أن تعرف عنها خصائصها و خصائص كل مخطط على حدى، ثم بالممارسة ستتحسن مهارتك في النمذجة تدريجياً!
في الأعداد المقبلة سنتعرّف على:
- المجالات التي تحتاج هذا النّوع من النمذجة.
- شروحات لكّل مخطّطاتها على حدى.
- كيفية قراء تمرين و تحويله لمخطط.
- تمارين عملية خلال لقاء على قوقل مييت.
#Holà_UML
#design_pattern
من صفحة :
https://www.facebook.com/107805688302035/posts/113731354376135/
Facebook
Log in or sign up to view
See posts, photos and more on Facebook.
مسار البرمجة
١. قبل أن تصبح مبرمجا!
ما يجب أن تعرفه مسبقا، أن أيّ مشروع أو برنامج ستطوره يمر على مراحل قبل الوصول إلى مرحلة البرمجة الفعلية و إنشاء أي موقع أو تطبيق ...
إضافة إلى الرصيد المعرفي و التّمكن من أساسيات لغة البرمجة التي ستعتمدها من أجل ذلك، وجب عليك اختيار اللغة التي ستساعدك أكثر، لأن لكل مجال هناك لغة ستدعمك أكثر، تختلف باختلاف احتياجات كل منها، فما ينتظره صاحب محل تجاري يختلف عن متطلبات الصيدلاني، وتختلف عما يحتاجه المحاسب وغيرها من المجالات...
شيء آخر، طبيعة المجال تلزمك اختيار طبيعة التطبيق، وماذا سيكون:
- موقع إلكتروني (Website)
- تطبيق واب(Web Application)
- تطبيق هاتف (Mobile Application)
- تطبيق حاسوب ( Desktop Application)
كل شيء يعتمد على حاجة المستخدم و كيف أنك ستسهل عليه الوصول إلى المعلومات الخاصة به، إن كان في مكان عمل ثابت، أو متنقل، المهم أن يكون عمليا، سهل الإستخدام و الأهم أن يكون فعّالا، أي أن يُحقّق المطلوب منه بكل بدقة ....
٢. خطوات نحو إتمام تطبيقك!
مما نلاحظه على بعض المبرمجين مباشرتهم للعمل دون تخطيط أو دراسة، إن لم تكن منعدمة فهي غير شاملة أو غير كافية، مما يُشتت على المبرمج عمله و قد يضطر إلى إعادة العمل مرات و مرات و هنا قد يخسر أهم عامل في طريق البرمجة ألا و هو الوقت!
- إذاً ما هي الخطوات من أجل عمل منظم و عملي؟
1. أولا نبدأ بدراسة المشروع (Existence Studies) هي مرحلة مراجعة المشروع مع صاحبه و فهم متطلباته و البحث في الغايات المرجو تحقيقها من وراء هذا التطبيق، تخلص هذه النقاط في ملف نطلق عليه اسم ( Cahier de Charges/Specifications)
2. بالانتهاء من المرحلة الأولى تكون قد تكونت عندنا نظرة عامة حول المشروع التي تمكننا من دخول مرحلة النمذجة (Modelization) و هي مرحلة بينية تسمح بترجمة حاجات المجال و تبسيطها بشكل يفهمها المبرمج على شكل مخططات (Diagrams)
UML(Unified Modeling Language)
لغة النمذجة المعيارية ، أشهر ما يستخدم من أجل النمذجة ترتكز على 14 مخطط، أشهرها، أو الأكثر استخداما :
A. Use-Cases Diagram
الذي يسمح بتحديد جملة المستخدمين، المهام الأساسية للبرنامج و العلاقة بينهما!
B. Sequence Diagram
يسمح بتمثيل السيناريوهات التي تحدث بين المستخدم و النظام!
C. Class Diagram
و يعتبر هذا المنحنى أهم منحى على الإطلاق، يتم فيه تجسيد المعطيات على شكل فئات(Classes) و تمثيل العلاقة بينها، و هو الركيزة الأساسية للتوجه نحو البرمجة الموجهة بالكائن (Oriented Object Programming)
3. مرحلة البرمجة الفعلية، التي من المستحسن أن يتم فيها تقسيم العمل حسب الوظائف, أي فصل المعطيات(Data) عن المعالجة (treatments)و فصل المعالجات عن الواجهات( Graphic Interfaces)
بالنهاية، يبقى التخطيط المحكم و التنظيم نقطة محورية في أي عمل يختصر على صاحبه عديد المسافات، يكسبه الوقت كما يمنحه نتائج مرضية و الأهم أنها عملية
المصدر : https://www.facebook.com/107805688302035/posts/115717090844228/
١. قبل أن تصبح مبرمجا!
ما يجب أن تعرفه مسبقا، أن أيّ مشروع أو برنامج ستطوره يمر على مراحل قبل الوصول إلى مرحلة البرمجة الفعلية و إنشاء أي موقع أو تطبيق ...
إضافة إلى الرصيد المعرفي و التّمكن من أساسيات لغة البرمجة التي ستعتمدها من أجل ذلك، وجب عليك اختيار اللغة التي ستساعدك أكثر، لأن لكل مجال هناك لغة ستدعمك أكثر، تختلف باختلاف احتياجات كل منها، فما ينتظره صاحب محل تجاري يختلف عن متطلبات الصيدلاني، وتختلف عما يحتاجه المحاسب وغيرها من المجالات...
شيء آخر، طبيعة المجال تلزمك اختيار طبيعة التطبيق، وماذا سيكون:
- موقع إلكتروني (Website)
- تطبيق واب(Web Application)
- تطبيق هاتف (Mobile Application)
- تطبيق حاسوب ( Desktop Application)
كل شيء يعتمد على حاجة المستخدم و كيف أنك ستسهل عليه الوصول إلى المعلومات الخاصة به، إن كان في مكان عمل ثابت، أو متنقل، المهم أن يكون عمليا، سهل الإستخدام و الأهم أن يكون فعّالا، أي أن يُحقّق المطلوب منه بكل بدقة ....
٢. خطوات نحو إتمام تطبيقك!
مما نلاحظه على بعض المبرمجين مباشرتهم للعمل دون تخطيط أو دراسة، إن لم تكن منعدمة فهي غير شاملة أو غير كافية، مما يُشتت على المبرمج عمله و قد يضطر إلى إعادة العمل مرات و مرات و هنا قد يخسر أهم عامل في طريق البرمجة ألا و هو الوقت!
- إذاً ما هي الخطوات من أجل عمل منظم و عملي؟
1. أولا نبدأ بدراسة المشروع (Existence Studies) هي مرحلة مراجعة المشروع مع صاحبه و فهم متطلباته و البحث في الغايات المرجو تحقيقها من وراء هذا التطبيق، تخلص هذه النقاط في ملف نطلق عليه اسم ( Cahier de Charges/Specifications)
2. بالانتهاء من المرحلة الأولى تكون قد تكونت عندنا نظرة عامة حول المشروع التي تمكننا من دخول مرحلة النمذجة (Modelization) و هي مرحلة بينية تسمح بترجمة حاجات المجال و تبسيطها بشكل يفهمها المبرمج على شكل مخططات (Diagrams)
UML(Unified Modeling Language)
لغة النمذجة المعيارية ، أشهر ما يستخدم من أجل النمذجة ترتكز على 14 مخطط، أشهرها، أو الأكثر استخداما :
A. Use-Cases Diagram
الذي يسمح بتحديد جملة المستخدمين، المهام الأساسية للبرنامج و العلاقة بينهما!
B. Sequence Diagram
يسمح بتمثيل السيناريوهات التي تحدث بين المستخدم و النظام!
C. Class Diagram
و يعتبر هذا المنحنى أهم منحى على الإطلاق، يتم فيه تجسيد المعطيات على شكل فئات(Classes) و تمثيل العلاقة بينها، و هو الركيزة الأساسية للتوجه نحو البرمجة الموجهة بالكائن (Oriented Object Programming)
3. مرحلة البرمجة الفعلية، التي من المستحسن أن يتم فيها تقسيم العمل حسب الوظائف, أي فصل المعطيات(Data) عن المعالجة (treatments)و فصل المعالجات عن الواجهات( Graphic Interfaces)
بالنهاية، يبقى التخطيط المحكم و التنظيم نقطة محورية في أي عمل يختصر على صاحبه عديد المسافات، يكسبه الوقت كما يمنحه نتائج مرضية و الأهم أنها عملية
المصدر : https://www.facebook.com/107805688302035/posts/115717090844228/
Facebook
Log in or sign up to view
See posts, photos and more on Facebook.
كيف تكون قادر على اختراق المواقع ?
لكي تخترق موقع يجب ان تفهم كيف يبرمج اصلا و ماهي الاخطاء التي يمكن ان تحدث و تستطيع استغلالها يعني اولا عليك تعلم برمجة موقع الكتروني ليس شرط تكون محترف لكن على الاقل تفهم ماهي المواقع اولا تعلم هذه اللغات البسيطة
HTML لغة التررميز
CSS لغة الانماط الانسيابية
JS لغة البرمجة (javascript)
HTML & CSS
ستكون قادر على صنع شيل خاص بك ترفعه على الموقع
JAVASCRIPT
تفيدك في الشيل و تفيدك ايذا في حقن المواقع المصابة بثغرات مثل XSS و تفيدك في عدة امور مثل الاستعلام
- بعد تعلم تلك الللغات تحتاج تعلم طرق الفحص و استخراج الثغرات و هنا ستحتاح تعلم استعمال بعض الادوات و التقنيات المتاحة في اختبار الاختراق لهذا تعلم التالي :
1- شرح اداة netcat
2- تعلم ال GHDB و مواقع whois + NSlookup
3- و تعلم كيفية جمع المعلومات المطلوبة عن طريق snmp & smtp
4- شرح استخراج البورتات المفتوحة و فحصها عن طريق Nmap & Unicornscan & nc
5- فهم كيفية التعامل مع السيرفر و ايجاد لوحات الدخول لموقع السيرفر
6- معرفة ماهي ثغرات الحقن و تعلم استغلالها
7- تعلم استعمال sqlmap+sqlsentinel
8- POST Sql injection & Authentication bypass
9-تعلم csrf + و كيف تكتب الاستغلال
10- فهم ثغرة XSS المخزنة و الغير مخزنة في قاعدة البيانات
11- تعلم ماهي ثغرات الانكلود كيف تكتشفها و تستغلها
12- كيف تفحص الثغرة عن طريق Acunitex scanner و nmap
13- فهم ماهي خدمة الكلودفلير + كيفية تخطي Cloudflare
14- جلب يوزرات السيرفر من خارج السيرفر وتخمين السيبنل وتخطى الباند
15- تعلم التخمين على لوحة الدخول و ftp ssh smtp rdp
16- شرح ماخي الثغرات و كيف تستغلها من داخل الكود البرمجي
17- تعلم ماهو fuzzing على ftp server + apache + PHP bypass
18- كيف تستغل ال BOF في FTP server و طريق فك الهاشات
19- فحص السيرفر نفسه
20- ايجاد لوحة تسجيل الدخول لأي موقع يدويا
تعلمهم وراح تكون قادر على اختراق المواقع
ملاحظة: تعلم كيف تحمي نفسك من التتبع و تحذف سجلاتك من على الموقع يلي تخترق فيه و عدة.امووووور
منقول من مجموعتنا على الفايسبوك
#1954
#info_cyber
لكي تخترق موقع يجب ان تفهم كيف يبرمج اصلا و ماهي الاخطاء التي يمكن ان تحدث و تستطيع استغلالها يعني اولا عليك تعلم برمجة موقع الكتروني ليس شرط تكون محترف لكن على الاقل تفهم ماهي المواقع اولا تعلم هذه اللغات البسيطة
HTML لغة التررميز
CSS لغة الانماط الانسيابية
JS لغة البرمجة (javascript)
HTML & CSS
ستكون قادر على صنع شيل خاص بك ترفعه على الموقع
JAVASCRIPT
تفيدك في الشيل و تفيدك ايذا في حقن المواقع المصابة بثغرات مثل XSS و تفيدك في عدة امور مثل الاستعلام
- بعد تعلم تلك الللغات تحتاج تعلم طرق الفحص و استخراج الثغرات و هنا ستحتاح تعلم استعمال بعض الادوات و التقنيات المتاحة في اختبار الاختراق لهذا تعلم التالي :
1- شرح اداة netcat
2- تعلم ال GHDB و مواقع whois + NSlookup
3- و تعلم كيفية جمع المعلومات المطلوبة عن طريق snmp & smtp
4- شرح استخراج البورتات المفتوحة و فحصها عن طريق Nmap & Unicornscan & nc
5- فهم كيفية التعامل مع السيرفر و ايجاد لوحات الدخول لموقع السيرفر
6- معرفة ماهي ثغرات الحقن و تعلم استغلالها
7- تعلم استعمال sqlmap+sqlsentinel
8- POST Sql injection & Authentication bypass
9-تعلم csrf + و كيف تكتب الاستغلال
10- فهم ثغرة XSS المخزنة و الغير مخزنة في قاعدة البيانات
11- تعلم ماهي ثغرات الانكلود كيف تكتشفها و تستغلها
12- كيف تفحص الثغرة عن طريق Acunitex scanner و nmap
13- فهم ماهي خدمة الكلودفلير + كيفية تخطي Cloudflare
14- جلب يوزرات السيرفر من خارج السيرفر وتخمين السيبنل وتخطى الباند
15- تعلم التخمين على لوحة الدخول و ftp ssh smtp rdp
16- شرح ماخي الثغرات و كيف تستغلها من داخل الكود البرمجي
17- تعلم ماهو fuzzing على ftp server + apache + PHP bypass
18- كيف تستغل ال BOF في FTP server و طريق فك الهاشات
19- فحص السيرفر نفسه
20- ايجاد لوحة تسجيل الدخول لأي موقع يدويا
تعلمهم وراح تكون قادر على اختراق المواقع
ملاحظة: تعلم كيف تحمي نفسك من التتبع و تحذف سجلاتك من على الموقع يلي تخترق فيه و عدة.امووووور
منقول من مجموعتنا على الفايسبوك
#1954
#info_cyber