لاحظت كثير من طلاب الحاسب ملخبطين نبغى نتعلم
Back-end development
هل لازم نتعلم Html ??
طيب إيش الفرق بين front-end و back-end ??
راح أكتب ثريد شامل يفيد كل الي حاب يسير مبرمج مواقع إن شاء الله ...
تابعوني
@PrograminLovers
Back-end development
هل لازم نتعلم Html ??
طيب إيش الفرق بين front-end و back-end ??
راح أكتب ثريد شامل يفيد كل الي حاب يسير مبرمج مواقع إن شاء الله ...
تابعوني
@PrograminLovers
اليوم راح أتكلم عن front-end web developer
مطور الواجهة الأمامية للموقع :
شخص محترف مسؤول عن تصميم الواجهة وتنفيذها,
يقوم بإنشاء تصميم موقع الويب ,
ويتأكد من أن التصميم يعمل عبر الإنترنت وعلى مختلف الاجهزة بسرعة وجودة عالية,,
مطور الواجهة الأمامية للموقع :
شخص محترف مسؤول عن تصميم الواجهة وتنفيذها,
يقوم بإنشاء تصميم موقع الويب ,
ويتأكد من أن التصميم يعمل عبر الإنترنت وعلى مختلف الاجهزة بسرعة وجودة عالية,,
يعني الشكل والألوان والحركات اللي نشوفها لمن نفتح أي موقع ,,,
إيش هي مسؤوليات ومهام مطور الواجهة الأمامية ؟
1- تحقيق التوازن بين التصميم الوظيفي والجمالي
2- يصمم ويبني تصميم صفحة الويب وهيكلها
3- كتابة كود نظيف وقابل للقراءة للإستخدام والتعديل في المستقبل
إيش هي مسؤوليات ومهام مطور الواجهة الأمامية ؟
1- تحقيق التوازن بين التصميم الوظيفي والجمالي
2- يصمم ويبني تصميم صفحة الويب وهيكلها
3- كتابة كود نظيف وقابل للقراءة للإستخدام والتعديل في المستقبل
4-تأكد من تحسين صفحات الويب للحصول على أفضل سرعة وجودة في الاستخدام
5- تحسين تجربة المستخدم للموقع
6- بناء تصميم متوافق مع مختلف الاجهزة الذكية (أكثر شيء يطفش في الفرونت 😂)
5- تحسين تجربة المستخدم للموقع
6- بناء تصميم متوافق مع مختلف الاجهزة الذكية (أكثر شيء يطفش في الفرونت 😂)
نجي لأهم نقطة , كيف أصبح مطور واجهة أمامية ؟؟
نتعلم بالترتيب :
1- HTML/HTML5
2- CSS/CSS3
3- تعلم إطار عمل بلغة CSS مثل :
- BOOTSTRAP أشهرها
- Bulma
-Tailwind CSS
-Tacit
- Spectre
وغيرها الكثير,,,,
نتعلم بالترتيب :
1- HTML/HTML5
2- CSS/CSS3
3- تعلم إطار عمل بلغة CSS مثل :
- BOOTSTRAP أشهرها
- Bulma
-Tailwind CSS
-Tacit
- Spectre
وغيرها الكثير,,,,
يمكن إنشاء موقع إلكتروني من غير إستخدام هذه التقنية , لكن إستخدامها يسهل ويختصر الكثييييير من الوقت والجهد وتعلمها سهل جدا إذا التزمنا بالترتيب اللي بدأت فيه , ومطلوبة أيضا في سوق العمل ,,,
4- JAVASCRIP :
( وتختلف تماما عن java اللي تعلمناها في الجامعة لانه الاغلبية يحسبها نفسها وأنا كنت منهم )
لغة برمجة معروفة وقوية جدا , لها إستخدامات مختلفة : مجال الالعاب , برمجة المواقع سواء الواجهة الأمامية أو الخلفية , الذكاء الإصطناعي .الخ , تحتل المراكز الأولى عالميا
( وتختلف تماما عن java اللي تعلمناها في الجامعة لانه الاغلبية يحسبها نفسها وأنا كنت منهم )
لغة برمجة معروفة وقوية جدا , لها إستخدامات مختلفة : مجال الالعاب , برمجة المواقع سواء الواجهة الأمامية أو الخلفية , الذكاء الإصطناعي .الخ , تحتل المراكز الأولى عالميا
5- تعلم إطار عمل بلغة الجافا سكريبت مثل :
-JQuery (أصبح قديم نوعاما )
- vue.js : عليه طلب في سوق العمل حاليا
-Angular
- React
-Node.js
-Aurelia
-Backbone.js
كل واحد من الاسماء اللي ذكرتها فوق له وظيفة معينة ودور معين , لازم تقرأ وتبحث قبل ما تقرر تتعلم
-JQuery (أصبح قديم نوعاما )
- vue.js : عليه طلب في سوق العمل حاليا
-Angular
- React
-Node.js
-Aurelia
-Backbone.js
كل واحد من الاسماء اللي ذكرتها فوق له وظيفة معينة ودور معين , لازم تقرأ وتبحث قبل ما تقرر تتعلم
الجافا سكريبت لغة جدا متشعبة ولها مكتبات وأطر عمل كثيييرة , ثريد واحد لا يكفي ولا يعطيها حقها
لكن راح أجاوب على سؤال مهم ممكن يخطر على بال أي شخص ؟
أتعلم الجافا سكريبت ولا إطار العمل ؟
أول شيء لازم تتعلم JS لانه هي الأساس لتعلم أطر العمل وراح نستخدم الاثنين ,,
لكن راح أجاوب على سؤال مهم ممكن يخطر على بال أي شخص ؟
أتعلم الجافا سكريبت ولا إطار العمل ؟
أول شيء لازم تتعلم JS لانه هي الأساس لتعلم أطر العمل وراح نستخدم الاثنين ,,
لكن ممكن نكتفي بتعلم إطار عمل واحد,,,
6- تعلم BOM و DOM : سهلة جدا ومرتبطة بالجافا سكريبت
كذا خلصنا لغات البرمجة اللازمة لتطوير واجهات الموقع الأمامية ,,,
6- تعلم BOM و DOM : سهلة جدا ومرتبطة بالجافا سكريبت
كذا خلصنا لغات البرمجة اللازمة لتطوير واجهات الموقع الأمامية ,,,
لكن في مهارت أخرى نحتاج نتعلمها إذا جينا نقدم على وظيفة مثل :
1- Version Control : Git
2- SEO
3- Command Line
4- مهارة التعليم الذاتي والبحث بإستمرار
5- التغذية البصرية بإستمرار
6- لازم يكون الموقع متوافق مع مختلف الاجهزة :
Grid system and break points
1- Version Control : Git
2- SEO
3- Command Line
4- مهارة التعليم الذاتي والبحث بإستمرار
5- التغذية البصرية بإستمرار
6- لازم يكون الموقع متوافق مع مختلف الاجهزة :
Grid system and break points
روابط لمواقع وقنوات تشرح جميع ما سبق :
1- w3schools.com
2-youtube.com
3-youtube.com
4-youtube.com
5-youtube.com
6-youtube.com
7- منصة سطر :
satr.codes
1- w3schools.com
2-youtube.com
3-youtube.com
4-youtube.com
5-youtube.com
6-youtube.com
7- منصة سطر :
satr.codes
youtube.com/channel/UCLcFW…
youtube.com/channel/UC8but…
youtube.com/c/hussienahmmed
TheNewBaghdad
قناة تعليمية متخصصة في تعليم كل مايخص عالم التقنية من لغات برمجة وامن معلومات بشكل مجاني وعالي الجود...
youtube.com/c/ElzeroInfo
Elzero Web School
Life Is Short, Start Learning
satr.codes/paths/ecbAGsuq…
منصة سطر التعليمية | Full-Stack JavaScript
سيأخذك هذا المسار في رحلة تتعلم من خلالها تطوير وبناء تطبيقات ويب تفاعلية متكاملة، تبدأ رحلتك بتعلم...
w3schools.com
W3Schools Free Online Web Tutorials
W3Schools offers free online tutorials, references and exercises in all the major languages of the w...
youtube.com/c/WesBos
أهم خطوة بعد تعلم ماسبق التطبيق العملي ثم
التطبيق العملي
التطبيق العملي
التطبيق العملي
والاستمرار اقل شي لمدة ستة أشهر للحصول على نتيجة مرضية
لازم نعمل مشاريع ويب حقيقية ونتعلم كيف نرفعها على سيرفر (سهل جدا) ,
التطبيق العملي
التطبيق العملي
التطبيق العملي
والاستمرار اقل شي لمدة ستة أشهر للحصول على نتيجة مرضية
لازم نعمل مشاريع ويب حقيقية ونتعلم كيف نرفعها على سيرفر (سهل جدا) ,
أول مشروع ممكن تعمله :
إنشاء portfolio خاص فيك ترفع فيه أعمالك الباقية ,
بتصميم مميز وخاص فيك وألوان جميلة وحركات بركات ,
تظهر فيه مهاراتك وإمكانياتك في التصميم والبرمجة ,,
ويتم إرساله مع السيرة الذاتية عند التقديم للوظائف
إنشاء portfolio خاص فيك ترفع فيه أعمالك الباقية ,
بتصميم مميز وخاص فيك وألوان جميلة وحركات بركات ,
تظهر فيه مهاراتك وإمكانياتك في التصميم والبرمجة ,,
ويتم إرساله مع السيرة الذاتية عند التقديم للوظائف
بعد هذه الخطوات تحتاج تقدم على تدريب عشان تصقل مهاراتك وتطورها , وتعرف كيف سوق العمل بيشتغل
روابط لقنوات يوتيوب لمشاريع كاملة :
1- youtube.com
2-youtube.com
3-youtube.com
4- youtube.com
5-youtube.com
روابط لقنوات يوتيوب لمشاريع كاملة :
1- youtube.com
2-youtube.com
3-youtube.com
4- youtube.com
5-youtube.com
(الروابط متنوعة عربي وإنجليزي , إختار اللي يناسبك واليوتيوب مليان تختار اللي يعجبك )
شكرا لأنكم وصلتوا إلى هنا , أتمنى افدتكم ووضح لكم الطريق ,,
وإن شاء الله راح أعمل ثريد لمطور الواجهة الخلفية ...
شكرا لأنكم وصلتوا إلى هنا , أتمنى افدتكم ووضح لكم الطريق ,,
وإن شاء الله راح أعمل ثريد لمطور الواجهة الخلفية ...
جاري تحميل الاقتراحات...