- من هو الـ Front-end developer ؟
- ماهي متطلبات هذا المجال ؟
- ما أفضل المصادر التعليمية للفرونت ايند ؟
سأجيب على ان شاء الله على هذه الأسئلة لكي تتضح الصورة لكل الراغبين في دخول هذا المجال .
من هو الفرونت اند ديفلوبر ؟
قد عرفنا مسبقاً مهمة مصمم الويب الذي يقوم بإنشاء مظهر وتصميم موقع الويب.
وفي المرحلة التي تليهيا يأتي دور الفرونت ايند أو مطور الواجهة الأمامية ليقوم بتحويل التصميم من مجرد صورة ليصبح التصميم يعمل عبر الإنترنت باستخدام لغات
مثل CSS و HTML و JavaScript.
وهذا ينقلنا للسؤال التالي
ما هي متطلبات هذا المجال ؟
بكل بساطة يجب على المختص في هذا المجال أن يكون لديه خبرة في اللغات التالية :
> HTML
> CSS
> JAVASCRIPT
بعد التمكن من هذه اللغات يجب أن يتعمق أكثر في مكتبات الجافاسكربت وأشهرها
( Angular , React , Vue )
من المميزات الإضافية التي قد تساعد المطور في عمله أن يكون لديه خبرة على برامج التصميم كـ فيجما ، XD ، فوتوشوب ، سكيتش وغيرها
- أفضل المصادر التعليمية لهذا المجال
من أفضل المصادر التعليمية العربية للويب هي قناة ال zero web school تحتوي على مجموعة ضخمة من الكورسات في كل مجالات الويب لكن في هذه المقال سنركز على مصادر الفرونت اند
HTML5
CSS3
JS
VUEjs
طبعا القناة ضخمة وتعتبر بحر لأي أحد يريد الاختصاص في الويب
ومن القنوات الأجنبية هناك قناتين هما الأفضل
الأولى هي :
The Net Ninja
الثانية هي :
DesignCourse
أتمنى أني قد شرحت الموضوع بشكل جيد وأصبح الطريق واضحاً للجميع للبدء في هذا المجال .
نصيحتي الأخيرة هي أن تبدأ اليوم لا تتأخر ولا تفكر كثيراً فقط ابدء بما لديك ، الأمر لا يتطلب حاسوب بمواصفات عالية ولاا أدوات مكلفة كل شئ مجاني ... فلا تتأخر !
- ماهي متطلبات هذا المجال ؟
- ما أفضل المصادر التعليمية للفرونت ايند ؟
سأجيب على ان شاء الله على هذه الأسئلة لكي تتضح الصورة لكل الراغبين في دخول هذا المجال .
من هو الفرونت اند ديفلوبر ؟
قد عرفنا مسبقاً مهمة مصمم الويب الذي يقوم بإنشاء مظهر وتصميم موقع الويب.
وفي المرحلة التي تليهيا يأتي دور الفرونت ايند أو مطور الواجهة الأمامية ليقوم بتحويل التصميم من مجرد صورة ليصبح التصميم يعمل عبر الإنترنت باستخدام لغات
مثل CSS و HTML و JavaScript.
وهذا ينقلنا للسؤال التالي
ما هي متطلبات هذا المجال ؟
بكل بساطة يجب على المختص في هذا المجال أن يكون لديه خبرة في اللغات التالية :
> HTML
> CSS
> JAVASCRIPT
بعد التمكن من هذه اللغات يجب أن يتعمق أكثر في مكتبات الجافاسكربت وأشهرها
( Angular , React , Vue )
من المميزات الإضافية التي قد تساعد المطور في عمله أن يكون لديه خبرة على برامج التصميم كـ فيجما ، XD ، فوتوشوب ، سكيتش وغيرها
- أفضل المصادر التعليمية لهذا المجال
من أفضل المصادر التعليمية العربية للويب هي قناة ال zero web school تحتوي على مجموعة ضخمة من الكورسات في كل مجالات الويب لكن في هذه المقال سنركز على مصادر الفرونت اند
HTML5
CSS3
JS
VUEjs
طبعا القناة ضخمة وتعتبر بحر لأي أحد يريد الاختصاص في الويب
ومن القنوات الأجنبية هناك قناتين هما الأفضل
الأولى هي :
The Net Ninja
الثانية هي :
DesignCourse
أتمنى أني قد شرحت الموضوع بشكل جيد وأصبح الطريق واضحاً للجميع للبدء في هذا المجال .
نصيحتي الأخيرة هي أن تبدأ اليوم لا تتأخر ولا تفكر كثيراً فقط ابدء بما لديك ، الأمر لا يتطلب حاسوب بمواصفات عالية ولاا أدوات مكلفة كل شئ مجاني ... فلا تتأخر !
❤3
منشور مهم لمرحلة التسليم للمطورين وخطوات لازم تنتبه لها كمصمم واجهات ✨👇🏻
https://www.instagram.com/p/DK16kPxS4jA/?igsh=MWg1dnJlZWFndXdtcg==
https://www.instagram.com/p/DK16kPxS4jA/?igsh=MWg1dnJlZWFndXdtcg==
﴿وَللهِ غَيْبُ السَّمَاوَاتِ وَالْأَرْضِ وَإِلَيْهِ يُرْجَعُ الْأَمْرُ كُلُّهُ فَاعْبُدْهُ وَتَوَكَّلْ عَلَيْهِ وَمَا رَبُّكَ بِغَافِلٍ عَمَّا تَعْمَلُونَ﴾.
«اللَّهُمَّ وَجِّهْنَا لِمَا خَلَقْتَنَا لَهُ ، وَاصْرِفْنَا عَمَّا نَهَيْتَنَا عَنْهُ ، وَلَا تَشْغَلْنَا بِمَا تَكَفَّلْتَ لَنَا بَهِ».
«اللَّهُمَّ وَجِّهْنَا لِمَا خَلَقْتَنَا لَهُ ، وَاصْرِفْنَا عَمَّا نَهَيْتَنَا عَنْهُ ، وَلَا تَشْغَلْنَا بِمَا تَكَفَّلْتَ لَنَا بَهِ».
❤1
في بداياتكم تدربوا على شاشات بسيطة وسهلة التصميم كهذه الشاشات
قلدوا في البدايات … الابداع يأتي بعد هذه المرحلة
#تغذية_بصرية #تطبيقات #تصميم
⭐️
قلدوا في البدايات … الابداع يأتي بعد هذه المرحلة
#تغذية_بصرية #تطبيقات #تصميم
⭐️
❤6
💸 أنواع القوائم وأسماءها
أحيانا تكون معرفة اسماء العناصر مهمة للمصمم في حال اراد شرح فكرته أو البحث عن هذه العناصر 👩💻
#تغذية_بصرية #تصميم
⭐️
أحيانا تكون معرفة اسماء العناصر مهمة للمصمم في حال اراد شرح فكرته أو البحث عن هذه العناصر 👩💻
#تغذية_بصرية #تصميم
⭐️
❤1
💸 ما هو تصميم تجربة المستخدم ؟
تصميم تجربة المستخدم (UX) هو الشيء الذي يجعل من المستخدمين يشعرون بالرضا عند استخدام المواقع الإلكترونية، والتطبيقات، والأدوات الأخرى.
💸 ما هو الهدف من تصميم تجربة المستخدم ؟
يهدف UX الى التأكيد على تجربة المستخدم الجيدة من خلال التأكد من ان كل ما يحتاجه المستخدم يمكن الوصول اليه بشكل سلس ، وتحسين الوصول الي المحتوى، والشكل الخارجي وتحسين الاستجابة لطلبات المستخدم.
⭐️
تصميم تجربة المستخدم (UX) هو الشيء الذي يجعل من المستخدمين يشعرون بالرضا عند استخدام المواقع الإلكترونية، والتطبيقات، والأدوات الأخرى.
💸 ما هو الهدف من تصميم تجربة المستخدم ؟
يهدف UX الى التأكيد على تجربة المستخدم الجيدة من خلال التأكد من ان كل ما يحتاجه المستخدم يمكن الوصول اليه بشكل سلس ، وتحسين الوصول الي المحتوى، والشكل الخارجي وتحسين الاستجابة لطلبات المستخدم.
⭐️
📢
⭐️ حكم مصمم ومطور مواقع | HKM
- مبرمج ، مصمم ، صانع محتوى
- نصائح وتحديات حول التصميم والبرمجة
- مهتم بدراسة تجربة المستخدم
- مختص بتصميم وبرمجة المواقع
مرحبًا بكم 👇
https://instagram.com/hkmdesigner?igshid=YmMyMTA2M2Y=
⭐️ حكم مصمم ومطور مواقع | HKM
- مبرمج ، مصمم ، صانع محتوى
- نصائح وتحديات حول التصميم والبرمجة
- مهتم بدراسة تجربة المستخدم
- مختص بتصميم وبرمجة المواقع
مرحبًا بكم 👇
https://instagram.com/hkmdesigner?igshid=YmMyMTA2M2Y=
❤3