Sites to practice programming and solve challenges to improve programming skills:

https://edabit.com

https://codeforces.com

https://www.codechef.com

https://leetcode.com

https://www.codewars.com

http://www.pythonchallenge.com

https://coderbyte.com

https://www.codingame.com/start

https://www.freecodecamp.org/learn

Learning and Practicing SQL: Resources and Platforms:

https://sqlbolt.com

https://sqlzoo.net

https://www.codecademy.com/learn/learn-sql

https://www.w3schools.com/sql/

https://www.hackerrank.com/domains/sql

https://www.windowfunctions.com/

https://selectstarsql.com/

https://quip.com/2gwZArKuWk7W

https://leetcode.com/problemset/database/

http://thedatamonk.com

Stay Focused: Easily Block Websites & Apps

Google Play

App Store

أذا طلعت الك( Access denied )باي موقع تريد تتصفحة حاول تغير المتصفح(Browser)، واذا نفس الشيء فعل VPN.

اقرا هنا حتى تعرف شنو السبب يطلع عندك الموقع محضور ببلدك:
https://home.treasury.gov/policy-issues/office-of-foreign-assets-control-sanctions-programs-and-information

مـواقـع تحميـلMockup:

Mockup Tree
https://mockuptree.com

Graphic Burger
https://graphicburger.com

Anthony Boyd
https://anthonyboyd.graphics

Free Mockup
https://free-mockup.com

Mockups Design
https://mockups-design.com

https://www.mockupworld.co/free/mobile-ui-ux-mockup/

https://design.facebook.com/toolsandresources/devices/

https://freebiesupply.com/

https://mockuphunt.co/collections/free-mockups

https://design.facebook.com/toolsandresources/devices/

https://mockuphunt.co/

https://www.uimock.app/

يعتبر الCloud Computing او الحوسبة السحابية واحد من أهم تخصصات الIT بالوقت الحديث. يختلف تعريفه من شركة لشركة، مثلا تعريف شركة Microsoft يختلف عن شركة IBM وشركة Amazon، لكن الكل يتفق على انو هي(تقديم الخدمات والموارد والأنظمة الحاسوبية عن طريق الإنترنت)، ومن هاي الموارد هي الخوادم (Servers) او قواعد البيانات (Databases) او الطاقة اللي تشغل الأجهزة، و السماح بالتعديل عليها عن طريق الإنترنت بدون ما تتعامل وياها بشكل ملموس ومادي، والدفع يكون حسب استخدام الموارد والخدمات، وهنا راح ينطبق عليها مفهومين:
-On Demand Delivery
من تطلب الخدمة فعليا توصلك.
-Pay As You Go
يعني كُل ما تستخدم تدفع.


من اشهر الشركات الموفرة لخدمة الحوسبة السحابية هي أمازون، كوكل و مايكروسوفت. ومن خدمات الCloud Computing اللي تقدمها الشركات راح اعدد 3 منهن والأكثر استخداما:
1- SaaS (Software as a Service)
تعتبر من الخدمات القريبة للمستخدم العادي، تشمل الخدمات اللي تقوم بيها على الويب و مزود الخدمة يكون المسؤول على إبقاء الخدمة، ومن الامثلة على هاي الخدمة Netflix, Gmail, Office365 وغيرها، بحيث تكدر تتصفحها بدون متثبتها على جهازك.

2- IaaS (Infrastructure as a Service)
توفر هاي الخدمة للشركات الHardware والخوادم والشبكات والمساحات التخزينية، وتوفر تكلفة شراء الخوادم وجهد إدارتها وصيانتها وتسوي نسخة احتياطية من بياناتك وتحميها من أي محاولة اختراق، وتكون مرنة بتحديد قدرة الخادم على حسب الإستخدام، ومن الأمثلة على هاي الخدمة:
Google Compute Engine, Rackspace, Windows Azure, Amazon EC2.

3- PaaS (Platform as a Service)
تعتبر خدمة مهمة للشركات الناشئة والمشاريع الصغيرة، توفر خدمات IaaS و أنظمة التشغيل وقواعد البيانات والبرمجيات الضرورية لإنشاء وتشغيل تطبيقات تشتغل على الإنترنت، والدعم يكون من مزود الخدمة بمقابل مادي قليل، ومن الأمثلة على هاي الخدمة:
Apache Stratos, Openshift, Rackspace Cloud Sites, Google App Engine.


تسمى خدمات الحوسبة السحابية بمصطلح (Cloud Computing Stack) وكلمة Stack بمعنى باقة او تعني الخدمات الي تعتمد وحدة على الثانية.


هسه نجي على انواع الCloud Computing بيها 3 انواع:
• اول نوع اللي يسمونها Public Cloud هذه تكون خدمتها متاحة لأي شخص متصل بالإنترنت.
• النوع الثاني Private Cloud تكون مواردها المستخدمة حصرا لشركة أو مؤسسة وحدة.
• النوع الثالث Hybrid Cloud بهذا النوع يجمعون بين السحابة العامة والسحابة الخاصة بحيث يربطون الخدمات مع بعضها بتقنيات حديثة.


والمواقع الي تحتاج تشوفها اذا فكرت تدخل بالمجال:
Google Cloud:
https://cloud.google.com
Amazon Cloud:
https://aws.amazon.com
Microsoft Cloud:
https://azure.microsoft.com/en-us/

الذكاء الاصطناعي(Artificial intelligence)موجود بكل مكان، يساعد الأطباء بتشخيص المرضى و بالبنوك بقرارات الإقراض، موجود حتى بالفونات من الإكمال التلقائي للنص، والخوارزميات الي تسوي توصيه لمشاهدت فديوهات مماثله للي انت تشوفها ومهتم بيها، الذكاء الاصطناعي اله اثر كبير على حياتنا، بحيث تم توظيفة بكل مجالات الحياة تقريباً.

نظرة لتأثير الذكاء الاصطناعي على الوظائف اكو نظرتين: نظرة متفائله ونظرة متشائمه، النظرة المتشائمه تكول انو الذكاء الاصطناعي راح يراقبنا دائماً(من الحكومة)، والبعض يكول راح يخذ وظائفنا مراح يصير عدنا شغل راح تسيطر علينا، وراح يقضي على البشرية، لكن من نتفاعل مع الـAI مثل(Siri) تسألها:
- 《is AI going to kill us all?》

تجاوبك:
-《i don't understand is AI going to kill us all!》

من الواضح هذا الشيء بعيد حالياً انو يسوي الـAI. والنظرة المتفائله انو الذكاء الاصطناعي راح يغير العالم للافضل صح راح يلغي وظائف لكن راح تستحدث وظائف ثانية تحل محلها، ويكدر الذكاء الاصطناعي يلغي الحوادث؛ لأن اكو سيارات ذاتية القيادة، ويكدر يقدم رعاية جيدة تخصيصية لكبار السن.

إذا جانت معرفتك عن الذكاء الاصطناعي عن طريق الافلام او الكتب ممكن تتخيله انو يفكر مثل الإنسان و يكدر يجاوب على اي سؤال ويسوي اي شيء يسوي الإنسان، لكن طريقة التفكير هاي مو واقعية كُلش؛ زين تسأل انت سؤال؟!

شنو الذكاء الاصطناعي؟
الذكاء الاصطناعي(أختصاره الـAI) هو فرع من فروع علم الحاسوب، مجال واسع كُلش ويمثل اشياء مختلفة لاشخاص مختلفين، بما ان الـAI اله تطبيقات بأغلب الفروع العلمية ولنفرض الطبية فالـAI للمختص بالطب يختلف عن مفهوم الـAI للمختص بالفيزياء؛ لان كل شخص اله فكرة عن الـAI وعلاقتة باختصاصة، لكن اني حنطيك تعريف مثالي يعرف الـAI: بانه محاولة من الانسان لمحاكاة وتقليد الذكاء البشري او بمعنى آخر هو عبارة عن أنظمة تُحاكي الذكاء البشري لأداء المهام و الها القدرة انو تحسن من نفسها باستخدام المعلومات التي تجمعها.

اكو(4)انواع للذكاء الاصطناعي:
• Reactive Machine AI
هذا النوع من الـAI تشتغل بناءً على البيانات و الوضع الحالي فقط، وما يشكل استنتاجات من البيانات حتى تقيم افعالها بالمستقبل، بحيث تسوي نطاق ضيق من المهام المحددة الها سابقاً، مثال عليها هو برنامج(IBM Chess)الي فاز على بطل العالم(جاري كاسباروف).

• Limited Memory AI
بهذا النوع تكون الذاكرة محدودة و مؤقتة، وتكدر تأخذ الذاكره قرارات محسّنة من خلال دراسة البيانات السابقة الي بذاكرتها بحيث تخزن بيها الخبرات السابقة و على اساسها تسوي الإجراءات المستقبلية، مثال على هذا النوع من الذاكره هي سيارة ذاتية القيادة.

• Theory of mind AI
هذا النوع يكون اكثر تقدم، ويركز هذا النوع على الذكاء العاطفي حتى يقدر يفهم افكار و الانفعالات الي تأثر على سلوك الإنسان.

• Self-Aware AI
بهذا النوع تكون اكثر وعي ومدركة شنو تسوي وتكدر تتنبأ بمشاعر الاخرين، هذا النوع من الذكاء يكون مستقبلاً ممكن بحيث يكون فائق الحساسية والذكاء.

بعد ما عرفنا انواع الذكاء الاصطناعي، هسه نتعلم شلون نبلش بهذا المجال، وشنو هي أساسيات الي لازم تتعلمها(طبعاً راح اذكرلك اساسيات تخليك قوي، وتعينك بفهم الذكاء الاصطناعي):
تعلم الاساسيات بالبرمجة و لغة برمجية واحده على الأقل مثل: (Python أو C++ أو R)، الخوارزميات، الرياضيات ورياضيات هذا المجال بشكل خاص تلكاها بFreeCodeCamp والإحصاء وهذولي الي تساعدك باحترافك الذكاء الاصطناعي.


زين شنو هي فروع الـAI ؟فروع الذكاء الاصطناعي هواي وتكدر تتخصص بمجال واحد منهن:
1. Machine Learning(تعلم الآلة)
2. Deep Learning(التعلم العميق)
3. Natural Language Processing(معالجة اللغة الطبيعية)
4. Robotics(الروبوتات)
5. Expert Systems(النظم الخبيرة)
6. Fuzzy Logic(المنطق الضبابي)

* مجتمع Kaggle تابع لشركة كوكل تقدر من خلاله تتعامل ويا علماء البيانات ومهندسي التعلم الآلي، والدخول في مسابقات، وغيرها.

تكدر تشوف هذا الفيديو ديحجي عن AI، اضغط هنا.

بعد ما خلصنه شنو الذكاء الاصطناعي، هذي شوي كورسات حتى تكمل مسيرتك بهذا المجال الرهيب! هنا و هنا خارطة لتعلم هذا المجال، ولا تنسى تسوي سيرج باليوتيوب، بالتوفيق.

موقع wakatime لطيف، تقدر من خلالة تحسب عدد الساعات الي تقضيها بالبرمجة و المشاريع وغيرها، بس تحمّل الاضافة بالـ vs code وتسوي الحساب ويصير يحسبلك الساعات تلقائيًا.

هذا VS Code الEditor خاص بكورس ال CS50 تستخدمه اثناء كتابة كود معين بكورس الCS50 حتى متواجهك اي مشكله.

Leading companies trust CodeSignal’s

Technical Interview and Assessment Solutions
Reduce bias, save engineering time, and improve the candidate experience to find and hire the best technical talent, faster.

Click here:
https://codesignal.com/

This is helpful and contains some tips for programmers from Angela Yu.

موقع لطيف ينطيك خطوه بخطوه طريقه تنفيذ الكود ببايثون، للمبتدئين.

رابط الخدمة:
https://thonny.org

الفرق بين Microsoft Office وoffice 365

Microsoft Office
هي حزمة لإدارة وإنجاز العمل المكتبي بشكل كامل وتشمل الكثير من الأدوات والتطبيقات والتي يمكن شراؤها مرة واحدة.

office 365
خدمة سحابية عبر الانترنت
وتضم جميع تطبيقات مايكروسوفت أوفيس وتطبيقات العمل الجماعي والإداري في الشركات.

موقع smashing magazine خاص بالمصممين موجوده بي كتب ومقالات وغيرها من الاشياء الي تفيدك بتخصصك كمصمم .

حتي نفهم الفرق بين UX/UI Design لازم نوضح المرادف لكل وحده منهم:

أولا:ً UX هي اختصار لـ User Experience ومعناها تجربة المستخدم وهي كل ما يخص التجربة الي يسويها المستخدم شعوراً واحساساً من يتفاعل داخل موقعك أو تطبيقك، وهي تعتمد على تسهيل التجربة الخاصة بي عن طريق تخلي الألوان جيدة و مريحة للعين وتخلي العناصر سهل الوصول إلها، ويهتم بأن يكون التصميم عملي وقابل للاستخدام وذو قيمه.

مثال: تخيل انو انت تستخدم تطبيق مخصص لتسوق، بحيث سهولة الشراء وامكانية الوصول للي تريده وشعورك واحساسك اثناء التفاعل ويا التطبيق هي هاي نسميها بتجربه المستخدم.

ثانياً: كلمة UI هي اختصار لـUser Interface ومعناها واجهة المستخدم وهي الواجهة الي تشوفها من تدخل لموقعك أو التطبيق الخاص بك.

مثال: افتح تطبيق التليغرام كُل الي تشوفه خطوط، الوان، ازرار وحقل ادخل النص وكل الي تشوفه بعينك من خلال الشاشه يشير الي واجهة المستخدم.

الفرق بين تجربة المستخم (UX) وواجهة المستخدم(UI):
تجربة المستخدم تهتم بان يكون المنتج او الخدمه مفيده، صالحه للإستعمال، ذو قيمة، مرغوب بيها، ويمكن الوصول الها ومنطقيه، بينما تهتم واجهة المستخدم بأن يكون المنتج او الخدمه بمظهر جمالي مبهج ويتمتع بتناسق بشكلة ومظهره.

شوية نصائح عامة:
1. الممارسة بشكل مستمر، هي السبب بوصولك لأي مستوى تريده.

2. لا تخاف من المساحة البيضاء، ابدأ بخطوه وخلي العناصر، راح يزيل الخوف عنك تدريجين.

3. خلي المحيطين بيك عبارة عن مصممين بالسوشيال؛ هذا راح يخليك ويساعدك تشوف افكار جديدة وتغذية بصرية مستمرة، بحيث التغذية البصرية هي المنتجة للأفكار، تأخذ فكرة عن الخطوط، الألوان، وغيرها، وخلي صديق تثق برأيه من المصممين وتأخذ منه الانتقاد.

4. اصبر ما راح تحصل نتيجه ترضا عنها بسرعة، ثق بنفسك؛ لأن افضل المصممين جانوا مثلك بالبداية.

5. البساطة مهمة هي الي تخلي تصميمك راقي، لا تخلي هواي عناصر ركز على المهم فقط.

6. أخذ قلم و ورقة ودون بيها أفكارك، وارسم تصميمك.

7. نظم وقتك بين التدريب والتغذية البصرية.

إذا حاب تقرأ أكثر عن المجال أقرا هذي المقالة
UI/UX Design Guide: What Are UI Designers, and How Are They Different Than UX Designers?


استمع بودكاست تخصص هذا المجال حتى تبني نقطة مرجعية مبكرة عن التصميم السيء والجيد بشكل سريع، اسمعوا هذا البودكاست:
UX Podcast – A twice-monthly user experience and digital design podcast

وهسه المصادر، شلون نبلش بالمجال؟ سهلة اقرا هذي المقالة Learn UX Fundamentals المفصل بي هواي مصادر تشكل البنية الأساسيه، هذا الموقع webdesignerdepot مفيد بي نصائح لطيفة.

* هذا المجال هو احد فروع الجرافيك دزاين، اقرا هذي المقالة (أضغط هنا) حتى تأخذ فكرة عامة عن هذا المجال وشنو اساسياتة.

كورسات تخص الUX/UI Designer:

تصميم تجربة المستخدم من Google Professional Certificate

مبادىء تصميم تجربة وواجهة المستخدم UI/UX - إدراك

تصميم تجربة المستخدم UX Design - إدراك

Google UX Design Professional Certificate

UI / UX Design Specialization on coursera

Learn UX Design and Grow Your Career on interaction design

UI/UX Courses on Great Learning Academy

User Experience Design Courses on Udemy

Thinkful UX/UI Design Bootcamp

Springboard UX/UI Design Career Track

Designlab UI Design Course

Skillshare UI Design Courses

The UX Design Institute Professional Certificate in UI Design

Learn UI Design Online Video Course

CareerFoundry UI Design Program
.

أدوات يستخدمها UX/UI Designer:

InVision

Figma

Adobe XD

Sketch

Framer

Webflow

Origami Studio

Justinmind

Axure RP

Balsamiq

.

مجموعة من أهم الاختصارات ضمن برنامج AdobeXD

Free UX Ebooks
Thoughtful content on mobile & web prototyping, wireframing, mockups, usability testing, project management, design process & more.

Click here:
https://www.uxpin.com/studio/ebooks/