كن مطوراً للويب في 180 يوماً - خارطة طريق
banner
2019-11-03 , 01:29 مساءً
بو هيثم’s Avatar
بو هيثم

مشارك

المشاركات:490
التسجيل:Oct 2004
بو هيثم
Image

قد يبدو الطريق الى ان تصبح مطوراً للويب غامضاً بعض الاحيان، فلا يوجد طريق واضح للتعلم لأن هناك العديد من اللغات البرمجية، المئات من اللغات البرمجية والالاف من المكتبات، اي لغة تختار لتعلمها او تبدأ بماذا؟

[U]أولا محدثكم تعلمت البرمجة بتعليم ذاتي عن طريق المواقع الالكترونية واليوتيوب، دون اي شهادة جامعية، واعمل في نفس المجال.[/U]

دون المزيد من التفاصيل اكتب لكم هذه التدوينة كشرح وطريقة لتبدا بشق طريقك في البرمجة خلال 6 اشهر فقط بتعليم ذاتي من الصفر حتى الاحتراف والبدأ بالعمل كل ماعليك فعله هو اتباع ماهو مكتوب ووضع خطة التعليم مكتوبة امامك، ثم متابعة تقدمك يوماً بعد يوم، ربما ياخذ منك الوقت اكثر من 180 يوما وربما اقل، يعتمد على ماتريده انت وكم من الوقت الذي تستقطعه من يومك للتعلم.

بدأت بالتعلم قبل مايقارب السنتان، وماكان عندي المال الكافي حتى ادخل معهد او ماخلافه، فبدأت بالتعلم الذاتي معتمدا على كمبيوتري المتواضع وتدفق البيانات بالانترنت فقط.

تحديداً! انت ماتحتاج 10 شهادات برمجية لاجل ان تصبح مبرمج! انت تحتاج فقط للشغف والصبر للتعلم، ان وجدت ستجد ان تعلم البرمجه امر سهل بحد ذاته وممتع في بعض الاحيان.

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

كل مااريده منك هو الشغف والصبر على التعلم، ومتابعة المقالة حين كل تقدم، وقارن نفسك بنفسك بعد كل يوم.


[U]ملاحظة: اللغة الانجليزية اختياريه للتعلم لكن انصح وبقوة بتعلم اللغة الانجليزية لتعدد المصادر في التعلم، عن نفسي تعلمت اللغة الانجليزية ايضا بتعليم ذاتي.[/U]


بدون الاطالة بالمقدمة نبدأ الخطة الدراسية

Image

اليوم 1-15 : ابدا بتعلم اساسيات HTML و CSS

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

ابدا بشكل بسيط، تعلم، تعلم HTML ماهو وكيف يعمل؟ ببساطة هو مخطط الصفحة او مثل ماتقول الموقع بدون اي تنسيق، وقتها تحتاج للتنسيق والالوان ستجد نفسك تتعامل مع CSS،

ساضع بعض المصادر المجانية لتعلم html, css.
قريباً

لا تعقد نفسك كثيراً بهذه الفترة، الكثير من العمل عشان تبني موقع احترافي، لكن حاليا ركّز فقط ببناء موقع صغير باستعمال مختلف تاغات html ووضع الاستايل المناسب له.

Image

اليوم 16-50 : ابدا بتعلم مبادئ JavaScript

جافا سكربت هي من اشهر اللغات البرمجية، وواسعة الانتشار بحكم كل موقع الكتروني يستعملها تقريبا، بامكانك التجربة بتعطيل الجافا سكربت بمتصفحك، ثم تصفح كل المواقع ستجد ان مايقارب 97% بالمئه من المواقع لا تعمل!

جافا سكربت هي قوة معيار قوة المواقع الالكترونية، اي مطور ويب يجب ان يلّم بهذه اللغة او على الاقل طريقة التعامل معها.

طبعا الشكر لشهرة جافا سكربت يوجد العديد من المصادر لتعلمها من الصفر ساضع في هذه المساحة بعض المصادر:
قريباً

بعد الانتهاء من احد هذه الكورسات ستكون ملم بمبادئ الجافا سكربت لا اريد منك في هذه المرحلة الكتابة والبدأ بالبرمجة فقط تعلم الاساسيات مارس القليل منها لا تفكر كيف يعمل هذا الكود ومتى تستخدمه في هذه المرحلة. عندما تتجاوز هذه المرحلة انت تقريبا الان لديك المام بكيفية عمل المواقع الالكترونية لكن اجزم لك انك لن تستطيع بناء موقع بجافا سكربت.

Image

اليوم 51-81: تعلم Vanilla JS تحدي الثلاثين يوماً

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

يوجد موقع رائع وجدته لكن للاسف هو باللغة الانجليزية، لكن لن يكون عائق لك بحكم انك تعلمت مسبقا كيفية كتابة كود جافا سكربت فما عليك هو فقط اتباع الفيديو حتى تنتهي من تحدي الثلاثين يوماً.
https://javascript30.com/

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

Image

اليوم 82-120 : تعلم مكاتب تصميم واجهة المستخدم ( React, Vue, Angular )

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

لاكون صادقا معك اختيار اي اطار عمل ترغب بتعلمه هو صعب نوعا ما، فكل اطار يمتاز عن الاخر بشيء.

لكن، تذكر هدفك النهائي من التعلم هو البحث عن وظيفة مناسبه، نصيحتي ابحث في منطقتك اي اطار هو الاشهر وابدا بتعلمه لا يهم ان كان React او Vue او Angular. جميعها تؤدي نفس العمل تقريبا وتختصر عليك الكثير من الوقت من كتابه كود Vanilla js. اذا وجدت ان الاطر غير مستخدمه في المنطقة التي تقطن فيها فانصح بتعلم React لشهرتها، او اذا اردت الاسرع بالتعلم فتعلم Vue.

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

تذكر جيدا ان قوقل صديق المبرمجين، في الواقع جميع المبرمجين حتى المحترفين ومن هم بالشركات الكبرى يعتمدون على قوقل في حل المسائل التي تشكل عليهم، لحسن حظك ان اغلب الذي ستواجهه في هذه المرحلة ستجد له حل في قوقل وان لم تجد لا تخشى من السؤال اسال في المواقع او المجتمعات العربيه وستجد من يجيبك.

Image

اليوم 121-170: ابدا بتعلم BackEnd

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

حاليا انت وصلت لمستوى رائع، الاستسلام في هذه المرحلة غير متاح!

في الواقع جميع المواقع الالكترونية لديها واجهة خالفية للتعامل مع البيانات لتبسيط المفهوم، اذهب الى google.com ستجد الواجهة جميع ماتراه في الصفحة هي واجهة حالما تكتب اي كلمة في مربع البحث وتنقر انتر يأتي عمل Backend بالبحث عن كلمات متشابهة في قواعد بيانات قوقل ثم يخرج لك النتائج.

اذا frontEnd هي واجهة المستخدم الذي يراها كل مستخدم يدخل الموقع
Backend هو العمل الخلفي لا يراه المستخدمين عاده ولا يعرفون مدى العمل والجهد الذي بالموقع حتى يخرج بصورة رائعه.

ربما تسأل نفسك هذا السؤال لماذا انا بحاجه لتعلم backend ؟
دعنا نتخيل هذا السيناريو بدأت ببناء واجهة موقعك كاملة ستحتاج الى عضويات بموقعنا الالكتروني وتسجيل، ذهبت لخانة التسجيل وكتبت بياناتي، نحتاج الى الى مكان حتى نخزن معلومات المستخدم لاستعمالها مستقبلاً. حينما يتم تسجيل الدخول او ماخلافه.

هنا يأتي عمل Backend وهو التواصل بين واجهة المستخدم وقواعد البيانات للموقع، والطريقة الحديثة للتعامل معها عن طريق API.

السبب الاخر والكبير لحاجتنا لـ backend هو الامن، تذكر ان backend هو server-side، بمعنى انه خارج المتصفح ولا يراه المستخدم، اي شخص بامكانه الاطلاع على طريقة كتابة التصميم وكود التصميم عن طريق inspect بالمتصفح لكن لا يستطيع رؤية ماكتبناه ب backend.

في هذه المرحلة لديك العديد والعديد من الخيارات بامكانك اكمال التعلم عن طريق جافا سكربت واختيار node وبامكانك الانتقال الى python او ruby او php او اي لغة برمجية تريد تعلمها

مصادر لتعلم Backend
قريباً

Image

اليوم 171-179: تعلم DevOps و Git

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

حتى في حال تقدمك لوظيفة سيسألونك عن اعمالك ولن يكون من الرائع ان تذهب باللابتوب وتعرض مواقعك بشكل مباشر.

حسناً، يوجد العديد من المواقع التي باستطاعتك رفع الكود البرمجي الخاص بك بشكل مجاني

تعلم كيف تستعمل Git لترفع اكوادك البرمجية على منصة Github لا تقلق ستكلفك لا شيء. باستطاعتك تخزين عدد لا محدود من المشاريع في Github

في حالة كنت تريد رفع موقعك ويظهر للعلن مقدار العمل من غير الاطلاع على الكود البرمجي هنا انت بحاجة الى سيرفر يوجد العديد من المواقع اشهرهم Heroku, AWS, Digital Ocean.

حاليا تسعه من كل عشرة مبرمجين يستعملون Git ليشاركون اكوادهم. وباستطاعتك التعلم من git بالاطلاع على اكواد الاخرين وتعلم طرق جديد او حتى algorithm لموقعك.

Image

اليوم 180: انت مطور ويب!

اهنئك وصلت لاساس قوي جدا في رحلتك لتطوير المواقع الالكترونية.

ابدا بالبحث عن وظيفة بكل ثقة، وكن واضح في حال التقدم بانك مبتدئ في تطوير المواقع، ابدا بجمع اصدقاء لك في هذا المجال تناقش معهم او تعلم منهم او علّمهم.

شكراً لك للقراءة، اتمنى لك الافضل برحلتك.

البدأ لا يمكن ان يكون سهلاً ابدا والاستسلام سيكون الخروج من رحلة التعلم بالطريق السهل، ابدا لا تستسلم لاحلامك استمر بالقتال حتى تصل.

كنت منفتح للتعلم، اسال اذا لم تجد اجابه، وابقى جائع وفضولي.


Enlarged Image
2019-11-03 , 01:29 مساءً
2019-11-04 , 12:54 صباحاً
Norway’s Avatar
Norway

Xbox Elite Team

المشاركات:5520
التسجيل:Oct 2013
Norway
رائع جداً موضوع جميل

بارك الله فيك و اتمنى منك الاستمرار في دعم الموضوع و الاجابة علي الاسئلة المطروحة عليه
اول سؤال منذ متى بدأت تطوير الويب و لماذا ؟

:11:
:11:
:11:
2019-11-04 , 12:54 صباحاً
2019-11-04 , 12:59 صباحاً
Norway’s Avatar
Norway

Xbox Elite Team

المشاركات:5520
التسجيل:Oct 2013
Norway
بو هيثم كتب:
Image

قد يبدو الطريق الى ان تصبح مطوراً للويب غامضاً بعض الاحيان، فلا يوجد طريق واضح للتعلم لأن هناك العديد من اللغات البرمجية، المئات من اللغات البرمجية والالاف من المكتبات، اي لغة تختار لتعلمها او تبدأ بماذا؟

[U]أولا محدثكم تعلمت البرمجة بتعليم ذاتي عن طريق المواقع الالكترونية واليوتيوب، دون اي شهادة جامعية، واعمل في نفس المجال.[/U]

دون المزيد من التفاصيل اكتب لكم هذه التدوينة كشرح وطريقة لتبدا بشق طريقك في البرمجة خلال 6 اشهر فقط بتعليم ذاتي من الصفر حتى الاحتراف والبدأ بالعمل كل ماعليك فعله هو اتباع ماهو مكتوب ووضع خطة التعليم مكتوبة امامك، ثم متابعة تقدمك يوماً بعد يوم، ربما ياخذ منك الوقت اكثر من 180 يوما وربما اقل، يعتمد على ماتريده انت وكم من الوقت الذي تستقطعه من يومك للتعلم.

بدأت بالتعلم قبل مايقارب السنتان، وماكان عندي المال الكافي حتى ادخل معهد او ماخلافه، فبدأت بالتعلم الذاتي معتمدا على كمبيوتري المتواضع وتدفق البيانات بالانترنت فقط.

تحديداً! انت ماتحتاج 10 شهادات برمجية لاجل ان تصبح مبرمج! انت تحتاج فقط للشغف والصبر للتعلم، ان وجدت ستجد ان تعلم البرمجه امر سهل بحد ذاته وممتع في بعض الاحيان.

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

كل مااريده منك هو الشغف والصبر على التعلم، ومتابعة المقالة حين كل تقدم، وقارن نفسك بنفسك بعد كل يوم.


[U]ملاحظة: اللغة الانجليزية اختياريه للتعلم لكن انصح وبقوة بتعلم اللغة الانجليزية لتعدد المصادر في التعلم، عن نفسي تعلمت اللغة الانجليزية ايضا بتعليم ذاتي.[/U]


بدون الاطالة بالمقدمة نبدأ الخطة الدراسية

Image

اليوم 1-15 : ابدا بتعلم اساسيات HTML و CSS

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

ابدا بشكل بسيط، تعلم، تعلم HTML ماهو وكيف يعمل؟ ببساطة هو مخطط الصفحة او مثل ماتقول الموقع بدون اي تنسيق، وقتها تحتاج للتنسيق والالوان ستجد نفسك تتعامل مع CSS،

ساضع بعض المصادر المجانية لتعلم html, css.
قريباً

لا تعقد نفسك كثيراً بهذه الفترة، الكثير من العمل عشان تبني موقع احترافي، لكن حاليا ركّز فقط ببناء موقع صغير باستعمال مختلف تاغات html ووضع الاستايل المناسب له.

Image

اليوم 16-50 : ابدا بتعلم مبادئ JavaScript

جافا سكربت هي من اشهر اللغات البرمجية، وواسعة الانتشار بحكم كل موقع الكتروني يستعملها تقريبا، بامكانك التجربة بتعطيل الجافا سكربت بمتصفحك، ثم تصفح كل المواقع ستجد ان مايقارب 97% بالمئه من المواقع لا تعمل!

جافا سكربت هي قوة معيار قوة المواقع الالكترونية، اي مطور ويب يجب ان يلّم بهذه اللغة او على الاقل طريقة التعامل معها.

طبعا الشكر لشهرة جافا سكربت يوجد العديد من المصادر لتعلمها من الصفر ساضع في هذه المساحة بعض المصادر:
قريباً

بعد الانتهاء من احد هذه الكورسات ستكون ملم بمبادئ الجافا سكربت لا اريد منك في هذه المرحلة الكتابة والبدأ بالبرمجة فقط تعلم الاساسيات مارس القليل منها لا تفكر كيف يعمل هذا الكود ومتى تستخدمه في هذه المرحلة. عندما تتجاوز هذه المرحلة انت تقريبا الان لديك المام بكيفية عمل المواقع الالكترونية لكن اجزم لك انك لن تستطيع بناء موقع بجافا سكربت.

Image

اليوم 51-81: تعلم Vanilla JS تحدي الثلاثين يوماً

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

يوجد موقع رائع وجدته لكن للاسف هو باللغة الانجليزية، لكن لن يكون عائق لك بحكم انك تعلمت مسبقا كيفية كتابة كود جافا سكربت فما عليك هو فقط اتباع الفيديو حتى تنتهي من تحدي الثلاثين يوماً.
https://javascript30.com/

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

Image

اليوم 82-120 : تعلم مكاتب تصميم واجهة المستخدم ( React, Vue, Angular )

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

لاكون صادقا معك اختيار اي اطار عمل ترغب بتعلمه هو صعب نوعا ما، فكل اطار يمتاز عن الاخر بشيء.

لكن، تذكر هدفك النهائي من التعلم هو البحث عن وظيفة مناسبه، نصيحتي ابحث في منطقتك اي اطار هو الاشهر وابدا بتعلمه لا يهم ان كان React او Vue او Angular. جميعها تؤدي نفس العمل تقريبا وتختصر عليك الكثير من الوقت من كتابه كود Vanilla js. اذا وجدت ان الاطر غير مستخدمه في المنطقة التي تقطن فيها فانصح بتعلم React لشهرتها، او اذا اردت الاسرع بالتعلم فتعلم Vue.

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

تذكر جيدا ان قوقل صديق المبرمجين، في الواقع جميع المبرمجين حتى المحترفين ومن هم بالشركات الكبرى يعتمدون على قوقل في حل المسائل التي تشكل عليهم، لحسن حظك ان اغلب الذي ستواجهه في هذه المرحلة ستجد له حل في قوقل وان لم تجد لا تخشى من السؤال اسال في المواقع او المجتمعات العربيه وستجد من يجيبك.

Image

اليوم 121-170: ابدا بتعلم BackEnd

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

حاليا انت وصلت لمستوى رائع، الاستسلام في هذه المرحلة غير متاح!

في الواقع جميع المواقع الالكترونية لديها واجهة خالفية للتعامل مع البيانات لتبسيط المفهوم، اذهب الى google.com ستجد الواجهة جميع ماتراه في الصفحة هي واجهة حالما تكتب اي كلمة في مربع البحث وتنقر انتر يأتي عمل Backend بالبحث عن كلمات متشابهة في قواعد بيانات قوقل ثم يخرج لك النتائج.

اذا frontEnd هي واجهة المستخدم الذي يراها كل مستخدم يدخل الموقع
Backend هو العمل الخلفي لا يراه المستخدمين عاده ولا يعرفون مدى العمل والجهد الذي بالموقع حتى يخرج بصورة رائعه.

ربما تسأل نفسك هذا السؤال لماذا انا بحاجه لتعلم backend ؟
دعنا نتخيل هذا السيناريو بدأت ببناء واجهة موقعك كاملة ستحتاج الى عضويات بموقعنا الالكتروني وتسجيل، ذهبت لخانة التسجيل وكتبت بياناتي، نحتاج الى الى مكان حتى نخزن معلومات المستخدم لاستعمالها مستقبلاً. حينما يتم تسجيل الدخول او ماخلافه.

هنا يأتي عمل Backend وهو التواصل بين واجهة المستخدم وقواعد البيانات للموقع، والطريقة الحديثة للتعامل معها عن طريق API.

السبب الاخر والكبير لحاجتنا لـ backend هو الامن، تذكر ان backend هو server-side، بمعنى انه خارج المتصفح ولا يراه المستخدم، اي شخص بامكانه الاطلاع على طريقة كتابة التصميم وكود التصميم عن طريق inspect بالمتصفح لكن لا يستطيع رؤية ماكتبناه ب backend.

في هذه المرحلة لديك العديد والعديد من الخيارات بامكانك اكمال التعلم عن طريق جافا سكربت واختيار node وبامكانك الانتقال الى python او ruby او php او اي لغة برمجية تريد تعلمها

مصادر لتعلم Backend
قريباً

Image

اليوم 171-179: تعلم DevOps و Git

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

حتى في حال تقدمك لوظيفة سيسألونك عن اعمالك ولن يكون من الرائع ان تذهب باللابتوب وتعرض مواقعك بشكل مباشر.

حسناً، يوجد العديد من المواقع التي باستطاعتك رفع الكود البرمجي الخاص بك بشكل مجاني

تعلم كيف تستعمل Git لترفع اكوادك البرمجية على منصة Github لا تقلق ستكلفك لا شيء. باستطاعتك تخزين عدد لا محدود من المشاريع في Github

في حالة كنت تريد رفع موقعك ويظهر للعلن مقدار العمل من غير الاطلاع على الكود البرمجي هنا انت بحاجة الى سيرفر يوجد العديد من المواقع اشهرهم Heroku, AWS, Digital Ocean.

حاليا تسعه من كل عشرة مبرمجين يستعملون Git ليشاركون اكوادهم. وباستطاعتك التعلم من git بالاطلاع على اكواد الاخرين وتعلم طرق جديد او حتى algorithm لموقعك.

Image

اليوم 180: انت مطور ويب!

اهنئك وصلت لاساس قوي جدا في رحلتك لتطوير المواقع الالكترونية.

ابدا بالبحث عن وظيفة بكل ثقة، وكن واضح في حال التقدم بانك مبتدئ في تطوير المواقع، ابدا بجمع اصدقاء لك في هذا المجال تناقش معهم او تعلم منهم او علّمهم.

شكراً لك للقراءة، اتمنى لك الافضل برحلتك.

البدأ لا يمكن ان يكون سهلاً ابدا والاستسلام سيكون الخروج من رحلة التعلم بالطريق السهل، ابدا لا تستسلم لاحلامك استمر بالقتال حتى تصل.

كنت منفتح للتعلم، اسال اذا لم تجد اجابه، وابقى جائع وفضولي.




هل من الممكن ان تطرح الروابط الرسمية لبيئة التطوير المتكاملة التي تستخدمها ؟ و الكتب التي استخدمتها للتعلم و مواصفات جهازك الخاص بالتطوير :11:

:11: وما هي نصيحتك الشخصية لمن يرغب بتعلم تطوير الويب :11:

:11:
:11:
:11:
2019-11-04 , 12:59 صباحاً
2019-11-04 , 09:12 صباحاً
بو هيثم’s Avatar
بو هيثم

مشارك

المشاركات:490
التسجيل:Oct 2004
بو هيثم
Norway كتب:
رائع جداً موضوع جميل

بارك الله فيك و اتمنى منك الاستمرار في دعم الموضوع و الاجابة علي الاسئلة المطروحة عليه
اول سؤال منذ متى بدأت تطوير الويب و لماذا ؟

:11:
:11:
:11:




بارك الله فيك،


بدأت منذ مايقارب السنتان، بحكم ان عملي في مؤسسة تقنية وكنت ارى الواقع التقني بالمؤسسات العاملة، فاردت ان اختبر نفسي هل تعلمها بالامر السهل او الصعب، مع المحاولة شدني الموضوع ان تصنع شيء من مجرد كتابات واستمريت.
2019-11-04 , 09:12 صباحاً
2019-11-04 , 09:18 صباحاً
بو هيثم’s Avatar
بو هيثم

مشارك

المشاركات:490
التسجيل:Oct 2004
بو هيثم
Norway كتب:
هل من الممكن ان تطرح الروابط الرسمية لبيئة التطوير المتكاملة التي تستخدمها ؟ و الكتب التي استخدمتها للتعلم و مواصفات جهازك الخاص بالتطوير :11:

:11: وما هي نصيحتك الشخصية لمن يرغب بتعلم تطوير الويب :11:

:11:
:11:
:11:



استعمل عدة برمجيات في التطوير اهمها visual studio code


وفي بايثون استعمل pycharm


وفي flutter استعمل IntelliJ



عموما هذه كلها ادوات مساعده لا تغني عن اساس قوي لك.


مواصفات جهازي بالتوقيع يضاف له لابتوب hp i7 ولا بتوب ماكبوك برو 13 انش


..


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


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


بخصوص الكتب


في رحلتي كنت استعمل موقع udemy كفيديوهات تعليمية او اليوتيوب
اذا تعلمت تقنية جديدة او لغة ابدا بالبحث عن كتب عنها


لدي اشتراك بموقع https://www.packtpub.com/
الموقع رائع بحق والاشتراك فيه بمبلغ زهيد اعتقد 40 ريال بالشهر، بالمقابل تاخذ الالاف من الفيديوهات والشروحات والكتب الحصريه
2019-11-04 , 09:18 صباحاً
2019-11-04 , 10:11 صباحاً
Norway’s Avatar
Norway

Xbox Elite Team

المشاركات:5520
التسجيل:Oct 2013
Norway
بو هيثم كتب:
بارك الله فيك،


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


بو هيثم كتب:
استعمل عدة برمجيات في التطوير اهمها visual studio code


وفي بايثون استعمل pycharm


وفي flutter استعمل IntelliJ



عموما هذه كلها ادوات مساعده لا تغني عن اساس قوي لك.


مواصفات جهازي بالتوقيع يضاف له لابتوب hp i7 ولا بتوب ماكبوك برو 13 انش


..


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


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


بخصوص الكتب


في رحلتي كنت استعمل موقع udemy كفيديوهات تعليمية او اليوتيوب
اذا تعلمت تقنية جديدة او لغة ابدا بالبحث عن كتب عنها


لدي اشتراك بموقع https://www.packtpub.com/
الموقع رائع بحق والاشتراك فيه بمبلغ زهيد اعتقد 40 ريال بالشهر، بالمقابل تاخذ الالاف من الفيديوهات والشروحات والكتب الحصريه


بارك الله فيك ماقصرت ياطيب :11:

:11: يودمي دائماً استعمله :11:

:11:
:11:
:11:
2019-11-04 , 10:11 صباحاً
2019-11-04 , 11:26 صباحاً
خـليـل’s Avatar
خـليـل

أبو عبدالله

المشاركات:14232
التسجيل:Dec 2006
خـليـل
متابع
2019-11-04 , 11:26 صباحاً
2019-11-07 , 01:50 مساءً
MoATh511xD’s Avatar
MoATh511xD

مشارك

المشاركات:336
التسجيل:May 2015
MoATh511xD
بو هيثم قد صممت مواقع ؟
2019-11-07 , 01:50 مساءً
2019-11-09 , 06:17 صباحاً
Norway’s Avatar
Norway

Xbox Elite Team

المشاركات:5520
التسجيل:Oct 2013
Norway


متابع بصمت
:11: ايضاً ارغب بمشاهدة بعضاً من اعمالك :11:
بالتوفيق

:11:
:11:
:11:

2019-11-09 , 06:17 صباحاً
2019-11-09 , 09:43 صباحاً
MoATh511xD’s Avatar
MoATh511xD

مشارك

المشاركات:336
التسجيل:May 2015
MoATh511xD
عن نفسي تعلمت أساسيات الـ Html , Css , JavaScript وصلت للمرحلة الي اقلد مواقع
لكن اصمم من الصفر صعبة !
2019-11-09 , 09:43 صباحاً
2019-11-09 , 12:07 مساءً
بو هيثم’s Avatar
بو هيثم

مشارك

المشاركات:490
التسجيل:Oct 2004
بو هيثم
MoATh511xD كتب:
بو هيثم قد صممت مواقع ؟



لي محاولات بتصميم المواقع لكن ماكانت ذات شكل جيد،


تحسنت عندي ذائقة التصميم عن قبل بكثير، والفضل يعود للتقليد اولا ثم النظر للتصاميم ومحاولة دراسة طريقة عملها دماغيا فقط.


افضل طريقة لاجل تعرف كيف تصمم اي موقع وتحسن ذائقة التصميم عندك هي النظر
ادخل الى موقع

https://themeforest.net/


اطّلع على عدد من الاعمال الى ان تجد عمل يجذبك وتجده رائع، حاول دراسة العمل بدماغك فقط من دون كتابة اي كود ثم حاول محاكاته ولا بأس ان تطلع على الكود عن طريق inspector



بعد فتره من الزمن ستجد ان لديك خط بالتصميم تمشي عليه بجميع تصاميمك
2019-11-09 , 12:07 مساءً
2019-11-09 , 12:15 مساءً
بو هيثم’s Avatar
بو هيثم

مشارك

المشاركات:490
التسجيل:Oct 2004
بو هيثم
Norway كتب:


متابع بصمت
:11: ايضاً ارغب بمشاهدة بعضاً من اعمالك :11:
بالتوفيق

:11:
:11:
:11:





حاليا اعمل على مشروع django هو بمثل فكرة medium تقريبا،


حيث يوجد به يوزرات حيث كل يوزر لديه مقالات خاصه به، ولديه تقييم من قبل الزوار


انهيت الكثير منه حاليا


تراودني حاليا بتغيير طريقة برمجة الموقع حيث يكون الفرونت اند react والباك اند django


لعامل السرعه وجعل التطبيق Single web application لكن سياخذ منّي بعض الوقت


صورة للمشروع
Image


الصورة بحجم كبير
انقر هنا
2019-11-09 , 12:15 مساءً
2019-11-09 , 12:50 مساءً
Samo21’s Avatar
Samo21

نشيط

المشاركات:878
التسجيل:Jan 2017
Samo21

بيض الله وجهك الموضوع جداََ جداََ جداََ جميل و مهم
وشكرا لك :11:
2019-11-09 , 12:50 مساءً
2019-11-10 , 07:41 صباحاً
9AML’s Avatar
9AML

نشيط

المشاركات:739
التسجيل:Jan 2017
9AML

ما قصرت كفيت ووفيت
ما شاء الله تجربه موفقه
طريقة طرح الموضوع ممتازة جدا
بدون تشويش ع العكس تسلسل ممتاز مناسب للطبيعة البشرية
جزاك الله خير بيض الله وجهك
2019-11-10 , 07:41 صباحاً
2019-11-10 , 03:20 مساءً
زح زح’s Avatar
زح زح

مبدع

المشاركات:2274
التسجيل:Mar 2007
زح زح
يعطيك العافيه

متـابع
2019-11-10 , 03:20 مساءً
2019-11-11 , 01:47 صباحاً
Norway’s Avatar
Norway

Xbox Elite Team

المشاركات:5520
التسجيل:Oct 2013
Norway
شكراً اخي ابوهيثم ابدعت :11:

اخوي صامل :13:

Image

2019-11-11 , 01:47 صباحاً
2019-11-11 , 02:18 صباحاً
mansoor’s Avatar
mansoor

نشيط

المشاركات:710
التسجيل:Jun 2004
mansoor
متابع ،
لو يصير فيه قروب دردشة لتبادل الخبرات والتعلم
2019-11-11 , 02:18 صباحاً
2019-11-11 , 07:36 صباحاً
أبو عمارة’s Avatar
أبو عمارة

مشارك

المشاركات:380
التسجيل:Mar 2015
أبو عمارة
خطة مناسبة بس بالنسبة للجيكويري والبوتستراب ولا خليتها ضمن css او بدلت الحيكويري بال vue.js
2019-11-11 , 07:36 صباحاً
2019-11-11 , 09:41 صباحاً
بو هيثم’s Avatar
بو هيثم

مشارك

المشاركات:490
التسجيل:Oct 2004
بو هيثم
أبو عمارة كتب:
خطة مناسبة بس بالنسبة للجيكويري والبوتستراب ولا خليتها ضمن css او بدلت الحيكويري بال vue.js



هذي الزيادات والرتوش تتعلمها مع الممارسه بخصوص الجيكويري لا باس بتعلمها لكن يفضل تعلم اطر العمل الجديدة مثل انغولار او فيو او ري اكت.


البوتستراب لو مستواك ب css كويس بتفهم الية عمله ب اقل من يوم.
2019-11-11 , 09:41 صباحاً
2019-11-11 , 09:44 صباحاً
بو هيثم’s Avatar
بو هيثم

مشارك

المشاركات:490
التسجيل:Oct 2004
بو هيثم
mansoor كتب:
متابع ،
لو يصير فيه قروب دردشة لتبادل الخبرات والتعلم



اسدح سؤالك هنا والموضوع ذا نخليه قروب وابشر بالجواب، باذن الله
2019-11-11 , 09:44 صباحاً