أقوى وأفضل ملخصات لتصميم وتطوير المواقع Front end مع الترجمه والشرح باللغه العربيه ( HTML - HTML5 - CSS -CSS3 - JAVASCRIPT )

https://m7md-soft.blogspot.com/2019/02/front-end-html-html5-css-css3-javascript.html?m=1



بدايه مبرمج وتساب
https://chat.whatsapp.com/HJPjkrbQOha9V0VoCcM5zA

بديه مبرمج على التلجرام
https://t.me/programmer_101
القناة على التلجرام
https://t.me/beginprogrammer

SMADΔV مكافح للكمبيوتر

جدول الاختصارات والتشكيل والرموز ....
============================
1. الضغط على الزر Win + B، لإيقاف عمل لوحة المفاتيح ومنع الأزرار من الكتابة.
2. الضغط على الزر Win + D، للعودة إلى سطح المكتب مباشرة.
3.الضغط على الزر Win + E، للدخول مباشرة إلى My computer
4. الضغط على الزر Win + F، لفتح "البحث" دون استخدام فأرة الكمبيوتر.
5. الضغط على الزر Win + L، لإقفال شاشة جهاز الكمبيوتر.
6. الضغط على الزر Win + M، لإغلاق جميع النوافذ المستخدمة على سطح المكتب.
7. الضغط على الزر Win + P، لتبديل طريقة تشغيل شاشة العرض الإضافية.
8. الضغط على الزر Win + R، لفتح نافذة "التشغيل".
9. الضغط على الزر Win + T، لتفعيل شريط المهام.
10. الضغط على الزر Win + U، لتظهر على الشاشة "قائمة المهمات".
11. الضغط على الزر Win + X، لتظهر قائمة "برامج الهاتف" في نظام Windows 7، أما في Windows 8 فتظهر على الشاشة قائمة "ابدأ".
12. الضغط على الزر Win + F1، لتظهر قائمة "Help and support".
13. الضغط على الزر Win + "السهم إلى أعلى"، لتتوسع النافذة المفتوحة حتى كامل مساحة الشاشة.
14. الضغط على الزر Win + "السهم الأيمن أو الأيسر"، لتتحرك النافذة المفتوحة إلى اليسار أو اليمين.
15. الضغط على الزر Win + Shift + "السهم الأيمن أو الأيسر"، لنقل النافذة المفتوحة من شاشة إلى أخرى.
16. الضغط على الزر Win + مفتاح "+"، لزيادة مساحة الشاشة.
17. الضغط على win + اي رقم
كل رقم يرمز لترتيب ايكونات شريط المهام
لو مثلا كروم اول ايكونة اضغط Win +1 يفتح كروم وهكذا مع بقية الأيقونات.اسرار لوحة المفاتيح keyboard :-
===================
Shift + E : الضمة
Shift + X : السكون
Shift + Q : الفتحة
Shift + A : الكسرة
ذ + Shift : الشدة
Shift + Z : المدة
Shift + W : تنوين فتح
Shift + S : تنوين كسرة
Shift + R : تنوين ضم
Shift + T : لإ
Shift + G : لأ
Shift + Y : إ
Shift + H : أ
Shift + N : آ
Shift + B : لآ
Shift + V : {
Shift + C : }
Shift + F : ]
Shift + D : [
Shift + J : تمديد الحرف
Ctrl + C : نسخ
Ctrl + X : قص
Ctrl + V : لصق
Ctrl + Z : تراجع
Ctrl + A : تعليم الملف
Shift + U : فاصلة معكوسة
Ctrl + ESC : قائمة المهام
Ctrl + Enter : ابتداء صفحة جديدة
Ctrl + Shift : لغة عربية ( يمين )
Ctrl + Shift : لغة إنجليزية ( يسار )
Ctrl + 1 : مسافة مفردة
Ctrl + 5 : مسافة سطر ونصف
Ctrl + 2 : مسافة مزدوجة
Ctrl + G : الانتقال إلى صفحة
Ctrl + END : الانتقال إلى نهاية الملف
Ctrl + F5 : تصغير نافذة الملف
Ctrl + F6 : الانتقال من ملف لأخر
Ctrl + F2 : معاينة الصفحة قبل الطباعة
= + Ctrl : تكبير وتصغير درجة واحدة
F4 : تكرار أخر عملية
Alt + Enter : تكرار أخر عملية
Ctrl + Y : تكرار أخر عملية
Ctrl + F9 : فتح قوسين جاهزين
Shift + F10 : تعداد نقطي ورقمي
F12 : حفظ بأسم
Shift + F12 : حفظ الملف
Ctrl + Home : أول المستند
Ctrl + End : أخر المستند
Shift + F1 : معلومات عن نوع التنسيق
Ctrl + U : سطر تحت النص
Ctrl + F4 : خروج من الملف
Ctrl + N : ملف جديد
Ctrl + H : استبدال
Ctrl + I : خط مائل
Ctrl + K : تنسيق المستند
Ctrl + P : طباعة
Ctrl + O : فتح منطقة
د + Ctrl : تكبير النص
ج + Ctrl : تصغير النص
Alt + S : قائمة تنسيق
Alt + J : قائمة تعليمات
[ + Alt : قائمة جدول
] + Alt : قائمة أدوات
Alt + U : قائمة عرض
Alt + P : قائمة تحرير
Alt + L : قائمة ملف
“ + Alt : قائمة إطار
Alt + Q : تعديل مسطرة
Ctrl + E : توسيط النص
Ctrl + F : بحث
Ctrl + B : خط أسود
Ctrl+Shift + P : حجم الخط
Ctrl+Shift + S : نمط
Ctrl + D : خط
Ctrl+Shift + K : تحويل الحروف - Capital
Shift + F3 : تحويل الحروف - Capital
Ctrl+Shift + L : وضع نقطة عند بداية النص
Ctrl+Alt + E : حواشي سفلية ترقيم روماني
Ctrl+Alt + R : وضع علامة ®
Ctrl+Alt + T : وضع علامة ™
Ctrl+Alt + C : وضع علامة ©
Ctrl+Alt + I : معاينة الصفحة قبل الطباعة
Shift + F7 : قاموس المرادفات
Ctrl+Alt + F1 : معلومات النظام
Ctrl+Alt + F2 : فتح الدلائل
Ctrl + J : تسوية النص من الجانبين
Ctrl + L : بداية النص من الجانب الأيسر
Ctrl + Q : بداية النص من الجانب الأيمن
Ctrl + E : توسيط النص
Ctrl + M : تغيير المقاس الأعلى للفقرة
Shift + F5 : رجوع إلى الموضع الذي انتهيت منه عند إغلاق الملف
= + Ctrl + Alt : تخصيص
F3 : إدخال نص تلقائي
F9 : تدقيق حقول
F10 : تحريك إطار لفتح النوافذ
F1 : تعليمات
F5 : الانتقال إلى
F7 : تدقيق إملائي
F8 : تعليم منطقة
ctrl+a
يعمل هذا الامر بتحديد الكل للنص او الكائن
ctrl+c
يعمل هذا الامر بنسخ الذي تم تحديده
ctrl+v يعمل هذا الامر بلصق المنسوخ
ctrl+x يعمل هذا الامر بقص الذي تم تحديدة
ctrl+z هذا الامر مهم جذا يمكنك التراجع عن اي امر عملته
ctrl+p هذا الامر يعطي لبرنامج النتصفح او اي برنامج امر بالطباعة
ctrl+o يمكن

ك فنح ملف من اي برنامج عن طريق هذا الامر
ctrl+w يمكنك اغلاق اي نافذة مفتوحة
ctrl+d امر يجعل برنامج التصفح يحفظ الصفحة المعروضة الي المفضلة
ctrl+f يمكن لك بحث في البرنامج عن الكلمة
ctrl+b يمكن لك ترتيب ملف المفضلة عن طريق هذا الامر
ctrl+s حفظ العمل الذي قمت به
ctrl+shift يجعل مؤشر الكتابة يذهب الى اليسار
ctrl+shift يجعل المؤشريذهب الى اليمين
alt+f4 أمر مفيد يقوم بإغلاق النوافذ
alt+esc يمكنك التنقل من نافذة الى نافذة
alt+tab امر مفيد جدا لك اذا كان هنالك نوافذ كثيرة مفتوح يمكنك اختيار النافذة المطلوبة
alt+shift اليسار يحول الكتابة من العربي الى انجليزي
alt+shift اليمين يحول الكتابة من انجليزي الى عربي
f2 امر مفيد وسريع يمكنك من تغير اسم ملف محدد
اختصارات الكيبورد
اختصارات الكيبورد
الازار والوظيفه
CTRL + A
تحديد كامل المستند
CTRL + B
الكتابة بخط غامق
CTRL + C
نسخ
CTRL + D
شاشة تنسيق الخط
CTRL + E
توسيط الكتابة
CTRL + F
بحث
CTRL + G
الانتقال إلي بين الصفحات
CTRL + H
استبدال
CTRL + I
إمالة الكتابة
CTRL + J
ضبط الكتابة
CTRL + L
الكتابة جهة اليسار
CTRL + M
تحريك النص إلى اليمين
CTRL + N
صفحة جديدة / فتح ملف جديد
CTRL + O
فتح ملف موجود
CTRL + P
طباعة
CTRL + R
الكتابة جهة اليمين
CTRL + S
حفظ الملف
CTRL + U
وضع خط تحت الكتابة
CTRL + V
لصق
CTRL + W
إغلاق برنامج WORD
CTRL + X
قص
CTRL + Y
تكرار. تقدم
CTRL + Z
تراجع عن الكتابة
حرف ج + CTRL
تصغير النص المحدد
حرف د + CTRL
تكبير النص المحدد
Ctrl + TAB
للتنقل إلي الأمام بين الإطارات
Ctrl + Insert
نفس عملية النسخ وهي تنسخ الكائن المحدد
ALT + TAB
للتنقل بين النوافذ المفتوحة
السهم الأيمن +Alt
للإنتقال للصفحة السابقة ( زر للخلف )
السهم الأيسر + Alt
للإنتقال للصفحة التالية ( زر للأمام )
Alt + D
لنقل المؤشر إلي شريط العنوان
Alt+F4
أمر يقوم بإغلاق النوافذ المفتوحة
Alt + Space
سيتم عرض قائمة خاصة بالتحكم في النافذة المفتوحة مثل تصغير , تحريك أو إغلاق وغير ذلك من أوامر
Alt + ENTER
يقوم بعرض خصائص العنصر الذي قمت بتحديده .
Alt + Esc
يمكنك التنقل من نافذة إلى أخرى
يسار SHIFT+ Alt
يحول الكتابة من عربي إلى إنجليزي
يمين SHIFT+ Alt
يحول الكتابة من إنجليزي إلى عربي
F2
أمر مفيد وسريع يمكنك من تغير اسم ملف محدد
F3
ابحث عن ملف معين عن طريق هذا الأمر
F4
لعرض عناوين الإنترنت التي كتبتها في شريط العناوين
F5
لتحديث محتويات الصفحة
F11
للتحويل من عرض داخل إطار إلي ملء الشاشة
ENTER
للذهاب للرابطة المختارة
ESC
لإيقاف تحميل وفتح الصفحة
HOME
للإنتقال إلي بداية الصفحة
END
للإنتقال إلي نهاية الصفحة
Page U
ارجوا ان تستفادوا منها 🌺



بدايه مبرمج وتساب
https://chat.whatsapp.com/HJPjkrbQOha9V0VoCcM5zA

بديه مبرمج على التلجرام
https://t.me/programmer_101
القناة على التلجرام
https://t.me/beginprogrammer

تعلم لغة HTML

HTML هي اختصار “HyperText Mark-up Language”، إذا أردت إنشاء موقع فلا توجد طريقة أخرى غير استخدام لغة HTML، فهذه اللغة هي الاساس في برمجة تطبيقات الويب, وتعلم اللغة جدا بسيط وسهل فهي عبارة عن أوسم tags تحفظها وتفهم طريقة عملها ومن ثم تقوم بترتيبها لتناسب تصميم صفحتكِِ.

بعض المواضيع المهمة في تعلم لغة HTML:

Getting
Started
Tags, 
Attributes and ElementsPage Titles
Paragraphs
Headings
Lists
Links
Images
Tables
Forms

تعلمت لغة HTML ماهي الخطوة التالية؟

تعلم لغة JavaScript

اذا اردت بناء صفحة Html فستكون صفحة ثابته, بمعنى لايمكنها التفاعل مع المستخدم, فمثلاً لو أردت إخفاء نص او إظهاره بمجرد الضغط على زر, لن تستطيع فعلها بإستخدام الـ Html والحل هو إستخدام الجافا سكربت.

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



بعض المواضيع المهمة في تعلم  لغة JavaScript:

Making
Stuff
Happen
Variables and DataDoing
MathLogic
Conditional
Looping
Functions
Objects
Arrays
The DOM
Events and Callbacks
AJAX
JSON
Scope

تعلمت الجافا سكربت, مالتالي؟

تعلم تقنية CSS

هي إختصار Cascading Style Sheets معناها الحرفي هو صفحات الانماط المتراصه ، أو صفحات الأنماط الانسيابية, تقنية تهتم بالتصميم فهي تهتم بالخطوط، الألوان، الهامش، والعرض والارتفاع، صورة خلفية الموقع، وكيفية توزيع المساحات وأشياء أخرى كثيرة; فيمكنك تعديل تنسيق صفحات الـ Html مباشرة من نفس الصفحة او ان تستخدم ملف Css خارجي مستقل, وهذا هو الافضل لكي يسهل لك تعديل التنسيق لاحقاً بدون الحاجة الى تعديل كل صفحة Html بشكل مستقل, كما انه بإمكانك ربط ملف Css واحد يتضمن تنسيق واحد على جميع صفحات موقعك وهنا تكمن قوة هذه التقنية.

هي إختصار Cascading Style Sheets معناها الحرفي هو صفحات الانماط المتراصه ، أو صفحات الأنماط الانسيابية, تقنية تهتم بالتصميم فهي تهتم بالخطوط، الألوان، الهامش، والعرض والارتفاع، صورة خلفية الموقع، وكيفية توزيع المساحات وأشياء أخرى كثيرة; فيمكنك تعديل تنسيق صفحات الـ Html مباشرة من نفس الصفحة او ان تستخدم ملف Css خارجي مستقل, وهذا هو الافضل لكي يسهل لك تعديل التنسيق لاحقاً بدون الحاجة الى تعديل كل صفحة Html بشكل مستقل, كما انه بإمكانك ربط ملف Css واحد يتضمن تنسيق واحد على جميع صفحات موقعك وهنا تكمن قوة هذه التقنية

بعض المواضيع المهمة في تعلم الـ Css:

CSS Introduction
CSS Syntax
CSSColors, 
Backgrounds & BordersCSS Margins, 
Padding & Height/WidthCSS Text, 
Fonts & LinksCSS
Lists
Tables

تعلمت الـ Css ما التالي؟

حتى هذه النقطة فإن مسماك هو “front-end web development” وهو الشخص اللذي يتعامل مع الواجهة الرئيسية وكيف تظهر للمستخدم على المتصفح, والخطوة التالية لك هي اما ان تكمل في هذا المجال وتبحث عن نقاط ضعفك في التقنيات السابقة وتحاول ان تطورها او تنتقل الى المسمى التالي وهو “back-end web development” وهو الشخص الذي يتعامل مع الكود الذي سيعمل على السيرفر والذي سيقوم بجلب او تخزين البيانات من قواعد البيانات بالاضافة الى معالجة كل امر يرسل المستخدم الى السيرفر وغيرها من الامور.

وانت مخير بين ان تكمل في مجال الـ Front end او الانتقال الى الـ back end او ان تجميع بينهم وتتعلمهم جميعاً وبالتالي سيصبح مسماك Full stack developer

كيف ابدأ في الـ Back-end ؟

انت مخير بين عدة لغات وتقنيات تستطيع استخدامها لكتابة بعض الاكواد لتعمل على السيرفر ومن بينها:

لغة PHP

PHP عباره عن لغة تسمى ( Server Side Scripting Language ) ونعني بذلك أنها تترجم من جهة السيرفر وليس من جهاز المستخدم, بمعنى انك غير مطالب بتثبيت اي برنامج على جهاز المستخدم ليستطيع تصفح الموقع, جميع الامور ستتم في السيرفر وستعرض فقط للمستخدم عن طريق المتصفح, لغة مفتوحة المصدر فيستطيع اي مطور التعديل او اضافة مكتباته الخاصة.


لغة php تعتبر من اللغات القوية في مجال الويب, وتحتوي على مكتبات ودوال مثل اي لغة برمجية اخرى فعلى سبيل المثال تستطيع التعامل مع الشروط “IF”, التكرار “Loop”, المصفوفات وايضا التعامل مع انواع البيانات data type, وغيرها من الامور الموجودة في اي لغة برمجية اخرى.

بعض المواضيع المهمة في الـ PHP:

PHP Basics
PHP Loops
PHP Conditionals
PHP Functions
PHP Strings
PHP Arrays
PHP Objects
PHP and HTML
PHP and Cookies
PHP SessionsPHP and MySQL

Express

Express هي مكتبة للـ

أفضل محرر نصوص قد تستخدمه ل HTML

برنامج تصوير الشاشه

موقع فيه كتب عن كل لغات البرمجة ..
ومفيد جدا جدا ..
لو هتشتغل ع نفسك بجانب الكورسات الاونلاين ..
ادمج معاهم الكتاب تبع الكورس بتاعك و هتخرج حاجة رائعة ⁦❤️🤝

https://books.goalkicker.com/

تمارين في ال #C++

.

1- تمارين مبتدئ ومتوسط
http://www.practicepython.org

2- تحديات وتمارين
http://github.com/zhiwehu/Python-programming-exercises

3-تحدي البايثون.. على شكل أحجيات غريبة نوعاً ما
http://www.pythonchallenge.com/

4- تطبيقات عملية على طرق عرض البيانات والواجهات والأي بي آي والشبكات وغيرها
http://newcoder.io

5- تمرن بتنفيذ مشاريع صغيرة
https://codeclubprojects.org/en-GB/python/

6- محرك بحث فيه مشاريع بايثون جاهزة
http://nullege.com

7- تطبيقات وتمارين
http://pythonsheets.com

#python

.

https://chat.whatsapp.com/KLYGz792kfj0RGiveA3dco


حرصا منا على ان تصل الفايدة والمعلومة للجميع ونظرا لإزدحام المجموعة الاولى #بداية_مبرمج
تم إنشاء مجموعة #بداية_مبرمج_ 2