مجال الويب ينقسم لقسمين
-Front End Developer
-Back End Developer
في هذا الثريد هنذكر بالتريب كيف تتعلم الـ Front End من خلال فيديوهات مجانية على اليوتيوب
بإذن الله الثريد هيفيد عدد كبير جدا ونعدك بالاحتراف اذا التزمت
شاركوه لتعم الفائدة بشكل أكبر
@PrograminLovers
@MusaadTech
-Front End Developer
-Back End Developer
في هذا الثريد هنذكر بالتريب كيف تتعلم الـ Front End من خلال فيديوهات مجانية على اليوتيوب
بإذن الله الثريد هيفيد عدد كبير جدا ونعدك بالاحتراف اذا التزمت
شاركوه لتعم الفائدة بشكل أكبر
@PrograminLovers
@MusaadTech
يجب معرفة أن جميع صفحات الويب يتم فتحها عبر المتصفحات مثل كوروم أو موزيلا سواء كان متصفح ديسكتوب أو موبايل أو حتى شاشات كبيرة
في الاساس هذه الصفحة تتكون من عده أمور أهمها الـ HTML
والتي من خلالها يتم وضع العناصر مثل العناووين والصور والفقرات والأزرار والروابط لتنقل لأمكان مختلفة
في الاساس هذه الصفحة تتكون من عده أمور أهمها الـ HTML
والتي من خلالها يتم وضع العناصر مثل العناووين والصور والفقرات والأزرار والروابط لتنقل لأمكان مختلفة
وبشكل أدق الـ HTML هي لغة توصيف ، توصف محتوى صفحة الإنترنت تعمل على وصف هيكلية محتويات صفحات الويب
وهي إختصار لـ
Hyper Text Markup Language
ولتعلم الـ HTML تابع هذه السلسة
youtube.com
وهي إختصار لـ
Hyper Text Markup Language
ولتعلم الـ HTML تابع هذه السلسة
youtube.com
بعد وصف محتوى صفحة الويب ومعرفة ما هي العناصر الموجودة من عناووين وصور
يترتيب علينا تحديد ألوان وخطوط هذه العناصر ، وايضاََ تحديد أحجامها وأماكن ظهورها
ومن أجل ذلك يتم من خلال الـ CSS وهي إختصار لـ Cascading Style Sheets
يترتيب علينا تحديد ألوان وخطوط هذه العناصر ، وايضاََ تحديد أحجامها وأماكن ظهورها
ومن أجل ذلك يتم من خلال الـ CSS وهي إختصار لـ Cascading Style Sheets
للتوضيح CSS بشكل أكبرتخيل معي اي منزل موجود وأن الأعمدة والغرف والشبابيك والهيكليه العامة لهذا المنزل هو عبارة عن الـ HTML ونأتي بعد ذلك لتزين المنزل من خلال الدهان والطلاء وعمل بعض الزخارف فيه ليظهر بشكل أجمل وذلك ما يشبه الـ CSS
للتعلم تابع هذه السلسلة
youtube.com
للتعلم تابع هذه السلسلة
youtube.com
قبل الإنتقال لتعلم أي شىء يجب التعلم بشكل عملي لتعزيز الفهم وبناء موقع كامل من خلال HTML & CSS
تابع هذه المجموعة من الفيديوهات بنفس التريب وستجد نفسك قادراََ على بناء موقع كامل
youtube.com
youtube.com
youtube.com
تابع هذه المجموعة من الفيديوهات بنفس التريب وستجد نفسك قادراََ على بناء موقع كامل
youtube.com
youtube.com
youtube.com
بعد ما وضعنا العناصر وقمنا بتحديد الاحجام والاماكن والالوان نحتاج احيانا لوضع بعض الثأثيرات وهنا يأتي وظيفة الجافا سكربت وهي لغة مهمةليس بالويب فقط بل في مجالات أخرى أيضاََ
وظيفتها هو كيفيه تفاعل هذا العنصر مع المستخدم (مثل ماذا سيحدث في حال ضغط المستخدم على زر معين بالصفحة)
وظيفتها هو كيفيه تفاعل هذا العنصر مع المستخدم (مثل ماذا سيحدث في حال ضغط المستخدم على زر معين بالصفحة)
الجافا سكربت لديها العديد من المكاتب لتوفير الوقت والجهد ومن أهم المكاتب واقدمها هي ال jQuery
هي قديمة واستخدامها أصبح أقل بسبب ظهور مكتبات أخرى ولكن ينصح بتعلمها لان الملايين من المواقع مبنيه بواسطة الجيكويري ولم تتخلى عنها بعد
لتعلمها تابع هذه السلسلة
youtu.be
هي قديمة واستخدامها أصبح أقل بسبب ظهور مكتبات أخرى ولكن ينصح بتعلمها لان الملايين من المواقع مبنيه بواسطة الجيكويري ولم تتخلى عنها بعد
لتعلمها تابع هذه السلسلة
youtu.be
بعد تعلمك ال CSS ستعرف انه هناك شىء يسمي بالـ
Media Query
ومن خلاله يتم جعل صفحات الويب متوافقة على جميع الشاشات مثل شاشات الهواتف المحمولة وشاشات التابلت والشاشات الكبيرة ، وهذا ما يسمي بتجاوب الصفحات او الـ Responsive
ويمكن عمل ذلك من خلال العديد من أطر العمل مثل البوتستراب
Media Query
ومن خلاله يتم جعل صفحات الويب متوافقة على جميع الشاشات مثل شاشات الهواتف المحمولة وشاشات التابلت والشاشات الكبيرة ، وهذا ما يسمي بتجاوب الصفحات او الـ Responsive
ويمكن عمل ذلك من خلال العديد من أطر العمل مثل البوتستراب
ما هو Framework أو اطار العمل
بشكل مختصر هو مجموعة من الأكواد الجاهزة التي يمكنك استدعائها من أجل القيام ببعض المهام بسرعة دون الحاجة لإعادة كتابة كل شيء لتوفير الوقت
بإمكانك تعزيز هذا المفهوم بشكل أكبر من هنا
youtu.be
بشكل مختصر هو مجموعة من الأكواد الجاهزة التي يمكنك استدعائها من أجل القيام ببعض المهام بسرعة دون الحاجة لإعادة كتابة كل شيء لتوفير الوقت
بإمكانك تعزيز هذا المفهوم بشكل أكبر من هنا
youtu.be
ومن أشهرها اطر العمل في الفروند أند البوتستراب
الـ Bootstrap لديه العديد من الاصدارات يمكنك تعلم اصدار الثالث من هذه السلسلة:
youtube.com
وتعلم الاصدار الرابع من البوتستراب من هذه السلسلة:
youtube.com
الـ Bootstrap لديه العديد من الاصدارات يمكنك تعلم اصدار الثالث من هذه السلسلة:
youtube.com
وتعلم الاصدار الرابع من البوتستراب من هذه السلسلة:
youtube.com
ومن أجل ان تبدو محترفا في هذا المجال لا بد من تعلم الـ Sassهو اختصار Syntactically Awesome Style Sheets
بإمكانك القول انها عبارة عن CSS ولكن بشكل مطور وأذكي واذ هي امتداد لCSS وتعمل على اضافة المتغيرات والقواعد وترتيب الملفات بشكل أجمل
تعلمها من هذه السلسة
youtu.be
بإمكانك القول انها عبارة عن CSS ولكن بشكل مطور وأذكي واذ هي امتداد لCSS وتعمل على اضافة المتغيرات والقواعد وترتيب الملفات بشكل أجمل
تعلمها من هذه السلسة
youtu.be
ومن التقنيات الموجودة في هذا المجال التي يجب تعلمها لتبدو محترفا pugjs وهي من أجل اضافة القوة للـ HTML ووضع بعض القواعد لتشعر بالمتعة اثناء كتابة الكود :) وتوفير الكثير من الوقت والجهد
تعلمها من هنا:
youtu.be
تعلمها من هنا:
youtu.be
من أطر العمل المهمة المبنية بواسطة JSهي
VueJs
تستطيع أن تنشئ ما يسمى بتطبيقات الصفحة الواحدة بحيث يتم تحميل البيانات بدون إعادة تحميل صفحة الويب مما يعطي تجربة مستخدم أفضل، حيث يتم تقسيم تطبيق الويب إلى Components يتفاعل معها المستخدم
لتعلم تابع هنا:
youtu.be
VueJs
تستطيع أن تنشئ ما يسمى بتطبيقات الصفحة الواحدة بحيث يتم تحميل البيانات بدون إعادة تحميل صفحة الويب مما يعطي تجربة مستخدم أفضل، حيث يتم تقسيم تطبيق الويب إلى Components يتفاعل معها المستخدم
لتعلم تابع هنا:
youtu.be
هناك العديد من التقنيات والمكاتب وأطر العمل في هذا المجال
ولكن أعدك ان وصلت لهذا المستوى وهذه التغريده من الثريد سوف تعرف ما تبقى لديك وما تريده بشكل أكبر وادق لاحتراف هذا المجال وسيكون لك القدرة الكبيرة على البحث والمعرف
تابع الاستاذ
@Osama_Elzero
لمعرفة كل جديد في عالم الويب
ولكن أعدك ان وصلت لهذا المستوى وهذه التغريده من الثريد سوف تعرف ما تبقى لديك وما تريده بشكل أكبر وادق لاحتراف هذا المجال وسيكون لك القدرة الكبيرة على البحث والمعرف
تابع الاستاذ
@Osama_Elzero
لمعرفة كل جديد في عالم الويب
في النهاية أتمنى التوفيق للجميع ،
لا تنسوا النشر لتعم الفائدة ،
ومتابعتنا هنا @akwadecom
وايضاََ متابعتنا عبر قناتنا التعليمية على اليوتيوب
akwade.com
لا تنسوا النشر لتعم الفائدة ،
ومتابعتنا هنا @akwadecom
وايضاََ متابعتنا عبر قناتنا التعليمية على اليوتيوب
akwade.com
جاري تحميل الاقتراحات...