كتاب: الدّليل المُختصر لصفحات الهبوط (Landing Pages) مُتاح للتحميل مجانًا.
http://bit.ly/1PZdfgA #تسويق
http://bit.ly/1PZdfgA #تسويق
أكاديمية حسوب
الدّليل المُختصر لصفحات الهبوط (Landing Pages)
صفحات الهبوط أو Landing Pages أصبحت الآن من الثوابت في عالم التسويق الإلكتروني لكل من يرغب في بناء قائمة بريدية ثرية من العملاء المستهدفين، الذين يمثلون أعلى عائد على الاستثمار ROI (اختصارًا لـ Return On Investment) إذا تم استغلالها بالشكل الصحيح.ولكن ما…
كتاب دليلك المُختصر لبيع المُنتجات الرّقمية، متاح للتحميل مجانًا.
للتحميل: http://bit.ly/1IWXYoJ
#رياديون #كتب
للتحميل: http://bit.ly/1IWXYoJ
#رياديون #كتب
أكاديمية حسوب
دليلك المُختصر لبيع المُنتجات الرّقمية
هل لديك وظيفة ولكن طموحك يمنعك من الاعتماد على الوظيفة فقط وأردت أن تبدأ عملك الحر لتحقق المزيد من الدخل والاستقلالية، فأنا ادعوك لقراءة هذا الدليل المختصر ...
برمجة الألعاب
Android,iPhone, Xbox
التطبيق الأول لعبة السيارات
https://www.youtube.com/watch?v=-0N0FJtQibs&list=PLF8OvnCBlEY0vlLPdCchXRGZKMrH4tr1I&index=1
Android,iPhone, Xbox
التطبيق الأول لعبة السيارات
https://www.youtube.com/watch?v=-0N0FJtQibs&list=PLF8OvnCBlEY0vlLPdCchXRGZKMrH4tr1I&index=1
YouTube
2-Unity game| Start with unity التطبيق الأول لعبة السيارات
كيف تعمل Online مع فريق في مشروع واحد Microsoft TFS
شرح كيف يتم العمل مع فريق في مشروع واحد وكيم يتم تنظيم العمل والواجبات بين أعضاء الفريق باستخدام تقنية TFSمن شركة مايكروسوفت
https://www.youtube.com/watch?v=Idh9PvYzVqI&index=3&list=PLF8OvnCBlEY0UPGDSNSyTquAkmKfZWvXBج
شرح كيف يتم العمل مع فريق في مشروع واحد وكيم يتم تنظيم العمل والواجبات بين أعضاء الفريق باستخدام تقنية TFSمن شركة مايكروسوفت
https://www.youtube.com/watch?v=Idh9PvYzVqI&index=3&list=PLF8OvnCBlEY0UPGDSNSyTquAkmKfZWvXBج
YouTube
كيف تعمل Online مع فريق في مشروع واحد Microsoft TFS
شرح كيف يتم العمل مع فريق في مشروع واحد وكيم يتم تنظيم العمل والواجبات بين أعضاء الفريق باستخدام تقنية TFSمن شركة مايكروسوفت
وضع نفسك في مقارنة مع مبرمج قد يكون فيه ظلم لك حتى لو كان بالفعل أجدر منك.. فهناك عوامل مؤثرة..مثل اختلاف فترة التجربة وغيرها.. لذا دعك منها
قائمة بأفضل برامج تحرير النصوص البرمجية http://www.th3professional.com/2014/06/Best-Programming-Text-Editor.html
المحترف: شروحات برامج مكتوبة ومصورة بالفيديو | Almohtarif
قائمة بأفضل برامج تحرير النصوص البرمجية
إذا كنت تنفق الكثير من الوقت أمام شاشة الكمبيوتر في كتابة مجموعة طويلة من الأكواد البرمجية ، فمن الضروري استخدام الأداة التي تسمح لك بالعمل بشكل أسرع وأذكى . اختيار محرر النصوص هي احدى المهام التي يستهان بها وهو الشيء الذي ينبغي القيام به على محمل الجد، لكن…
ماهو الـ Object و Json & XML :
http://alhazmy13.net/object_json_and_xml/
http://alhazmy13.net/object_json_and_xml/
Abdullah Alhazmy
ماهو الـ Object و Json & XML
قبل ان نبدأ في توضيح ماهو الـ Json او Xml فنحن بحاجة الى توضيح مفهوم الـ Object.
ماهو الـ Object ؟
الـ Object هو كائن يحمل مجموعة من الخصائص لعنصر ما, فمثلا الطالب يعتبر Object
والمدرس يعتبر Object وكل شئ في هذه الحياة نتعامل معه في البرمجة كـ Object, ومن…
ماهو الـ Object ؟
الـ Object هو كائن يحمل مجموعة من الخصائص لعنصر ما, فمثلا الطالب يعتبر Object
والمدرس يعتبر Object وكل شئ في هذه الحياة نتعامل معه في البرمجة كـ Object, ومن…
جديد الدروس على أكاديمية حسوب: مدخل إلى لغة بايثون البرمجية
http://bit.ly/1lVSghz | #Python #حزب_المبرمجين
http://bit.ly/1lVSghz | #Python #حزب_المبرمجين
كيفية الـتعامل مع خرائط Google Maps برمجيا باستخدام جافاسكربت (الـجزء الثاني)
http://bit.ly/1QxPQBj
#برمجة
http://bit.ly/1QxPQBj
#برمجة
أكاديمية حسوب
كيفية الـتعامل مع خرائط Google Maps برمجيا باستخدام جافاسكربت (الـجزء الثاني)
التعرف على أنواع خرائط غوغل، خدمة منظور الشارع، وتحديد المواقع
بناء علي رغبة الجماهير ....
الكورس العملي لتعلم برمجة اندرويد خطوة بخطوة
(مش لازم تكون عارف جافا)
قبل ما تبدأ الكورس لازم تشوف المحاضرة دي
محاضرة أفكار برمجية (هامة جدا)
https://www.youtube.com/watch?v=_WrWIYuuPR4
----------------------------------------------------------
المحاضرة الأولي
- هنتعرف علي Layout & Activity
https://goo.gl/UPN6FU
----------------------------------------------------------
المحاضرة الثانية
- أول برنامج (عملي)
- هنتعرف علي WebView وبعض عناصر View
https://goo.gl/MgPqy9
----------------------------------------------------------
المحاضرة الثالثة
- هنتعلم ازاي نتعامل مع الملفات File System وازاي نخزن البيانات في ملف .. وازاي نقرا ونحذف الملفات .. وازاي نعرف اذا كان الملف دة موجود ولا لأ
المحاضرة
https://goo.gl/YxiHIg
تحميل أكواد المحاضرة الثالثة
https://goo.gl/LnGYIY
----------------------------------------------------------
المحاضرة الرابعة
- هنتعلم أسلوب برمجي جديد تماما وسهل جدااا (ازاي نبرمج من غير مانبرمج)
- هنتعلم ازاي نفتح أي Activity حتي لو كان في برنامج تاني
- ازاي نتصل أو نبعت رسالة SMS أو ايميل ... عن طريق التطبيق بتاعنا
- ازاي نفتح الـ browser ونخليه يفتح موقع معين
- ازاي نعمل Share لمحتوي داخل التطبيق عن طريق البلوتوث او رسالة او واتساب أو فيسبوك أو أي وسيلة أخري
المحاضرة
https://goo.gl/OP1RnH
تحميل أكواد المحاضرة الرابعة
https://goo.gl/PiyyQz
----------------------------------------------------------
المحاضرة الخامسة
- هنتعلم ازاي نعمل Advanced Notification System (نظام تنبيهات متقدم) بحيث لما يوصل التنبيه يعمل نغمة معينة وvibration معين وled معين
- ولما اليوزر يعمل expand للnotification تظهر التفاصيل الاضافية .
-مع اختيار icon صغيرة وصورة لل notification
- وتحديد وقت التنبيه (سواء في المستقبل أو في الماضي)
-وهنتعلم ازاي نضيف actions لل notification زي مثلا share و reply واي action تحب تضيفه
- وكمان هنتعلم ازاي نعمل كل دة في سطر واحد بس .. عن طريق eldeeb.java
المحاضرة
https://goo.gl/og5hg2
اكواد المحاضرة
https://goo.gl/ceM7uZ
----------------------------------------------------------
موضوع المحاضرة القادمة :
1- جلب الdata L من السيرفر وتخزينها علي الموبايل
2- عرض ال data فيWebView
3- التعمق أكثر في WebView وتنفيذ أكواد JavaScript وأكواد Java من داخل WebView
4- التعرف علي json ومميزاتها والتعامل معها بالجافا
5- التعرف علي ListView و GridView والفرق بينهم وبين WebView
6- تنفيذ العمليات في Background .. مع امكانية اظهار Notification عند الانتهاء من العملية
7- تحديث البيانات وجلب البيانات الجديدة تلقائيا
8- التأكد من وجود اصدار حديث للبرنامج وتحديث البرنامج
----------------------------------------------------------
رابط تحميل ملف eldeeb.java
(يجب اعادة تحميل هذا الملف مع كل محاضرة .. لانه يتم تطويره باستمرار)
https://drive.google.com/open?id=0B5d_akSdGWlIM2l0c1BZSkp4Tmc
الكورس العملي لتعلم برمجة اندرويد خطوة بخطوة
(مش لازم تكون عارف جافا)
قبل ما تبدأ الكورس لازم تشوف المحاضرة دي
محاضرة أفكار برمجية (هامة جدا)
https://www.youtube.com/watch?v=_WrWIYuuPR4
----------------------------------------------------------
المحاضرة الأولي
- هنتعرف علي Layout & Activity
https://goo.gl/UPN6FU
----------------------------------------------------------
المحاضرة الثانية
- أول برنامج (عملي)
- هنتعرف علي WebView وبعض عناصر View
https://goo.gl/MgPqy9
----------------------------------------------------------
المحاضرة الثالثة
- هنتعلم ازاي نتعامل مع الملفات File System وازاي نخزن البيانات في ملف .. وازاي نقرا ونحذف الملفات .. وازاي نعرف اذا كان الملف دة موجود ولا لأ
المحاضرة
https://goo.gl/YxiHIg
تحميل أكواد المحاضرة الثالثة
https://goo.gl/LnGYIY
----------------------------------------------------------
المحاضرة الرابعة
- هنتعلم أسلوب برمجي جديد تماما وسهل جدااا (ازاي نبرمج من غير مانبرمج)
- هنتعلم ازاي نفتح أي Activity حتي لو كان في برنامج تاني
- ازاي نتصل أو نبعت رسالة SMS أو ايميل ... عن طريق التطبيق بتاعنا
- ازاي نفتح الـ browser ونخليه يفتح موقع معين
- ازاي نعمل Share لمحتوي داخل التطبيق عن طريق البلوتوث او رسالة او واتساب أو فيسبوك أو أي وسيلة أخري
المحاضرة
https://goo.gl/OP1RnH
تحميل أكواد المحاضرة الرابعة
https://goo.gl/PiyyQz
----------------------------------------------------------
المحاضرة الخامسة
- هنتعلم ازاي نعمل Advanced Notification System (نظام تنبيهات متقدم) بحيث لما يوصل التنبيه يعمل نغمة معينة وvibration معين وled معين
- ولما اليوزر يعمل expand للnotification تظهر التفاصيل الاضافية .
-مع اختيار icon صغيرة وصورة لل notification
- وتحديد وقت التنبيه (سواء في المستقبل أو في الماضي)
-وهنتعلم ازاي نضيف actions لل notification زي مثلا share و reply واي action تحب تضيفه
- وكمان هنتعلم ازاي نعمل كل دة في سطر واحد بس .. عن طريق eldeeb.java
المحاضرة
https://goo.gl/og5hg2
اكواد المحاضرة
https://goo.gl/ceM7uZ
----------------------------------------------------------
موضوع المحاضرة القادمة :
1- جلب الdata L من السيرفر وتخزينها علي الموبايل
2- عرض ال data فيWebView
3- التعمق أكثر في WebView وتنفيذ أكواد JavaScript وأكواد Java من داخل WebView
4- التعرف علي json ومميزاتها والتعامل معها بالجافا
5- التعرف علي ListView و GridView والفرق بينهم وبين WebView
6- تنفيذ العمليات في Background .. مع امكانية اظهار Notification عند الانتهاء من العملية
7- تحديث البيانات وجلب البيانات الجديدة تلقائيا
8- التأكد من وجود اصدار حديث للبرنامج وتحديث البرنامج
----------------------------------------------------------
رابط تحميل ملف eldeeb.java
(يجب اعادة تحميل هذا الملف مع كل محاضرة .. لانه يتم تطويره باستمرار)
https://drive.google.com/open?id=0B5d_akSdGWlIM2l0c1BZSkp4Tmc
YouTube
قبل ما تفكر تتعلم البرمجة شوف الفيديو دة - من سلسلة أفكار برمجية
اتعلم البرمجة - افكار برمجية - كورسات برمجة مجانية - php html css javascript
تعلم الانجليزية مجانا
https://www.almogtama3.com/english/?utm_source=youtube&utm_medium=desc&utm_campaign=desc
شاهد القصص الحقيقية الصادمة لاميرات ديزني
مولان تعمل في بيت دعارة…
تعلم الانجليزية مجانا
https://www.almogtama3.com/english/?utm_source=youtube&utm_medium=desc&utm_campaign=desc
شاهد القصص الحقيقية الصادمة لاميرات ديزني
مولان تعمل في بيت دعارة…
👍1
المصادر العالمية و الاكثر أفادة لتعلم واتقان ال data structure في جميع اللغات البرمجية :D شير بقي و أحفظ الPost دا عندك #شير_في_الخير
ما هي الData structure :-
ال Data Structure يعني هيكلة البيانات نوضح أكثر
في علم الحاسوب، يكون هيكل البيانات هو عبارة عن طريقة معينة لتخزين وتنظيم البيانات في الكمبيوتر بحيث يمكن استخدامه بكفاءة
هياكل البيانات توفر وسيلة لإدارة كميات ضخمة من البيانات بكفاءة، مثل قواعد البيانات الكبيرة وخدمات الفهرسة الانترنت. عادة، ما تكون كفاءة هياكل البيانات هي مفتاح لتصميم خوارزميات فعالة.
بعض طرق التصميم الرسمية ولغات البرمجة تعتمد على هياكل البيانات، بدلا من الخوارزميات، وبذلك تصبح عاملا رئيسيا في تنظيم و تصميم البرمجيات.
ندخل في الروابط والمصادر لكل لغة بمفردها :-
دورة ميزة باللغة العربية :-
https://www.youtube.com/playlist?list=PLrW6ND2wzt4o4kYvTrk1xQjCLiIumqTL3
1-http://www.geeksforgeeks.org/data-structures/
2-http://www.studytonight.com/data-structures/
ال Java :-
1-http://bit.ly/1OZrs9U
2-http://bit.ly/1NVKCub
3-مدخل الي الهيكلة البيانات في الجافا http://bit.ly/21Y0FSC
4-كورس مميز من Udemy باللغة الانجليزية http://bit.ly/1QlnuLS
5-http://www.barmaje.com/topics/39
6-http://www.bogotobogo.com/Algorithms/algorithms.php
ال C++ , C :-
1-http://bit.ly/1RKG2Vv
2-http://bit.ly/1Y5nvby
3-كتاب لشرح هياكل البيانات في ال C++ http://www.kutub.info/library/book/1918
4-http://www.algolist.net/
5-http://www.cplusplus.com/doc/tutorial/structures/
6-دورة مميزة باللغة الانجليزية https://www.youtube.com/playlist?list=PL2_aWCzGMAwI3W_JlcBbtYTwiQSsOTa6P&feature=view_all
ال C#:-
1-http://bit.ly/1O24K3R
2-http://www.brpreiss.com/books/opus6/html/book.html
3-كتاب جيد
4-https://www.safaribooksonline.com/library/view/data-structures-and/9781139814201/
5-http://www.tutorialspoint.com/csharp/csharp_struct.htm
6-http://bit.ly/1NN7KPH
هذا كل ما استطعنا أن نبحث عنه و نراجعه و الباقية قادمة ان شاء الله :)
لا تنسيوا الانضمام الي معجبي هفيدك تك علي صفحتنا هنا و الانضمام الي مشتركي قناتنا علي اليوتيوب :- http://www.youtube.com/hafedktechofficial
ما هي الData structure :-
ال Data Structure يعني هيكلة البيانات نوضح أكثر
في علم الحاسوب، يكون هيكل البيانات هو عبارة عن طريقة معينة لتخزين وتنظيم البيانات في الكمبيوتر بحيث يمكن استخدامه بكفاءة
هياكل البيانات توفر وسيلة لإدارة كميات ضخمة من البيانات بكفاءة، مثل قواعد البيانات الكبيرة وخدمات الفهرسة الانترنت. عادة، ما تكون كفاءة هياكل البيانات هي مفتاح لتصميم خوارزميات فعالة.
بعض طرق التصميم الرسمية ولغات البرمجة تعتمد على هياكل البيانات، بدلا من الخوارزميات، وبذلك تصبح عاملا رئيسيا في تنظيم و تصميم البرمجيات.
ندخل في الروابط والمصادر لكل لغة بمفردها :-
دورة ميزة باللغة العربية :-
https://www.youtube.com/playlist?list=PLrW6ND2wzt4o4kYvTrk1xQjCLiIumqTL3
1-http://www.geeksforgeeks.org/data-structures/
2-http://www.studytonight.com/data-structures/
ال Java :-
1-http://bit.ly/1OZrs9U
2-http://bit.ly/1NVKCub
3-مدخل الي الهيكلة البيانات في الجافا http://bit.ly/21Y0FSC
4-كورس مميز من Udemy باللغة الانجليزية http://bit.ly/1QlnuLS
5-http://www.barmaje.com/topics/39
6-http://www.bogotobogo.com/Algorithms/algorithms.php
ال C++ , C :-
1-http://bit.ly/1RKG2Vv
2-http://bit.ly/1Y5nvby
3-كتاب لشرح هياكل البيانات في ال C++ http://www.kutub.info/library/book/1918
4-http://www.algolist.net/
5-http://www.cplusplus.com/doc/tutorial/structures/
6-دورة مميزة باللغة الانجليزية https://www.youtube.com/playlist?list=PL2_aWCzGMAwI3W_JlcBbtYTwiQSsOTa6P&feature=view_all
ال C#:-
1-http://bit.ly/1O24K3R
2-http://www.brpreiss.com/books/opus6/html/book.html
3-كتاب جيد
4-https://www.safaribooksonline.com/library/view/data-structures-and/9781139814201/
5-http://www.tutorialspoint.com/csharp/csharp_struct.htm
6-http://bit.ly/1NN7KPH
هذا كل ما استطعنا أن نبحث عنه و نراجعه و الباقية قادمة ان شاء الله :)
لا تنسيوا الانضمام الي معجبي هفيدك تك علي صفحتنا هنا و الانضمام الي مشتركي قناتنا علي اليوتيوب :- http://www.youtube.com/hafedktechofficial
YouTube
Data Structures
كورس هيكلة البيانات كامل,
موقع Design for Startup لتوفير مصادر تعليمية عن التصميم
#تصميم #نصائح_تكنولوجية
http://aitnews.com/?p=226993
#تصميم #نصائح_تكنولوجية
http://aitnews.com/?p=226993
البوابة العربية للأخبار التقنية
موقع Design for Startup لتوفير مصادر تعليمية عن التصميم | البوابة العربية للأخبار التقنية
Design for Startup | عندما يرغب المستخدم بإنشاء شركة ناشئة، فإن أبرز العناصر التي تلعب دورًا مهمًا في انطلاقة هذا المشروع هو العنصر الجمالي، وبالتالي يجب على المستخدم الاهتمام
تطوير bootstrap لتصميم المواقع باللغة العربية.
https://github.com/libroanas/bootstrap-ar
https://github.com/libroanas/bootstrap-ar
مجموعة من بعض الاكواد التي كنت اقوم بها علي موقع codepen.io
HTML ,, CSS ,, jQeury ,,JavaScript
=========== Hover =========
1- عمل Hover بطريقة جميلة بإستهدام الـ Box-shadow
http://codepen.io/abokamal/pen/LEWBvL
2 - عمل Hover علي Button بطريقة جميلة
http://codepen.io/abokamal/pen/epEQgv
3 - المحتوي مخفي وفى حال الـ Hover علي الـ Box يظهر المحتوي بأكثر من طريقة
http://codepen.io/abokamal/pen/zxBNxd
4 - مجموعة من الـ Hover للـ Buttons بشكل جميل
http://codepen.io/abokamal/pen/NPRPrj
=========== Menu =========
5 - عمل Menu وفيها أكثر من Submenu بواسطـة HTML CSS فقط
http://codepen.io/abokamal/pen/Eamodw
6 - صنع Menu بطريقة عرض جميلة بإستخدام الـ SVG
http://codepen.io/abokamal/pen/zvzQyw
7 - كود Menu ووجود خط تحت List وانتقال هذا الخط لـ List التى يتم الـ Hoverعليها
http://codepen.io/abokamal/pen/yyoqez
8- كود Menu ويتم أظهار خط بطريقة جميلة تحت الـ list التي يتم الـ hover عليها .
http://codepen.io/abokamal/pen/emRxoM
9 - وضع ايقونات بجانب الـ List فى القائمة
http://codepen.io/abokamal/pen/doKppE
10 - كود Menu بسيط جدا مع ظهورها علي جميع الشاشات بشكل جميل باستخدام Media Query
http://codepen.io/abokamal/pen/emWXaO
=========== Forms =========
11 - وضع ايقونه أو صورة فى داخل Input Search
http://codepen.io/abokamal/pen/dPYMOQ
12 - عمل Form Login بإستخدام HTML CSS فقط
http://codepen.io/abokamal/pen/WbGbxO
13 - عمل Form Login بإستخدام HTML CSS jQuery
http://codepen.io/abokamal/pen/ogbWqP
14 - أيقونه Search وفي حال الضغط عليها ظهور الـinput الخاص بها
http://codepen.io/abokamal/pen/RNaLqE
15- كود أخر :: أيقونه Search وفي حال الضغط عليها ظهور الـinput الخاص بها
http://codepen.io/abokamal/pen/ogLpEj
16 - فى حقل كلمة المرور قم باضهارها حين الضغط علي أظهر كلمة المرور
http://codepen.io/abokamal/pen/GgXvrO
17 - دالة تقوم علي حساب عدد الحروف التي يتم كتابتها فى الـ Textarea
http://codepen.io/abokamal/pen/YPRPJZ
=========== Social Links =========
18 - عمل Social Links بطريقة جميلة مع ToolTips
http://codepen.io/abokamal/pen/JoNNOx
19 - الحقل الخاص بالبحث فى حال الـ Focus حدوث حركة جميلة .
http://codepen.io/abokamal/pen/qEZPop
20 - عمل Social Links بطريقة جميلة
http://codepen.io/abokamal/pen/bVRLoJ
=========== ٍSliders =========
21 - سلايدر بسيط بإستخدام الـ HTML CSS فقط
http://codepen.io/abokamal/pen/vEGGqP
22- سلايدر جميل وبسيط HTML CSS jQuery
http://codepen.io/abokamal/pen/jEqgBx
23 - سلايدر بسيط باستخدام HTML CSS jQuery
http://codepen.io/abokamal/pen/XJKoVG
24- عمل Accordion بإستخدام الـ Html Css فقط
http://codepen.io/abokamal/pen/myrwXg
=========== ٍTooltips =========
25 - عمل Tooltips بطريقة جميل وباستخدام HTML CSSفقط
http://codepen.io/abokamal/pen/oXXmdz
26 - عمل Tooltips مع Animate بسيط
http://codepen.io/abokamal/pen/ojdYRR
27- رسم قطة بيضاء باستخدام الـ CSS HTML فقط
http://codepen.io/abokamal/pen/azZOaw
28 - تغير شكل الـمؤشر الخاص بالفأرة الى اى شكل تريد
http://codepen.io/abokamal/pen/YPGGpz
29 - كود إعرف اليوم الذي ولدت فيه HTML CSS JS
http://codepen.io/abokamal/pen/ZGXqoo
30 - أكود الـ Fade In & Fade Out & Slide Up & Slide Down باستخدام JS
http://codepen.io/abokamal/pen/VLLVdB
31 - عمل Shadow للـ Box فقط باستخدام الـ CSS
http://codepen.io/abokamal/pen/jPYgqe
32- عمل Pup Up باستخدام html css jQuery
http://codepen.io/abokamal/pen/QjbjaO
HTML ,, CSS ,, jQeury ,,JavaScript
=========== Hover =========
1- عمل Hover بطريقة جميلة بإستهدام الـ Box-shadow
http://codepen.io/abokamal/pen/LEWBvL
2 - عمل Hover علي Button بطريقة جميلة
http://codepen.io/abokamal/pen/epEQgv
3 - المحتوي مخفي وفى حال الـ Hover علي الـ Box يظهر المحتوي بأكثر من طريقة
http://codepen.io/abokamal/pen/zxBNxd
4 - مجموعة من الـ Hover للـ Buttons بشكل جميل
http://codepen.io/abokamal/pen/NPRPrj
=========== Menu =========
5 - عمل Menu وفيها أكثر من Submenu بواسطـة HTML CSS فقط
http://codepen.io/abokamal/pen/Eamodw
6 - صنع Menu بطريقة عرض جميلة بإستخدام الـ SVG
http://codepen.io/abokamal/pen/zvzQyw
7 - كود Menu ووجود خط تحت List وانتقال هذا الخط لـ List التى يتم الـ Hoverعليها
http://codepen.io/abokamal/pen/yyoqez
8- كود Menu ويتم أظهار خط بطريقة جميلة تحت الـ list التي يتم الـ hover عليها .
http://codepen.io/abokamal/pen/emRxoM
9 - وضع ايقونات بجانب الـ List فى القائمة
http://codepen.io/abokamal/pen/doKppE
10 - كود Menu بسيط جدا مع ظهورها علي جميع الشاشات بشكل جميل باستخدام Media Query
http://codepen.io/abokamal/pen/emWXaO
=========== Forms =========
11 - وضع ايقونه أو صورة فى داخل Input Search
http://codepen.io/abokamal/pen/dPYMOQ
12 - عمل Form Login بإستخدام HTML CSS فقط
http://codepen.io/abokamal/pen/WbGbxO
13 - عمل Form Login بإستخدام HTML CSS jQuery
http://codepen.io/abokamal/pen/ogbWqP
14 - أيقونه Search وفي حال الضغط عليها ظهور الـinput الخاص بها
http://codepen.io/abokamal/pen/RNaLqE
15- كود أخر :: أيقونه Search وفي حال الضغط عليها ظهور الـinput الخاص بها
http://codepen.io/abokamal/pen/ogLpEj
16 - فى حقل كلمة المرور قم باضهارها حين الضغط علي أظهر كلمة المرور
http://codepen.io/abokamal/pen/GgXvrO
17 - دالة تقوم علي حساب عدد الحروف التي يتم كتابتها فى الـ Textarea
http://codepen.io/abokamal/pen/YPRPJZ
=========== Social Links =========
18 - عمل Social Links بطريقة جميلة مع ToolTips
http://codepen.io/abokamal/pen/JoNNOx
19 - الحقل الخاص بالبحث فى حال الـ Focus حدوث حركة جميلة .
http://codepen.io/abokamal/pen/qEZPop
20 - عمل Social Links بطريقة جميلة
http://codepen.io/abokamal/pen/bVRLoJ
=========== ٍSliders =========
21 - سلايدر بسيط بإستخدام الـ HTML CSS فقط
http://codepen.io/abokamal/pen/vEGGqP
22- سلايدر جميل وبسيط HTML CSS jQuery
http://codepen.io/abokamal/pen/jEqgBx
23 - سلايدر بسيط باستخدام HTML CSS jQuery
http://codepen.io/abokamal/pen/XJKoVG
24- عمل Accordion بإستخدام الـ Html Css فقط
http://codepen.io/abokamal/pen/myrwXg
=========== ٍTooltips =========
25 - عمل Tooltips بطريقة جميل وباستخدام HTML CSSفقط
http://codepen.io/abokamal/pen/oXXmdz
26 - عمل Tooltips مع Animate بسيط
http://codepen.io/abokamal/pen/ojdYRR
27- رسم قطة بيضاء باستخدام الـ CSS HTML فقط
http://codepen.io/abokamal/pen/azZOaw
28 - تغير شكل الـمؤشر الخاص بالفأرة الى اى شكل تريد
http://codepen.io/abokamal/pen/YPGGpz
29 - كود إعرف اليوم الذي ولدت فيه HTML CSS JS
http://codepen.io/abokamal/pen/ZGXqoo
30 - أكود الـ Fade In & Fade Out & Slide Up & Slide Down باستخدام JS
http://codepen.io/abokamal/pen/VLLVdB
31 - عمل Shadow للـ Box فقط باستخدام الـ CSS
http://codepen.io/abokamal/pen/jPYgqe
32- عمل Pup Up باستخدام html css jQuery
http://codepen.io/abokamal/pen/QjbjaO
codepen.io
An online code editor, learning environment, and community for front-end web development using HTML, CSS and JavaScript code snippets, projects, and web applications.
👍1
الخطوات الــ 23 لبناء اى تطبيق
1 - ابدأ بتنفيذ فكرتك بأصغر صورة ممكنة ولا تفكر في التفاصيل الكثيرة.
2 - المقصود بأصغر صورة ممكنة أي ماهي الوظيفة الأساسية للبرنامج؟
3 - عندما تفكر بهذه الطريقة فسيكون وقت الإنجاز قصير جداً.
4 - والسبب أن رؤية النتائج الفعلية وأن برنامجك يعمل ستساعدك على المواصلة
5 - أثناء عملية بناء البرنامج في أبسط صورة أنشيء ملف بإسم RoadMap.txt
6 - ضع في RoadMap.txt أي خاصية جديدة تأتي على ذهنك عن البرنامج ولا تنفذها.
7 - بعد الإنتهاء الكلي من التطبيق بصورته البسيطة , قم بتشغيله وتجربته وسجل أي ملاحظات.
8 - ركز الآن على تصحيح الأخطاء حتى لا تتراكم أثناء عملية التطوير التالية.
9 - في حال أكتمل التطبيق أذهب لملف RoadMap وقم بإختيار الخاصية الأعلى أهمية من بين الخصائص.
10 - قم بتنفيذ تلك الخاصية وقم بإعادة العمليات المذكورة سابقاً من تشغيل وإختبار وهكذا.
11 - تذكر أرقام الإصدار مثل 1.0.0 وقم بتغييرها في كل مرحلة تطوير يمر بها التطبيق.
12 - بعد إضافة خاصية معينة من ملف RoadMap.txt لا تحذفها بل ضع علامة مثل # لتدل على الإنتهاء منها مثلاً.
13 - لاتنسى أن تضع RoadMap.txt ضمن ملفات المشروع الخاص بك.
14 - لاتنسى أيضاً أن RoadMap.txt هو مستودع للأفكار وليس البرنامج لذلك ضع فيه ما تريد وقيم الفكرة لاحقاً.
15 - يضع المطورون علامات أمام كل سطر في ملف RoadMap.txt للدلالة على الإنتهاء أو جديد أو محذوف وهكذا.
16 - قم بإختيار رموز معينة تحدد تلك المعاني مثل + تعني ستضاف, - محذوفة, @ يتم العمل عليها, # تمت.
17 - الرموز المذكورة سابقاً ليست شرطاً وبإمكان التعويض عنها بما تراه مناسب.
18 - لاحظ أن ملف RoadMap.txt يساعدك على التطوير بشكل تدريجي ومبسط للغاية وضع أي فكرة لحظية فيه.
19 - ركز مرة أخرى على أن تقوم بعمليات تصحيح البرنامج بعد إضافة أي خاصية جديدة.
20 - لاتنسى أن ترتب الأولويات للخصائص مثل وضع أرقام : 1 مهم - 5 أقل أهمية. وهكذا.
21 - مرة أخرى, رؤية النتائج الفورية هي الوقود للإستمرار في التطوير.
22 - لذلك حافظ على التطوير بشكل (مصغر) وأختر الوظائف الأكثر أهمية وركز عليها بشكل فردي.
23 - الخلاصة, لاتستعجل, وابدأ صغيراً, واستمر في إضافة الخصائص ذات الأولوية الأكبر, وصحح برنامجك.
أحفظ الكلام فى مستند نص ربما سترجع له يوما ما ^^
1 - ابدأ بتنفيذ فكرتك بأصغر صورة ممكنة ولا تفكر في التفاصيل الكثيرة.
2 - المقصود بأصغر صورة ممكنة أي ماهي الوظيفة الأساسية للبرنامج؟
3 - عندما تفكر بهذه الطريقة فسيكون وقت الإنجاز قصير جداً.
4 - والسبب أن رؤية النتائج الفعلية وأن برنامجك يعمل ستساعدك على المواصلة
5 - أثناء عملية بناء البرنامج في أبسط صورة أنشيء ملف بإسم RoadMap.txt
6 - ضع في RoadMap.txt أي خاصية جديدة تأتي على ذهنك عن البرنامج ولا تنفذها.
7 - بعد الإنتهاء الكلي من التطبيق بصورته البسيطة , قم بتشغيله وتجربته وسجل أي ملاحظات.
8 - ركز الآن على تصحيح الأخطاء حتى لا تتراكم أثناء عملية التطوير التالية.
9 - في حال أكتمل التطبيق أذهب لملف RoadMap وقم بإختيار الخاصية الأعلى أهمية من بين الخصائص.
10 - قم بتنفيذ تلك الخاصية وقم بإعادة العمليات المذكورة سابقاً من تشغيل وإختبار وهكذا.
11 - تذكر أرقام الإصدار مثل 1.0.0 وقم بتغييرها في كل مرحلة تطوير يمر بها التطبيق.
12 - بعد إضافة خاصية معينة من ملف RoadMap.txt لا تحذفها بل ضع علامة مثل # لتدل على الإنتهاء منها مثلاً.
13 - لاتنسى أن تضع RoadMap.txt ضمن ملفات المشروع الخاص بك.
14 - لاتنسى أيضاً أن RoadMap.txt هو مستودع للأفكار وليس البرنامج لذلك ضع فيه ما تريد وقيم الفكرة لاحقاً.
15 - يضع المطورون علامات أمام كل سطر في ملف RoadMap.txt للدلالة على الإنتهاء أو جديد أو محذوف وهكذا.
16 - قم بإختيار رموز معينة تحدد تلك المعاني مثل + تعني ستضاف, - محذوفة, @ يتم العمل عليها, # تمت.
17 - الرموز المذكورة سابقاً ليست شرطاً وبإمكان التعويض عنها بما تراه مناسب.
18 - لاحظ أن ملف RoadMap.txt يساعدك على التطوير بشكل تدريجي ومبسط للغاية وضع أي فكرة لحظية فيه.
19 - ركز مرة أخرى على أن تقوم بعمليات تصحيح البرنامج بعد إضافة أي خاصية جديدة.
20 - لاتنسى أن ترتب الأولويات للخصائص مثل وضع أرقام : 1 مهم - 5 أقل أهمية. وهكذا.
21 - مرة أخرى, رؤية النتائج الفورية هي الوقود للإستمرار في التطوير.
22 - لذلك حافظ على التطوير بشكل (مصغر) وأختر الوظائف الأكثر أهمية وركز عليها بشكل فردي.
23 - الخلاصة, لاتستعجل, وابدأ صغيراً, واستمر في إضافة الخصائص ذات الأولوية الأكبر, وصحح برنامجك.
أحفظ الكلام فى مستند نص ربما سترجع له يوما ما ^^
👍1