انتهيت من الفرونت اند فماذا اتعلم ؟
السؤال الأكثر تداولا بين طلاب لغات الفرونت اند عندما ينتهي الطالب من لغات
html - css - javascript
في الغالب الذي يسأل هذا السؤال للاسف لم يستمتع بالمرحلة ولم يقم بتحديد هدف صريح وواضح من البداية ، فماذا تعلمت ولماذا تريد انهاء المرحلة >> ؟
السؤال الأكثر تداولا بين طلاب لغات الفرونت اند عندما ينتهي الطالب من لغات
html - css - javascript
في الغالب الذي يسأل هذا السؤال للاسف لم يستمتع بالمرحلة ولم يقم بتحديد هدف صريح وواضح من البداية ، فماذا تعلمت ولماذا تريد انهاء المرحلة >> ؟
دائما وابدا اوصف متخصصين الفرونت اند بالفنانين ، فهم من يضيفون لمساتهم الجمالية علي الموقع بعد انتهاء عباقرة الباك اند من العمل علي المشروع
فبدونك عزيزي متخصص الفرونت اند لم يستطيع الزائر التجاوب مع الموقع ولا استخدامه اطلاقا ولن ينسجم مع شكله الخارجي >>
فبدونك عزيزي متخصص الفرونت اند لم يستطيع الزائر التجاوب مع الموقع ولا استخدامه اطلاقا ولن ينسجم مع شكله الخارجي >>
فلماذا الاستعجال ؟
من اكثر الاشياء التي تقتل التحفيز بداخلنا هي قلة الشغف وكثرة القلق والتفكير فيما بعد المرحلة ونسيان الاستمتاع بالمرحلة الحالية
لابد من اخراج كاااااااااااااافة مهاراتك فيما تفعل اخرج كل ما لديك في اي مرحلة تتعلمها فالتعلم النظري المجرد لا قيمة له >>
من اكثر الاشياء التي تقتل التحفيز بداخلنا هي قلة الشغف وكثرة القلق والتفكير فيما بعد المرحلة ونسيان الاستمتاع بالمرحلة الحالية
لابد من اخراج كاااااااااااااافة مهاراتك فيما تفعل اخرج كل ما لديك في اي مرحلة تتعلمها فالتعلم النظري المجرد لا قيمة له >>
علي سبيل المثال دعتا نلقي نظرة علي html - css
الكل يمر عليهم مرور الكرام و80٪ من الطلاب ينظرون اليهم في البداية ان واحدة تبني الهيكل والثانية اداة الوان نلون بها الواجهة وفقط لماذا ؟
صحيح ان html لغية هيكلية تبني بها قواعد الموقع ولكن في البرمجة تعلمنا تقسيم اي شي الي اجزاء >>
الكل يمر عليهم مرور الكرام و80٪ من الطلاب ينظرون اليهم في البداية ان واحدة تبني الهيكل والثانية اداة الوان نلون بها الواجهة وفقط لماذا ؟
صحيح ان html لغية هيكلية تبني بها قواعد الموقع ولكن في البرمجة تعلمنا تقسيم اي شي الي اجزاء >>
فعند تعلمك لدراسة html قم بتحزئة اللغة وتعلم كل شي بمفرده
الجداول
القوائم
الصور
النصوص
الروابط
العناوين
الفقرات
ولا تتجاوز الخصائص الأخري الموجودة داخلهم
ثم اعمل علي كل جزء بمفرده من خلال CSS
وفي النهاية قم بعمل مشروع كامل يجمع كل ما تعلمت 🤷♂️
>>>
الجداول
القوائم
الصور
النصوص
الروابط
العناوين
الفقرات
ولا تتجاوز الخصائص الأخري الموجودة داخلهم
ثم اعمل علي كل جزء بمفرده من خلال CSS
وفي النهاية قم بعمل مشروع كامل يجمع كل ما تعلمت 🤷♂️
>>>
هل انتقل الآن الي شي اخر ؟ لا قف لحظة !
الآن انت بنيت مشروعك الاول ولكن عند فتحه علي شاشة الهاتف ستنصدم لأول مرة فالقائمة اصبحت بالاسفل والصور واصبحت بالأعلي والنص اصبح يسار 😇
لقد انصدمت واوشكت علي ترك المجال انتظر😅
انه يا عزيزي التصميم المتجاوب Responsive 🧡
الآن انت بنيت مشروعك الاول ولكن عند فتحه علي شاشة الهاتف ستنصدم لأول مرة فالقائمة اصبحت بالاسفل والصور واصبحت بالأعلي والنص اصبح يسار 😇
لقد انصدمت واوشكت علي ترك المجال انتظر😅
انه يا عزيزي التصميم المتجاوب Responsive 🧡
يهدف التصميم المتجاوب في جعل الموقع متوافق تماما مع كافة الشاشات الصغيرة والكبيرة
في هذه المرحلة من افضل الأدوات التي ستفيدك في css هي Flex , Grid
فهما خاصيتان رائعان يساعدونك كثيرا في تصميم صفحة الويب وتوزيع العناصر بسهولة وتجاوب تلك العناصر مع الشاشات المختلفة لذلك لا تتركهم
في هذه المرحلة من افضل الأدوات التي ستفيدك في css هي Flex , Grid
فهما خاصيتان رائعان يساعدونك كثيرا في تصميم صفحة الويب وتوزيع العناصر بسهولة وتجاوب تلك العناصر مع الشاشات المختلفة لذلك لا تتركهم
هل انتهيت الآن ؟ لا انتظر هناك مكافأة بانتظارك 😃
البوتستراب Bootstrap
بعد معاناتك في كل المراحل السابقة وإتقانك لقواعد تصميم صفحات الويب من البداية وتعلمك الأسس الصحيحة التي يقوم عليها الموقع
يأتي البوتستراب كهدية لك فهو يقول لك اذا اردت الحصول علي زر احترافي اكتب اسم الكلاس
البوتستراب Bootstrap
بعد معاناتك في كل المراحل السابقة وإتقانك لقواعد تصميم صفحات الويب من البداية وتعلمك الأسس الصحيحة التي يقوم عليها الموقع
يأتي البوتستراب كهدية لك فهو يقول لك اذا اردت الحصول علي زر احترافي اكتب اسم الكلاس
واذا اردت الحصول علي معرض صور رائع اكتب اسم الكلاس “ كذا"
وهكذا فهو يفيدك جدا في بناء مشروعك وجعله متجاوب Responsive مع الشاشات دون كتابة الاكواد الخاصة به من الصفر
فهو عبارة عن كلاسات كل كلاس له مهمة معينة ما عليك فقط سوي معرفة طريقة استدعائه واستخدامه ووضع كل شي في مكانه >
وهكذا فهو يفيدك جدا في بناء مشروعك وجعله متجاوب Responsive مع الشاشات دون كتابة الاكواد الخاصة به من الصفر
فهو عبارة عن كلاسات كل كلاس له مهمة معينة ما عليك فقط سوي معرفة طريقة استدعائه واستخدامه ووضع كل شي في مكانه >
الآن مبرووووووووك congratulations 🎈🍾🎉
لقد أصبحت مطور واجهات بنسبة عالية وتستطيع تقليد اي واجهة موقع وتوزيع عناصرها بالشكل السليم وعمل واجهة موقع متجاوبة مع الشاشات ، انت الآن مستمتع حقا بما تفعل ولا تريد الانتقال الي شي اخر من حبك فيما تفعل وفخرك بنفسك ولكن لحظة 😅
لقد أصبحت مطور واجهات بنسبة عالية وتستطيع تقليد اي واجهة موقع وتوزيع عناصرها بالشكل السليم وعمل واجهة موقع متجاوبة مع الشاشات ، انت الآن مستمتع حقا بما تفعل ولا تريد الانتقال الي شي اخر من حبك فيما تفعل وفخرك بنفسك ولكن لحظة 😅
الآن جميعكم يسأل اين Javascript 😅
من فضلك قل اين العملاقة جافا سكربت 💪
فلن اريد ذكرها الان حتي لا تربطها بشكل مجرد مع الفرونت اند ولكن اريد ان احدثك عنها بشكل يجعلك
Full stack frontend
هل سمعت عن هذا التخصص من قبل ؟ انها العملاقة جافا سكربت
لذلك سأحدثك عنها بموضوع منفرد
من فضلك قل اين العملاقة جافا سكربت 💪
فلن اريد ذكرها الان حتي لا تربطها بشكل مجرد مع الفرونت اند ولكن اريد ان احدثك عنها بشكل يجعلك
Full stack frontend
هل سمعت عن هذا التخصص من قبل ؟ انها العملاقة جافا سكربت
لذلك سأحدثك عنها بموضوع منفرد
ارجو ان يكون الشرح بسيط وواضح واسلوب شيق يحببكم في التخصص والمجال بشكل عام وان شاء الله سأحضر موضوع اخر عن جافا سكربت لانها لغة جميلة وتستحق الكلام عنها وعن وظايفها الرائعة
ولا تنسو التطبيقات والتحديات ومش هكتب مصادر لان المصدر اللي معك حاليا ممتاز بس التزم بيه
#coming_coder
ولا تنسو التطبيقات والتحديات ومش هكتب مصادر لان المصدر اللي معك حاليا ممتاز بس التزم بيه
#coming_coder
جاري تحميل الاقتراحات...