Walid Mohamed2

عليك أولاً أن تحدد مجالك ولا تتشتت كثيراً فأنت بين 3 مجالات : مطور Javascript : تقدم حسوب لهذا المجال كورس محترف يعطيك الكثير في javascript ويجعلك محترف في اللغة وسوف تصبح مطور javascript سوف تتعلم في الكورس React.js و React Native بمعنى إنك سوف تتعلم framework لدى تطوير والوجهات الأمامية وأيضاً لتطوير تطبيقات الجوال ويجب قبل الدخول إلى هذا الكورس يجب أن يكن لديك علم بلغات html css هذه مقالة مفيدة عن من هو مطور Javascript وكيف تصبح ذلك من هنا. مطور front-end : أيضاً حسوب تقدم كورس في هذا المجال وتشرح مسار front-end جيداً وسوف تصبح قادراً على إنشاء صفحات ويب إحترافية ومتوافقة على جميع الشاشات . هنا نصيحة هذان وظيفتان وليس وظيفة واحدة ولكن إذا أردت أن تتعلم Framework بعد أن أنتهيت من كورس تطوير front-end فيمكنك أن تدخل إلى كورس Javascript بعد أن تنتهى من Front-end وهذا سوف يفيدك كثيراً سوف تصبح مطور ويب واجهات أمامية محترف لأنك تفهم Javascript جيداً وأيضاً سوف تصبح مطور تطبيقات جوال وأيضاً يمكن أن تحصل على وظيفة تسمى مطور javascript وأيضاً سوف يكون لديك خلفية كبيرة عن backend بسبب تعلمك لأساسيات Nodejs ويمكنك أن تصبح مطور back-end عن طريق تطوير تطبيقات الخادم باستخدام بيئة Node.js . إذا تريد أن تدخل في front-end فعليك الأتجاه وتعلم كورس الواجهات الأمامية من هنا بعد ذلك الأتجاه إلى كورس javascript لأنك سوف تستفاد كثيراً من هذا الكورس كما شرحت لحضرتك، كورس javascript من هنا . مطور back-end بواسطة Php ام Ruby : يجب أن تحدد ذلك عن طريق معرفتك بسوق العمل جيداً يجب أن تقرأ كثيراً عن وظائف العمل في بلدك ماذا تتطلب وأيضاً ما هى واجهتك في القادم هل تستهدف عمل معين أم العمل في بلد معينة كل هذا ما سوف يعطيك الأجابة أن تدخل في أي كورس من هذه الكورسات . هذا الفيديو سوف يفيدك كثيراً أيضاً :

أيضاً هذا شرح خاص بالفرق بين ecmascript6 و typescript و javascript سوف يفيدك كثيراً . كورس تعلم ecmascript6 يمكنك أن تدخل في بعد إنهاء كورس javascript وبعد dom و bom . وأيضاً هذا كورس typescript سوف يزيد معلوماتك ومعظم المعلومات مشابه مع es6 إذا درست كورس es6 جيداً سوف يسهل عليك كثيراَ تعلم typescript . ويوجد كورس على مدى إحترافي في javascript كبير مقدم من حسوب إذا أردت أن تصبح مطور javascript يمكنك أن تتعرف على الكورس من هنا .

vue أسهلهم ولكن لا تعتمد على ذلك في المقارنة بينهم ولكن إذا أردت أن تبتدأ بالأسهل لكي تدخل بعد ذلك في framework ثانية مثلاً أبدأ vue الأول الكود نظيف جداً وسوف تحب framework كثيراً من خلال vue وبعد ذلك سوف يسهل عليك كثيراً الأنتقال إلي react او angular . ولكي يصبح الأمر أبسط في التعلم يجب عليك دراسة javascript جيداً وأيضاً دراسة typescript لكي يسهل عليك تعلم frameworks كثيراً ويجعلك تحترفهم وليس مجرد أن تتعلمهم .

هذا شرح أيضاً على أخر أصدار لراوتر tedata وطريقة حظر كل ما تريده من مواقع و أبلكيشن. تابع هذا الشرح لحظر موقع : تابع هذا الشرح مفيد جداً لحظر كل ما تريده عن طريق open dnc والتحكم في عرض كل شئ على شبكتك:

أحياناً يوجد بعض الأخطاء في كتابة أكواد البرنامج ولكنة يعمل بشكل صحيح ولكن يؤثر ذلك على الذاكرة العشوائية قد يكون إستهلاك البرنامج للذاكرة العشوائية (RAM) كبير جدًا ويمكن تجنب هذا الأمر عن طريق تحسين دوال معينة في الكود وأحياناً قد يستغرق البرنامج وقت كبير فى تفيذ أمر معين وذلك بسبب مشاكل بعض أسطر الأكواد حتى تتمكن من معرفة هذه المشاكل، هناك أدوات تسمى بالـ Profiling Tools أو أدوات الـ Code Profiling ، والتي تساعدك عن طريق فحص الكود و اكتشاف هذه المشاكل. وبالطبع يوجد أدوات Code Profiling توضح لك الوقت المستخدم لكل دالة بالبرنامج. لكي تعرف أثر ذلك على Memory Leak او على CPU Profilers . مقالات سوف تفيدك كثيراً فى Profiling ومعرفة كيفية إستخدام Profiling Tools : من هنا . وهذا الكتاب سوف يفيدك كثيراً ايضاً هنا .

يمكنك أن تبدأ من الأن . ولكن (اتعلم البرمجة) هذه الجملة كبيرة ولا يوجد كورس لتعلم البرمجة في العموم لأن مشعب من البرمجة مجالات كثيرة كتصميم الويب وبرمجة برامج الديسكتوب يجب تحديد المجال الذي تريد ان تبدأ في اولاً . انصحك اولاً بأن تفهم اساسيات الحسوب وتأخذ فكرة عن البرمجة وطريقة كتابتها في كورس الذي تقدمة حسوب دورة علوم الحاسوب . وبعد ذلك يمكنك الأختيار من بين مجالات العمل وتحديد المجال الذي تريد ان تكمل في . بعض مجالات البرمجة : تصميم المواقع وبرمجتها وهذا المجال ينقسم الى اثنين ويخرج لنا مجالين : مجال Front-end مطور الواجهات الامامية يعمل على تطوير الجزء الذي يتفاعل معه المستخدم العادي، بمعنى أخر هو الجزء المتعلق بواجهة المستخدم، كالشكل و الألوان و مواضع الأزرار و التأتيرات التي تحدت في الصفحة ويمكنك متابعة المسار الصحيح لتعلم هذا المجال من هنا. مجال Back-end مطور الواجهات الخلفية، تكمن مهمة المتخصص في Back-End هندسة قواعد البيانات و التمكن من إستعمالها بالإضافة الى مهمة تطوير البرنامج بالإضافة الى تمكنه من التعامل مع الخادم ويمكنك متابعة المسار الصحيح لتعلم هذا المجال من هنا. تطوير تطبيقات سطح المكتب و إنشاء البرامج ويمكنك أن تقرأ أكثر عن المجال فى هذه المقالة . وايضاً برمجة تطبيقات الجوال أندرويد وأيفون وهذه المقالة سوف تفيدك كثيراً المقالة . اولاً اقرأ كثيراً فى هذه المجالات وأختار المجال الذي تريده ويمكنك ان تبدأ فى تعلم المجال الذي تريده .

يمكنك التحكم فى style لدى Scroll وهذا شرح : يمكن التحكم في width لدى scroll عن طريق إضافة : /* width */ ::-webkit-scrollbar { width: 40px; } يمكن التحكم في لون شريط scroll بالكامل وخواصه عن طريق إضافة : ::-webkit-scrollbar-track { background: #f1f1f1; } يمكن التحكم في لون scroll وخواصه وليس الشريط بالكامل عن طريق اضافة : ::-webkit-scrollbar-thumb { background: #888; border-radius: 10% } يمكن التحكم في خواص scroll عند hover فقط على scroll عن طريق : ::-webkit-scrollbar-thumb:hover { background: black; }

هناك تقنياتان رأيستان متمركزة عليهم معظم المنصات ومبنية بهم وأنصح بأستخدام واحد من هذان الطريقان: البرمجة الخاصة wordpress البرمجة الخاصة تنقسم الي مجالين ويعمل عليهم أثنين من المطورين: مطور Frontend وهو الذي يعمل على الجانب الذي يستخدمه المستخدم الواجهة الأميامية. مطور backend وهو المطور الذي يعمل على تطوير كل ما يتعلق بتطوير البنية التحتية للموقع، وأيضاً تصميم قواعد البيانات الخاصة بالتعامل مع هذا الموقع . وبالطبع فإن برمجة المواقع تتطلب بناء البنية التحتية أو أساس الموقع. وأنصح حضرتك بأن تأتي أولاً قبل البدأ في برمجة الموقع بأن توظف مصمم ui ux للعمل على التصميم لكي يصبح إحترافي ويسهل على المستخدم لأن مصمم ui ux فهو دارس فكر المستخدم جيداً ويمكن أن تعرف أكثر من هو مصمم ui ux من هنا هنا. wordpress هو عبارة عن برنامج مفتوح المصدر، ووردبريس هو برنامج يمكنك تحميله وضبطه على أستضافة المواقع خاصتك، ومن ثم سوف يمنحك لوحة تحكم أو واجهة Dashboard، حيث يمكنك من خلالها التحكم في كل عنصر داخل موقعك. تحتاج لإنشاء موقع بواسطة wordpress فقط مطور wordpress على مستوى إحترافي يعمل على البرمجة والواجهة الأمامية . ويمكن لحضرتك أن تنشئ مشاريع وتوظف أكفأ المطورين في الوطن العربي عبر مستقل .

أعمال رائعة والمتسوى يتطور في الأعمال بشكل ملحوظ مستوى حضرتك في التصميم مستوى شبة أحترافى لذلك يجب عليك أتمام وتعزيز كرير Front-end الخاص بك. وأن تدرس framework js وتختار من frameworks التالية واحده وتدرسها : react angular vuejs ويمكنك أن تتعلم react وإحتراف javascript وهذا سوف يؤثر كثيراً على cv الخاص بحضرتك كورس تقدمه حسوب من هنا وبعد ذلك تدخل في دورة back-end وتتعلم php و إطار العمل laravel . وهكذا سوف تصبح full stack developer على مستوى إحترافي . نصيحة إذا أحببت التصميم وعمل front-end لا تدخل الأن في back-end ولكن تعلم framework وطبق كثيراً على javascript فهى لغة المستقبل وتعلم es6 وسوف تصبح front-end بمستوى عالي . وإذا لم تحب التصميم وعمل front-end أكتفي بهذا من front-end وأدخل الي كورس back-end . ليس من المهم أن تصبح full stack developer ولكن المهم أن تصبح front-end developer محترف أو back-end developer محترف . ولكن إذا أصبحت .full stack developer محترف فهذا أجمل .

أولاً التصميم جميل والأيقون وإختيار الأيقون وطريقة عرضها جميلة . ولكن يوجد بعض الملاحظات : حل هذه المشكلة هو التعديل على class الخاص بالبوتستراب row هكذا : html { overflow-x: hidden; } ثم سوف يظهر معاك مشكلة اخرى وهى تداخل النصوص : حل هذه المشكلة هو التعديل على كلاس row بالبوتستراب .row{ margin-right: 0px; margin-left: 0px } لا تعتمد إعتماد كامل على البلاجن في جميع سيكشنز الصفحة ولكن أولاً أصنع الأنيمشن الذي تريده بنفسك وتعلم الأنيشمين الخاص بال css ثم الأنيمشين الخاص jquery جيداً . بالنسبة للكود: أهتم بكتابة comments عند بداية السيشكن ونهايته كمثل هنا. لا تستخدم container ملم بالصفحة جميعها ولكن إستخدم كل سيكشن بمفرده . يجب أن لا تضع في الصفحة أكواد زائدة ليس لها أي قيمة ووضعها في كومنت ولكن احذفها نهائياً . أنا أرفقت الملف حل المشاكل أولاً ثم أعطي نظرة على الملف المرفق محلول به جميع المشاكل . build.rar

يمكنك أن تشاهد أولاً كورس الزيرو ويب من هنا . ويمكنك أن تشاهد بعد ذلك كورس gulp v4 عربي من هنا . ويمكنك أن تزيد من معلوماتك حول gulp v4 من هنا . ويمكنك أيضاً متابعة هذا الكورس محتوى English من هنا . أنصحك بأن تشاهد أولاً كورس بشمهندس أسامة وبعد ذلك الدخول الي كورس Algorithm Academy وهو عربي وأخر إصدار v4 .

يمكنك أن تبدأ من الأن . ولكن (كورس تعلم البرمجة) هذه الجملة كبيرة ولا يوجد كورس لتعلم البرمجة في العموم لأن مشعب من البرمجة مجالات كثيرة كتصميم الويب وبرمجة برامج الديسكتوب يجب تحديد المجال الذي تريد ان تبدأ في اولاً . انصحك اولاً بأن تفهم اساسيات الحسوب وتأخذ فكرة عن البرمجة وطريقة كتابتها في كورس الذي تقدمة حسوب دورة علوم الحاسوب. وبعد ذلك يمكنك الأختيار من بين مجالات العمل وتحديد المجال الذي تريد ان تكمل في . بعض مجالات البرمجة : تصميم المواقع وبرمجتها وهذا المجال ينقسم الى اثنين ويخرج لنا مجالين : مجال Front-end مطور الواجهات الامامية يعمل على تطوير الجزء الذي يتفاعل معه المستخدم العادي، بمعنى أخر هو الجزء المتعلق بواجهة المستخدم، كالشكل و الألوان و مواضع الأزرار و التأتيرات التي تحدت في الصفحة. مجال Back-end مطور الواجهات الخلفية، تكمن مهمة المتخصص في Back-End هندسة قواعد البيانات و التمكن من إستعمالها بالإضافة الى مهمة تطوير البرنامج بالإضافة الى تمكنه من التعامل مع الخادم. تطوير تطبيقات سطح المكتب و إنشاء البرامج ويمكنك أن تقرأ أكثر عن المجال فى هذه المقالة وايضاً برمجة تطبيقات الجوال أندرويد وأيفون وهذه المقالة سوف تفيدك كثيراً المقالة يمكنك ان تبدأ فى تعلم المجال الذي تريده .

بالنسبة ك شخص مبتدئ في مجال frontend وهذه أول تطبيقاته فهذا جيد . ولكن يوجد بعض التعليقات على التصميم الريسبونسيف ليس جيد نهائيا ويحتاج التعديل على التوافق على الشاشات الصغيرة لا يوجد أي تناسق على الكلام فيحب وضع النص في الوسط وإعطاء إلي p width: 100% يجب عليك تعلم MediaQueries فهذه الخاصية سوف تساعدك كثيراً في الريسبونسيف لأنها تحدد تغير خواص عنصر معين في الصفحة في مقاس شاشة معين مثل : @media only screen and (max-width: 600px) { div { background-color: lightblue; } } 600px هنا سوف يتم تغير خاصية لون الخلفية فى العنصر عند شاشة خاصية MediaQueries في css مهمة جداً لا تعتمد على bootstrap فقط في الريسبونسيف . يمكنك أن تتعلم الخاصية من هنا . يجب أن تهتم على القيام بالتطبيق ثم التطبيق فهذا سوف يؤثر كثيراً على مستوى إدراكك للغات . نصيحة لا تستخدم أكواد جاهزة مثل مكتبة bootstrap الأن حاول أن تتعلم كيف تنشئ أي شئ في الويب قبل استخدام المكاتب الجاهزة مثل bootstrap . حاول أن تقوم بإنشاء مواقع مشابة لمواقع عالمية مثلأ : تقوم بفتح login الخاصة بالفيس بوك وتقوم بإنشاء صفحة مماثلة بنسبة 100% لها ثم تقوم بالتعديلات التي تريدها ويجب وضعها من وجهة نظر حضرتك على صفحة login هذا سوف يؤثر على مستوى حضرتك كثيرأ . لا تتوقف عن التعلم فجميع المطورين مهما زاد احترافهم في اللغات لا يعرف كل شئ فيها وكل يوم يرى شئ جديد فيها أثناء التطبيق والعمل .

يمكنك تصميم موقع مشابة للموقع المطروح واجمل من ذلك ايضاً عن طريق معرفة جيده جدأ ب HTML ,CSS . ولكي تحترف التصميم يجب عليك معرفة جيده لأخر إصدارات HTML5 CSS3 وأنصحك بالتعمق فى هذه الخواص من css : Flexbox Animations تستطيع جعل هذا الموقع متوافق على جميع الشاشات بواسطة : Bootstrap MediaQueries يوجد الكثير من المطورين الذين يخطئه كثيرأ فى هذه الخواص وتنتج مشاكل كثيره فى الموقع بسبب ذلك . معرفتك لهذه الخواص ودراستك لها بشكل إحترافى سوف تجعلك تنشئ اى شئ فى تصميم الويب .

يجب عليك تعلم Html Css قبل أن تدخل في backend . بسبب أن معظم التعامل سوف يكون مع عناصر Html وايضاً فى بعض الأحيان سوف تريد أن تعدل على style Css لكي تخدم عمل شئ معين فى backend ولكي يظهر فى الواجهة بالشكل الذى تريده فسوف تعدل عليه ايضاً . وايضاً سوف تحتاج تتعلم javascript لأنها سوف تؤثر من جانب الدينامكية للصفحة بجانب php وشغل back end. يمكنك ان تدخل على backend بعد تعلم Html Css جيداً . ثم بعد ذلك تعلم javascript سوف تفيدك كثيراً فى عملك .

يجب عليك الدخول الى ملف style الخاص بالمشروع والبحث عن اسم class او العنصر المعطى للdiv كيف تعرف اسم class ؟ عن طريق عمل inspect على العنصر سوف تجد هذا الشكل. فمثلأ هنا أسم الكلاس body-head سوف نغير له لون الخلفية هذا في ملف css هكذا : .body-head{ background-color: red /*لون الذى تريده*/ ; } وإذا تريد التحكم فى شكل الخلفية ورسمها هذه المقالة سوف تفيد حضرتك كثيراً هنا.

يوجد منصات لعرض portfolio منصات عالمية جاهزة توفر لك ان تعرض أعمالك بصورة إحترافية مثل : behance coroflot dribbble ويمكنك ايضًا أن تبدء بإنشاء مدونتك الخاصة هذه فكرة رائعة ايضا لكي توصل فكرتك اكثر للجميع . أنصحك بإنشاء موقعك الخاص لأن هذا سوف يؤثر كثيراً على عملك فى تقديمة وإعطاء فكرة كبيرة عنك للعميل ماذا تقدم والمهارات التى تستخدمها وخبراتك وتستطيع من خِلال ذلك ان تقدم نفسك وتسوق لنفسك أكثر وذلك سوف يعمل على فرص أكثر لزيادة نشاطك .

لكي تبني موقع لعميل بالصورة المرضية للعميل يجب أن تفهم بعض الأشياء حول العمل . لذالك يجب ان تطرح عليه بعض الاسئلة : صف عملك في بضع كلمات ؟ إشرح لنا أهم خدماتك التي تقدمها لعملائك. في بعض الحالات، قد يكون نشاط عميلك غير واضح بعض الأوقات. ولذلك ينبغي عليك سؤاله لمعرفة التفاصيل والمعلومات منه شخصياً. ما هي أهدافك لهذا المشروع؟ يجب أن تعرف أهداف المشروع من العميل لكي ترسم صوره عن المطلوب جيداً من الموقع ومن واجهة الموقع هل هناك وظائف أو أقسام محددة يجب تضمينها في موقعك ؟ يجب أن تتأكد من العميل ما إذا كان لديه أي وظائف معينة يُريد تضمينها في المشروع، قد تكون بعض الوظائف واضحة وبديهية. فإذا كان عميلك يدير مطعمًا على سبيل المثال فسوف يحتاج إلى وضع ساعات العمل وقائمة الطعام الخاصة بمطعمه مع الأسعار والعروض، بينما إذا كان يُدير فندقًا فقد يحتاج إلى نموذج حجز الغرف عبر الموقع مع تحديد أنواع الغرف وصورها. أمثلة لمواقع اخرى ؟ وهذا السؤال إجابته دائماً نسبية من الصعب ان يطلب العميل موقع متطابق لموقع أخر ولكن سوف تستفيد كثيراً من إجابته على هذا السؤال لأن سوف ترسم خلفية فى ذهنك عن ما الذى يفضله العميل من الالوان الذى يفضلها والأنيميشن على المثال . بالنسبة للألوان أنصحك بالأستعانة من اللوجو لدى صاحب المشروع وإستخراج من اللوجو : لون أساسي. لون فرعي. تنفيذ الموقع : يجب اولأ أن ترسم تقسيمة بسيطة لصفحات الموقع على ورقة. إذا كونت على دراية تامة على ui ux يجب ان تبدأ فى إنشاء الموقع على برامج مثل adobe x d إذا لم تكن على دراية بال ui u x فيمكنك ان تخطي هذه الخطوة. يمكنك الأن البدء فى التكويد front end . ثم إذا كونت مبرمج full stack فتستطيع أن تبرمج back end أيضًا . ليس دائمأ يتكون المشروع من هذه الخطوات حرفياً ولكن على حسب العميل والمشروع .

فى هذة المقالة يوجد العديد من الرسوم البيانية بأشكال أحترافية عن طريق التعامل مع الكلاسات الجاهزة في الحزمة javafx.scene.chart : PieChart LineChart AreaChart BarChart

يمكنك البدأ بالعمل بواسطة Hmtl5, css3 على موقع خمسات مثلا . تقوم بأنشاء صفحات بسيطة تجعل منك مكود محترف بعد ذالك بسبب التطبيق الكثير عليهم . ولكن يجب دائماً ان لا تتوقف عن التعلم . لكى تستطيع ان تدخل فى المشاريع الكبيرة والقيام بالكثير من أمكانيات الويب يجب عليك تتعلم : javascript jquery bootstrap ولكى تستطيع أن تعمل بشكل جاد وعلى مستوى كبير من الأحترافية يجب أن تتعلم : framework js مثل (angular - vuejs - react) sass and pug ويمكنك ان تتعلم ايضأ أساليب التصميم ui/ux على برنامج مثل adobe x d بجانب html, css وتصبح تمتلك وظيفة تسمى ui ux designer .

JavaScript أحد الأُسس التي ترتكز عليها صفحات الويب، يمكن تضمين أكواد JavaScript في الصفحات بطريقتين: كتابة الأكواد داخل ملف HTML . <script> كود الجافا سكريبت </script> كتابة الأكواد داخل ملف خارجى واستدعائة من ملف HTML . <script src="script.js"></script> بعض المتصفحات تظهر عدم قراءة شفرات javascript يجب عليك القيام بهذة الخطوات : فتح Chrome. في الجزء العلوي الأيسر، انقر على "المزيد" الإعدادات. في الجزء السفلي، انقر على إعدادات متقدمة. ضمن "الخصوصية والأمان"، انقر على إعدادات المحتوى. انقر على جافا سكريبت ثم فعل مسموح به .