لاحظت كثير من طلاب الحاسب ملخبطين
نبغى نتعلم Back-end development هل لازم نتعلم Html ??
طيب إيش الفرق بين front-end و back-end ??
راح أكتب ثريد شامل يفيد كل الي حاب يسير مبرمج مواقع إن شاء الله ...
نبغى نتعلم Back-end development هل لازم نتعلم Html ??
طيب إيش الفرق بين front-end و back-end ??
راح أكتب ثريد شامل يفيد كل الي حاب يسير مبرمج مواقع إن شاء الله ...
اليوم راح أتكلم عن 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
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/c/hussienahmmed
TheNewBaghdad
قناة تعليمية متخصصة في تعليم كل مايخص عالم التقنية من لغات برمجة وامن معلومات بشكل مجاني وعالي الجود...
youtube.com/c/WesBos
Wes Bos
HTML, CSS, JavaScript and WordPress web development tutorials!
youtube.com/channel/UCLcFW…
Nour Homsi
تقدّم القناة دروسا في التصميم الاعلاني و تصميم الويب بالاضافة إلى مختلف مجالات التكنولوجيا بدأت هذه...
youtube.com/c/ElzeroInfo
Elzero Web School
Life Is Short, Start Learning
youtube.com/channel/UC8but…
freeCodeCamp.org
Learn to code for free.
satr.codes/paths/ecbAGsuq…
منصة سطر التعليمية | Full-Stack JavaScript
سيأخذك هذا المسار في رحلة تتعلم من خلالها تطوير وبناء تطبيقات ويب تفاعلية متكاملة، تبدأ رحلتك بتعلم...
w3schools.com
W3Schools Online Web Tutorials
W3Schools offers free online tutorials, references and exercises in all the major languages of the w...
أهم خطوة بعد تعلم ماسبق
التطبيق العملي
ثم التطبيق العملي
التطبيق العملي
التطبيق العملي
والاستمرار اقل شي لمدة ستة أشهر للحصول على نتيجة مرضية لازم نعمل مشاريع ويب حقيقية ونتعلم كيف نرفعها على سيرفر (سهل جدا) ,
التطبيق العملي
ثم التطبيق العملي
التطبيق العملي
التطبيق العملي
والاستمرار اقل شي لمدة ستة أشهر للحصول على نتيجة مرضية لازم نعمل مشاريع ويب حقيقية ونتعلم كيف نرفعها على سيرفر (سهل جدا) ,
أول مشروع ممكن تعمله :
إنشاء 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
(الروابط متنوعة عربي وإنجليزي , إختار اللي يناسبك واليوتيوب مليان تختار اللي يعجبك )
شكرا لأنكم وصلتوا إلى هنا , أتمنى افدتكم ووضح لكم الطريق ,,
رحلة برمجية سعيدة ...
انتظروا ثريد قادم عن تطبيقات الجوال ان شاء الله
شكرا لأنكم وصلتوا إلى هنا , أتمنى افدتكم ووضح لكم الطريق ,,
رحلة برمجية سعيدة ...
انتظروا ثريد قادم عن تطبيقات الجوال ان شاء الله
جاري تحميل الاقتراحات...