السلام عليكم عاملين ايه؟ ان شاء الله

تكونوا بخير النهارده معانا فيديو جديد في

سلسله كورس نكست الفيديو ده بسيط جدا هو

ما فيش فيه اي حاجات جديده يعني يعتبر ا

او ما فيش فيه اي حاجه تخص الكست بالذات

يعني يعتبر فموضوع النهارده هيكون بسيط

احنا بس هنكمل حاجات في المشروع بتاعنا

تمام هتكون حاجات برده يعني 99% من 99% من

الفيديو النهارده هو عباره عن عن يو اي

ويو اكس يعني وحاجات من دي شويه ديزاينات

يعني وكلام من ده هنتكلم بس عن حاجه بسيطه

بس وهي اللي هي جديده علينا يعني وهي ان

احنا ازاي ا نشتغل في حوار الصور ا معكست

وكده دي بس الحته الجديده الجزئيه الجديده

يعني اللي معانا النهارده وما فيش فيها

كلام كتير يعني عامه وسهله جدا وبسيطه

فنقول بسم الله كده ويلا نبدا

تمام ا ديت الهوم بيج طبعا بتاعتنا ان

احنا كنا واقفين عليها اللي احنا كنا اخر

حاجه وصلنا لها المره اللي فاتت طبعا انا

هنا بقى لو دخلت على البوستس زي ما احنا

كنا عارفين ان احنا هنا خلاص رندرنا بقى

البوستات وعملنا ان احنا الكاردس بتاعه

البوستس فهو لحظه بس بيريبلد معانا زي ما

احنا شايفين كده طبعا فهي دي طبعا

البوستات اللي احنا عملناها من الاي بي

ايز اللي احنا اشتغلنا عليها ولو انا ضغطت

هنا على الريد مور هيبدا يدخل لي على كل

بوست بالتفاصيل بتاعته الخاصه بيه تمام ا

يعني مثلا خلينا نجرب مثلا في البوست ده

اللي هو رقم اربعه الاي دي بتاعه اربعه ده

تمام دي طبعا الحاجات اللي اسمها داناميك

راوتنج ف لو انت طبعا ما شفتهاش فدي جزئيه

مهمه جدا جدا

انك تسمعها وهتلاقيها طبعا في الفيديو

اللي قبل ده بالظبط اللي هو الفيديو اللي

قبل ده تمام ا طبعا ده الاي دي بتاعه

اربعه وده البوست رقم اربعه ولو رجعنااني

على البوستس ورجعنا ندخل على بوست ثاني

فهنلاقي ان يعني مثلا ده الاي دي بتاعه

خمسه هنلاقي ان التفاصيل اتغيرت لان انا

بدخل على تفاصيل كل بوست بعينه طبعا كل ده

احنا شرحناه في الفيديو اللي فات شرحنا

ديناميك راوتنج وشويه حاجات مهمه كده جدا

بالذات في الفيديو اللي فات كان فيديو مهم

جدا تمام فلو رحنا دلوقتي على البوست رقم

خمسه ده فهو دلوقتي هيظهر لي البوست رقم

خمسه تمام خلينا بقى نرجع تاني على الهوم

بيج كده بتاعتنا ونبدا نعمل شويه حاجات

شويه ديزاين فيها كده نملاها شويه يعني

بدل ما هي تكون فاضيه معانا كده فخلينا

نروح دلوقتي على الفيجوال استوديو خلاص

بقى احنا ما قلناش عايزين بقيه الحاجات دي

ونقفل كل ده خلاص كده شكرا خلينا نروح

دلوقتي على السورس نروح على الاب احنا

عندنا دلوقتي فين البيدج بتاعتنا دي

البيدج بتاعتنا اهيت فيها الكلام ده لا يا

باشا انا مش عايز الكلام ده انا اصلا هعمل

بيجديده جديده عندي وهسميها هوم بيج تمام

طبعا هي لسه مش معموله انا لسه هعملها

دلوقتي فهو عشان كده اصلا بيجيب لي ايه

فانا دلوقتي لسه هروح اصلا على الكومبوننت

واعمل جواها كده اقولله نيو فولدر وانا

عايز اعمل هوم

بيج تكون بتاعتي الهوم ديت انا هعمل جواها

الفايل بتاعي اللي هو اسمه هوم بيج دوت تي

اس اكس عشان احنا شغالين تايب سكريبت

وطبعا هعمل هنا ار اي اف سي اي علشان يبدا

يكريتلي الكومبوننت بتاعي تمام بالظبط كده

فانا دلوقتي عندي خلاص الهوم بيج انا مش

محتاج السطر ده في حاجه وهبدا ان انا هاجي

هنا كده واقول له انا عايز اعمل هنا

امبورت للهوم بيدج

تمام زي ما احنا شايفين كده عملت لها

امبورت

المفروض ان هي دلوقتي تبدا تظهر معايا هنا

كده بالظبط بالظبط زي ما احنا شايفين كده

تمام دي كده الهوم بيج ظهرت معايا هبدا

بقى انا ادخل على الهوم بيج هقول له لا

انا بقى مش عايز بقى هنا الهوم بيج بتاعتي

انا هنا هعمل ا اول حاجه معانا هي ممكن

تكون مثلا الهيرو طبعا برده الهيرو ده

هيعمله كده كومبوننت علشان ا

هيكون عشان بس ما عملش كود كتير في نفس

البيدج فانا هعمل هنا هيرو كومبوننت طبعا

انا لسه هعمله فانا هاجي هنا مثلا جوه

الهوم بيج هعمل فولدر جديد وهسميه هيرو

تمام جوه الهيرو هعمل فايل وهسميه هيرو

دوت تي اس اكس وبرض هعمل ار اي اف سي اي

علشان يبدا كريت لي الكومبوننت بتاعي

زي ما احنا شايفين كده طبعا انا السطر ده

مش محتاجه في حاجه وه وهو دلوقتي عمل لي

هنا الهيرو هبدا ارجع له الهوم بيج وابدا

ان انا اعمل عمل امبورت للهيرو بتاعي

وخلاص واقفل بقى التاج بتاعي وارجع تاني

كده المفروض ان الهيرو يبدا يظهر لي هنا

طبعا فالهيرو دلوقتي ظهرلي هنا انا بقى

هرجع تاني على الهيرو خلاص انا دلوقتي

هبدا الديزاين بتاعي فيها في الهيرو فانا

كده مش محتاج دي خلاص كده شكرا ققولله

والله في هيرو انا عايز اعمل هو عباره عن

تكست هنا مثلا على اليمين يعني خلينا نرجع

هنا عايز اعمل مثلا هنا كده عنوان بس

للبيج وتحت مثلا بجراف وهنا احط ايه صوره

تمام زي اغلب الديزاينات اللي احنا

بنشوفها عامه يعني في الانترنت وكده او في

الوسايلس اللي احنا بنشوفها حاجات بيس

حاجات يعني تكون بيزك كده وبسيطه يعني

تمام فهاجي هنا طبعا في الديف هعمل ديف

تاني هقول له والله الديف دوت هيكون جواه

مثلا اتش 2 اتش دوت مثلا مكتوب فيه هيرو

بيج تمام وتحته بارجراف البراجراف ديت

مثلا فيها لورين مثلا 20 تمام اقول له انا

الديزاين بتاعي يكون بالشكل بالشكل ده

هبدا طبعا ان انا بقى ايه استايل الكلام

ده طبعا الديف ده هيكون في ديف بعده هيشيل

الايمج ولكن خلينا ايه ان احنا نستنى على

الايمج دي شويه فخلينا اعمل لها بس كومنت

هنا كده عشان ابقى معروف ان ده الامج تمام

هبدا بقى ان انا استايل الكلام ده طبعا

الهيرو هديله كلاس نيم عايزها يكون خط

كبير فانا هديله مثلا تكست داش 8يه اكس ال

هقول له مثلا ان الفولت يكون اكسترا بولد

او بولد خليها وولد تمام هبدا برض ان انا

اقول له ان

مثلا ممكن يكون التكست كر بتاعه غيره خليه

مثلا بلو

بلو ماشي 500 مثلا ا ايه تاني ممكن نحتاجه

خلينا نستايل واحده واحده كده ندخل على

البراجراف و احنا لو احتاجنا حاجه بن نرجع

لها انا في البراجراف مش هحتاج ستيل كتير

انا بس هخلي ال

اللون بتاعه يبقى مختلف شويه تمام وهرجع

هرجع تاني وهاجي هنا على الديف اللي شايل

الاتش ت والبراجراف هبدا ان انا اديله

كلاس نيم هبدا ان انا اديله فليكس فليكس

داش كولوم تمام وابدا ان انا اديله ايتمز

ستارت علشان انا عايزهم يبداوا من نفس

النقطه وفي نفس الوقت انا عايز اديلهم جاب

ان انا عشان اوزع المسافات شويه فادي له

جاب ممانيه وخلينا نرجع كده ونشوف ايه

الدنيا معانا

تمام ا طبعا الجابس ما اشتغلتش ادا اشتغلت

خلاص فانا دلوقتي المسافه بتاعتي كبرت انا

بس عايز اضيق الويس بتاع البراجراف شويه

فانا مثلا ممكن اجي هنا على البراجراف

واكتب مثلا ان الماكس ويس بتاعي يكون ال

جي تمام زي ما احنا شايفين كده ا ولكن انا

ممكن مثلا بدل ال جي ممكن اخليها مثلا ام

دي ان دي حلوه كده كفايه عليها يعني تمام

وارجع تاني

يعني حاسس ان انا مثلا ممكن تكون انا كده

صغرتها اصلا لا انا مش عايزها كده ممكن

اخليها مثلا 2 اكس ال

ايوه كده ممكن تكون بالنسبه لي احسن طبعا

انا طبعا عايز بقى ان انا ابعدهم شويه من

فوق فانا ممكن اجي هنا كده على الديف

الديف ده ممكن طبعا هدي له كلاس نيم ده

هيكون شايل لي الديف اللي شايل الانفو ديت

وهيكون شايل الصوره فانا بناء على ذلك

هديله فليكس ايتمز داش سنتر تمام في نفس

الوقت هديله جستيفاي كونتنت بتوين تمام

وممكن ان انا ا اعطي له ام مارجن توب مثلا

يكون 10 او خليها مثلا 16

تمام وخلينا نشوف كده

تمام انا كده بالنسبه لي المسافه ديت حلوه

كده تمام انا بقى محتاج دلوقتي ان انا احط

الصوره هنا تمام انا عندي هنا صوره

فهنجيب صوره ونحطها جوه ملف الملف البابلك

ده تمام فانا عندي صوره هضيفها هنا في

البابلك وارجع لكم تاني تمام انا عندي

دلوقتي جوه ملف البلك عندي صوره اسمها ماي

لوجو دوت بي ان جي خلينا بقى نشوف احنا

ازاي بنشتغل في حوار الصور في النكست تمام

لان حور الصور في النكست هو فيه تفاصيل

شويه ولكن هو موضوع بسيط جدا انا دلوقتي

هاجي هنا كده انا خلاص بقى ماش محتاج

الكومنت ده و ممكن اسيبه بس عشان ابقى

عارف ان انا كده هشتغل على الايمج جوه

الديف ده تمام فانا هاجي هنا كده واقول له

انا عايز اعمل ايج طبعا انا ممكن اشتغل

بالامج تاج اللي هو ثانيه اللي هو الايمج

تاج ده اللي احنا اصلا ده اللي احنا

متعودين عليه في الاتش تي ام ال وفي رياكت

قبل كده تمام ولكن انا نكست بقى بتوفر لي

بتوفر لي تاج اسمه ايج برض ولكن الاي

بتاعته بتكون كابيتال تمام وبتعمل له

امبورت من النكست ده تاج اصلا بالنكست

النكست بتوفره لي تمام فانا محتاج دلوقتي

ان انا اعمل له امبورت تمام زي ما احنا

اهو هو ده بالظبط كده زي ما احنا شايفين

هعمل له امبورت تمام واقفل التاج بتاعي

يعني فهو دلوقتي النكست طبعا دلوقتي انا

عملت له امبورت من الامج قصدي انا دلوقتي

عملت لها امبورت من نكست فانا طبعا هديلها

السورس عشان ابدا اضيف الصوره بتاعتي طيب

الصوره بتاعتي بضيفها ازاي بقوم جاي هنا

كده فوق عامل امبورت تمام وايا يكن المسمى

انا عايز مثلا اسميها يعني ها اسم فانا م

عايز اسميها لوجو مثلا او هيرو هيرو هيرو

تمام عايز اسميها واقوم ق له فروم

تمام وطبعا اقوم راح ايه ابدا اوصل للباث

بتاعها فهبدا ارجع كده وارجع كده لحد ما

اوصل لملف البابلك كمان مره تمام انا كده

خلاص فين البلك اد البلك بتاعي

اهو وهبدا ان انا اديله الماي لوجو دوت بي

ان جي اللي هي الصوره بتاعتي تمام انا كده

خلاص عملت لها امبورت بالباس بتاع اخدها

بقى كوبي واحطها اخد الاسم بتاعه كوبي

واحطه في السورس نيم هنا كده تمام هاجي

ابص هلاقي برض لسه صغير لي ايرور ليه لان

هي الايمج كومبوننت ديت بيحتاج لها ثلاث

حاجات دي كومبوننت اصلا بتوفره لي حتى لو

رجعنا لو جينا بصينا هنا كده هلاقي ان في

حاجات هنا ممكن تكون اوبشنال في حاجات

مطلوبه في اهي يعني مثلا الويس والهايت

دول اوبشنال انما السورس والالت تكست دولت

لازم يكونوا موجودين فانا دلوقتي عملت

السورس انا محتاج دلوقتي ان انا اضيف

الالت اول ما اضيف الالتمام

هضيف طبعا الالت من هنا كده واقول له مثلا

دي والله اللوجو بتاعي او ده مثلا يا عم

بلاش اللوجو ده الهيرو دي الهيرو ايج

بتاعي بداير الايرور اللي هنا راح ولكن

خليني بس اوضح لكم تاني ايه اللي حصل هناك

ظاهر لي ايرور ليه لان الايمج كومبوننت

اللي بتوفر لي النكست ده هو لازم بيكون

متوفر فيه او لازم اعمل له حاجتين دولت

اصلا ريكوايرد فيه اللي هو السورس والالت

طب انا عرفت منين ان دول ريكوايرد والباقي

مش ريكوايرد لان الباقي جنبه علامه

الاستفهام دي علامه الاستفهام ديت معناها

اوبشنال ان هو حاجه ديت ممكن اكتبها وممكن

لا تمام فاي حاجه هي جنبها علامه

الاستفهام دي فهي بالنسبه لي هي اوبشنال

يعني ممكن اكتبها وممكن لا اما السورس

والالت فدولت لازم اكتبهم طبعا السورس دوت

عشان هو اصلا هيجيب لي السورس بتاع الصوره

بتاعتي هحط فيه هعمل فيه امبورت للصوره

بتاعتي والالت طبعا دوت علشان زي ما احنا

عارفين الاكسسبيلتي والاس اي او بتاع

الويبسايت بتاعنا فدوت طبعا لازم لان

النكست طبعا هي مهمه جدا في حور الاس اي

او فهو هنا بيكبرك انك تحط الالت تكست

تمام فبالنسبه لي دلوقتي الايرور بتاعي هو

خلاص كده راح طيب انا دلوقتي محتاج ان انا

هعمل بس ان انا اكتب له هنا كده ويتس مثلا

500

وهعمل له برده هنا هايت ده طبعا احنا قلنا

الحاجات دي اوبشنال ولكن انا عايز اعملها

انا تمام فانا هكتب هنا هايت 500 وت يكون

500 تمام فانا دلوقتي عندي الستايل تمام

دلوقتي انا المفروض الستايلينج بتاعي تمام

وعملت الامبورت بتاعي تمام فانا دلوقتي

لما اروح المفروض اروح على الويب سايت

بتاعي اجي ابص على ايه الصوره بتاعتي ظهره

في المكان اللي انا حطيتها فيه هعمل بس

هنا كده ريلود فزي ما احنا شايفين كده

الصوره ظهرت لي بالديزاين اللي انا عايزه

بالظبط تمام كمان نقطه بقى مهمه جدا احنا

دلوقتي عرفنا خلاص ازاي ان احنا نضيف

الصوره بتاعتنا تمام ولكن انا عايز اوريكم

حاجه مهمه جدا انا دلوقتي لو رحت على

الصوره دي تمام وحاولت ان انا مثلا افتحها

في الفايل بتاعي مكانها كده في عندي

مكانها كده عندي على الجهاز فهنيجي نبص

نلاقي الصوره بتاعتي ديت هي مساحتها كام

87 كيلو بايت تمام ركز معايا الصوره

الصوره اللي انا عملت لها امبورت هي 87

كيلو بايت تمام فانا خلاص مادش محتاجه من

هنا وهرجع تاني هنا كده وهفتح بس الانسبكت

بتاعي على الويب سايت علشان عايز اشوف

حاجه مهمه جدا هروح على النتورك هضغط على

هروح على النتورك وهضغط على الامج ديت

علشان اوصل للايمج تمام واعمل ريلود

للبيدج بتاعتنا

هو دلوقتي خلاص جاب لي هنا الامج جاب لي

هنا الامج اللي هي ايه اتعمل لها امبورت

عندنا خلينا نكبر كده الايه ايه دي وخلينا

برض نكبر ال

دي شويه كده تمام فتعملها خلاص امبورت

عندنا اهي دي الايمج بتاعتنا اللي احنا دي

اللي احنا عملنا لها امبورت ا طبعا هو

السايز بعنا هنا كده مش ظاهرو مكتوب لك

هنا ميموري كاشد تمام فاحنا خلينا نعمل

حاجه اسمها ديسبلاي كاش من هنا كده نعلم

عليها ونرجع نعمل ريلود تاني اديسيبل قصدي

ديسيبل كاش تمام خلاص كده ظهر لي شايفين

الصوره بتاعتي هنا مساحتها كام 26 كيلو

بايت بعد ما كانت كام بعد ما كانت سبعه 87

بقت 26 كيلو بايت وهنا بتيجي فايده النكست

في الحته دي النكست بتكون مفيده طبعا في

الحته دي ان هي قللت لي السايز بتاع الامج

بتاعتي اللي انا عملت لها امبورت بعد ما

كانت 87 دلوقتي وصلت 26 فشايفين طبعا

الفرق قد ايه تمام دي برض فايده من فوايد

النكست اللي بتشتغل عليها تمام خلينا بقى

نرجع كل حاجه زي ما كانت تمام ونرجع ديت

على الاول ونرجع تاني هنا كده تمام ده كده

الديزاين بتاعي زي ما انا كنت عايزه

بالظبط ولكن طبعا انا هو مش ريسبونسيف لان

انا لو ركبت تاني دي كده

وطبعا عملت كده هاجي ابص الاقي يعني ايه

في الشاشات الصغيره كمان في حاجه برده

مهمه كويسه ان انا شفتها يعني ان شايفين

هنا في ال في الصوره ايه اللي بيحصل

الصوره هنا بتبقى ريسبونسيف معايا يعني

الصوره بتصغر رغم ان انا عاطلها ويس وهايت

500 ولكن هي بتكبر وبتصغر معايا طبعا ده

من مميزات الكومبوننت اللي هو الايمج اللي

نكست بتوفره لي اللي احنا عملناه هنا كده

اللي هو ده طبعا مميزات الكومبوننت ده

الليكس بتوفر لان هو اصلا ريسبونسف يعني

انا دلوقتي كل اما بصغر الصوره بتصغر

معايا كل اما اكبر الصوره بتكون معايا رغم

ان انا اطلها ويس وهاي فده برده حاجه مهمه

جدا ولكن طبعا انا مش عايزها تكون بالمنظر

ده خلينا كده نفتح الانسبكاني انا مش عايز

بس الديزاين بتاعي يكون بالمنظر ده انا

عايز مثلا في الشاشات الصغيره من اول

الشاشه الصغيره كده اللي هو من اول ما

بتظهر لي ال خلاص الحته دي كده ابدا ان

انا اعملهم بالطول يعني مثلا اخليهم فليكس

كولوم فانا دلوقتي هاجي هنا كده واقول له

ان انت هو اه انت فليكس ولكن انت من اول

انت فليكس كولوم تمام فليكس داش كولوم

ولكن من اول الام دي انت فليكس داش رو

عادي جدا تمام فهو دلوقتي بالنسبه لي ان

هو المفروض من اول هنا كده يبدا ان هو

يتعمل كول بالظبط كده زي ما احنا شايفين

تمام كمان انا برده وهو اتعمل خلاص كولوم

اهوت فدلوقتي هو في الشاشات الصغيره كولوم

طبعا اكبر هيبقى ايه رو معايا تمام انا

كمان برده عايز اخلي بقى ايه التكست ده

يكون في النص كده في الشاشات برده الصغيره

فهو اناخليه مثلا هنا كده ده ايتمز ستارت

ولكن اناخليها ايتمز سنتر تمام و من اول

الايم دي يكون ايتمز

ستارت

تمام خلينا نشوف تمام ايتمز

واخلي برض من اول خلينا ديت كده دي

ده الاتش 2 ماشي وهنا كده هقول له ان انت

ا انت تكست

داش سنتر

تمام ولكن من الام دي انا عايزك تكون تكست

ا ثانيه ليفت

تمام كذلك برض هنا كده

هاخدها كده كوبي واعملها برض في الاتش 2

تمام وممكن بقى اشيل انا خلاص بقى الايتمز

سنتر

والام دي وارجع تاني ايتم ستارت زي ما

كانت تمام خلينا كده نشوف بالظبط كده تمام

فانا بالنسبه لي دلوقتي الكومبون الهوم

بيج بتاعتي بقت ريسبونسف

لا هو كده ايه كده ما ظبطتش تمام فخلينا

نرجع على اللي كانت هنا

لا ثانيه بالظبط كده

ثانيه ايوه كده حلو قوي كده تمام فاحنا

دلوقتي رجعنا بس ايه اللي هو الايتمز ديت

كانت مظبوطه زي ما احنا عاملينها بالظبط

تمام وعملنا له هنا طبعا سنتر وفي من اول

الشيط الميديم بيكون ان هو يليفت عادي جدا

ماشي كده انا الهوم بيج بتاعتي بقت ايه

ريسبونسف تمام برض زي ما احنا الميزه برض

بتاعه الصوره لازالت موجوده ان هي بتصغر

وبتكبر دي من الميزه بتاعه الامج كومبوننت

زي ما قلنا تمام انا بالنسبه لي دلوقتي

حته الايمج ديت خلاص كده انتهت بالنسبه لي

عرفتوا بس الف الافكار اللي فيها اول حاجه

ان الامج كومبوننت ده ليه كذا مميزه مهمه

جدا اول حاجه ان هو طبعا ا

بيوفر لي حته الريسبونسف زي ما احنا شفنا

تمام فانا بالنسبه لي حته الريسبونسف ديت

مهمه جدا الكومبوننت ده بيوفرها لي من غير

ما اتعب فيها ا بعمل له عرفنا ازاي طبعا

بيتعمل لها امبورت هي طبعا هي بتيجي اصلا

ده كومبوننت موجود جوه النكست بعمل له

امبورت وازاي بعرف ان انا اضيف له اي صوره

عندي تمام بعمل له امبورت للصوره باي اسم

انا محتاجه واحط له الباث بتاعها وابدا ان

انا اخد الاسم دوت واحط جوه السورس ومحتاج

برده ان الالت والسورس يكونوا ريكوايرد

عندي فلازم الاثنين اكتبهم تمام وبقيت اي

طبعا اسمه ايه ده اي اتربيوت تاني جوه

التاج فانا بيكون اوبشنال بالنسبه لي تمام

فانا بالنسبه لي دلوقتي خلاص الهيرو بتاعي

دوت خلاص كده انا ماتش محتاج منه حاجه

تمام وهاجيب هنا برده جوه الهوم بيج محتاج

بس ان انا ايه اعمل شويه حاجات ثانيه املى

بيها الهوم بيج بتاعتي فانا مثلا ممكن اجي

هنا كده واعمل عارفين حته البلانز البلانز

اللي بتبقى موجوده مثلا في المواقع زي

مثلا تشدي بي دي يقول لك مثلا انت عندك

حاجه اسمها بيزك بلان عندك حاجه اسمها

بريميم عندك حاجه اسمها مش عارف ايه كذا

بلان كده فاحنا ممكن نكتب نعمل هنا كذا

بلان يكونوا موجودين هنا كده بحيث ان هم

يظهروا معانا في يملوا الصفحه ديت اكت من

كده يعني ما يكونش فاضيه كده تمام فخلينا

نيجي تحت الهيرو كده ونعمل حاجه اسمها هنا

ايه ويب مثلا بلانس ويب

بلانس تمام طبعا ده كومبوننت اصلا لسه مش

موجود فانا هاجي برض جوه الهوم بيدج هنا

كده واعمل له كومبوننت جواها تمام زيه زي

الهيرو كده وهكتب هنا ويب بلانز تمام طب

انا اخدها بس كوبي كده تمام جوه الهوم بيج

عملت الويب بلانز هعمل بس الفايل ويب

بلانز دوت تي اس اكس حلو واعمل ار اي اف

سي اي علشان ابدا اكريت الكومبوننت

بالظبط كده وانا مش محتاج السطر ده وعايز

اقفل بس ايه البابلك ده الفولدر ده عشان

ما يبقاش لبخ معايا وهاجي هنا كده واعمل

له امبورت هو بيقول لي ان هو مش موجود هو

لسه بس ايه بيشوف

الدنيا معايا ف تمام جابه لي خلاص اهو

واعمل له امبورت

تمام؟ فانا دلوقتي المفروض انا هرجع على

الويب سايت بتاعي الاقي الويب بلانز بدات

تظهر معايا اهيت ايه ظهرت معايا تمام ابدا

بقى ان انا اشتغل على الويب بلانز دي ا من

اول هنا كده انا خلاص مش محتاج الويب

بلانز دي وهبدا اديلها شويه ديزاينات كده

طبعا هي دي حاجات يو اي فانت مثلا ممكن لو

انت عايز تعمل اي يو اي هنا هي دي حاجه

يعني احنا مش مجبرين عليها او حاجه مثلا

مش جديده علينا ده مجرد يو اي ديزاين احنا

بنمنا بس صفحه الهوم بيج بتاعتنا فانت انت

ممكن تعمل اي ديزاين انت عايزه وممكن تمشي

ورايا تعمل الديزاين ده اللي انا هعمله ده

ديت حاجات ترجع لك طبعا زي ما انت عايزها

تمام فانا بقى ايه خلينا نكمل بقى نشوف

كده هنعمل ايه في الاستايل بتاعنا ده فانا

ممكن هنا بقى في الديف اللي فوق ده ابدا

اديله كلاس نيم تمام وممكن بقى ابدا اديله

مثلا خلينا نشتغل شويه في الاستايل بتاعها

نتسلى فيها برض في هديلها هنا بي جي

جراديينت بي ار اللي هو بوتم رايت تمام

وممكن فروم مثلا فروم جراي ا مثلا 50 عشان

حاجه بسيطه بس كده وتو جراي دهش مثلا 100

والبي واي بس بدن يكون فيرتيكال 16 تمام

وده بالنسبه لي الديف ده كده تمام فهبدا

اعمله ديف تاني جواه الديف اللي جواه دوت

هبدا ادي لله كلاس نيم وليكن مثلا انا

عايز احط جواه ايه عايز احط ال

عايز اعمل عنوان وبراجراف تحته وبعدين ين

تحتهم البلانت تمام بس كل دولت يكون جوه

كونتينر ليهم فانا ممكن دلوقتي ابدا اعمل

الكونتينر ده للماكس ويتس مثلا يكون كبير

شويه فهيكون سبعه اكس ال تمام وابدا

اوسطنهم

بالعرض وبرده ممكن ابدا اديلهم باكس داش

يكون اربعه مثلا وفي الشاشات الصغيره يكون

من اول الشاشات الصغيره كده يكون ال اكبر

شويه

ولكن في الشاشات الكبيره ممكن ابدا اندي

له ان البيكس يكون مثلايه حلو جوه الديف

ده ابدا بقى ان انا احط فيه ال

هبدا مثلا احط بقى فيه الديف اللي هيشيل

الحاجات بتاعتي الاتش ت وال البارجراف

فهديلهم

عايز اخلي الباك جراوند بتاعتهم تكون

مختلفه شويه فخليها بيضا عشان تبان تمام

وابدا ان انا اعمل له راوندد يكون مثلا فل

بلاش فل خليها مثلا اقل شويه تكون اكس ال

شادو يكون شكلها احسن شويه يكون مثلا ال

جي عايزه يكون ال جي او اكبر شويه كمان

ممكن يكون اكس ال جي اكس لارج تمام وبادنج

داش 8انيه وممكن برض اعدلها مارجن بوتن

عشان يبعد عن اللي تحته فيكون مثلا 12 حلو

تمام ام

فانا دلوقتي جاهز هنا مثلا ابدا اشتغل على

الاتش 2 اتش 2 طبعا ديت هنعمل لها كلاس

نيم الكلاس نيم بتاعنا هيكون ان انا اكبر

الخط شويه فيكون مثلا اربعه اكس ال تمام

وممكن برده في الش المتوسطه من اول الشط

المتوسطه يعني يكون ايه ابدا ان انا اكبر

ايه الخط شويه كمان ايه تاني امم ممكن

اعمل بقى بولد ليه او خليها مثلا اكسترا

بولد ايه تاني طبعا هوطنه فهخليه تكست داش

سنتر

كمان محتاج ان انا ام ايه تاني عايز اديله

عايز اخلي الخط يكون متلون كده تمام كاني

بديله بباك جراوند كر ولكن يعني مش هدي له

تكست كر لا هديله باك جراوند كر عشان

اخليه زي جريديت كده تمام الخ الكلمه

نفسها اللي هي بتاعه الاتش دي تمام فهدينا

مثلا البي جي تكون جريديينت ا مثلا لحد

الار من اليمين للشمال كده من الشمال

لليمين قصدي تمام ا هبدا بقى ان انا

اخليها مثلا من اللون اللي هو الاخضر بس

الاخضر يكون غامق شويه لحد مثلا البلو اا

مثلا برض يكون 600 برده ماشي هنشوف برض كل

ده سوا يعني طبعا عشان الجريد ريد يشتغل

فانا لازم اديله بي جي داش كليب تمام يكون

تكست عشان يشتغل على التكست تمام وابدا ان

انا اعمل له تكست داش ترانسبيرنت

واديله مارجن بتون عشان البراجراف اللي

هتبقى تحته واكتب طبعا هنا كده الكلمه

بتاعتنا اللي هي ويب بلانز تمام في هنا

كده الاتش ت قبل ما نشتغل على البراجراف

خلينا نشوف الاتش ت شكلها عامل ازاي لسه

بيريبلد اهي زي ما احنا شايفين جري شكلها

عامل ازاي تمام عملنا بس هنا باك جراوند

كده جري شويه وعملنا دي وايت عشان تبان

وعملنا ايه الجريديينت للتكست ده شايفين

كده لو شايفين هنا من الاخضر للازرق شويه

فشكلها احلى بكتير انا كنت ادي لها تكست

كر على طول تمام بعد كده بقى اشتغل على

البراجراف البراجراف دي طبعا هنديلها كلاس

نيم الكلاس نيم مثلا هيكون ان انا اعملها

تكست جراي يكون مثلا 600

واوسطنها برده زي البتاع اللي فوق زي

البتاع الاتش 2 اللي فوق واحاول ان اكبر

الخط شويه تمام كمان ا

اوصنها برض الام اكس او 2 تمام وممكن برض

ان انا اعمل ماكس ده شوتس برض يكون تو اكس

ال تمام اكتب هنا ا مثلا لورين مثلا تكون

لا 20 كتير ممكن 15

تمام وخلينا نشوف طبعا هو لسه بيريبلد

تاني اهو عملها

فشكلها كده الطف بكتير

تمام فانا كده بالنسبه لي ده كده خلاص

هبدا بقى ان انا ايه التشلد كده وخلاص

فقفله عشان ان انا ماتلبخش وهاجي بقى من

تحته هنا كده وابدا اشتغل على الجريد

بتاعنا اللي هو هيكون في الكارديس بتاعه

البلانز بتاعتنا تمام فعمل هنا كده ديف

الديف ده هيكون عباره عن كلاس نيم الكلاس

نيم طبعا هنبدا اشتغل فيه بالجريد عشان

يكون ابسط معانا واقول له مثلا ان يكون في

هو عباره عن واحد في كل في قصدي الشاشات

الصغيره ولكن في الشاش الشاشات المتوسطه

هو هيكون عباره عن عمودين تمام وفي

الشاشات الكبيره هيكون عباره عن ثلاث

اعمده تمام و نبدا برده ان احنا نكبر

الجاب ما بينهم نخليها مثلا ثمانيه تمام

ابدا بقى اشتغل على كل التشايلد فيهم انا

ممكن طبعا اعملهم على شكل اريه وماب عليها

ولكن خلينا نعطي الديزاين بتاع اول واحد

كده وبعد كده نبقى نشوف هنب عليه ازاي

تمام ديزاين اول واحد فانا هعمل هنا كده

ديف عشان يبقى كونتينر للمحتويات بتاعته

هبدا برده ان انا ادي له كلاس نيم تمام

هبدا ان انا ادي برده بي جي وايت علشان

يبان معانا زيه زي زي ما احنا اشتغلنا في

اللي فوق كده بالظبط عشان يبقى يظهر معانا

تمام وهبدا ان انا اديله راوندد داش يكون

مثلا 2 اكس ال 2 اكس ال وكمان ان انا

اديله شادو عشان يبدا يظهر معانا برض بشكل

الطف ولكن الشادو بتاعنا ممكن نخليه مثلا

ال جي حاول مثلا ان انا لما اعمل هوفر

عليه يبدا مثلا يديله شادو مثلا برض ولكن

مثلا يكون اكبر شويه يكون مثلا اكس ال جي

اللي هو اكس يعني عشان بقى يظهر معايا شكل

الطف نعمل ترانزيشن ترانزيشن شادو ولا

ترانزيشن اول لا خليها ترانزيشن شادو بس

عشان نعمل حاجه تانيه يعني تمام ونعمل

ديوريشن يكون مثلا 100 او 150 لاخليها

اكبر ممكن يكون 300 مثلا 300 ح والبي جي

والبيدنج يكون 8انيه تمام احنا عايزين ايه

بقى في في الكارد دي عايزين طبعا يكون

عندنا اتش 3 هنا كده سيبكم بس من سيبكم من

من الحاجات اللي بيعملها لنا الاي اي دي

تمام احنا شغالين احنا بدماغنا ماشي ا

يعني اه اكيد طبعا هيصدف ان احنا يكون في

الاي اي بيعدلنا نفس الحاجات اللي احنا

عايزينها لان طبعا هو ده اي ولكن احنا

برده شغالين باللي احنا اي بالديزاين اللي

احنا عايزينه احنا فاحنا ما نهتمش قوي

بالاي اي انا ممكن اصلا بقفله في

الفيديوهات اللي بعد كده يعني تمام عشان

برض ما ينبخناش الكلاس نيم ا برده عايزين

هنا نعمل تكست يكون اكبر شويه ف او ممكن

يكون كبير يعني قصدي فممكن يبقى تو اكس ال

ونعمل مثلا فونت داش يكون بولد بلاش يكون

اكسترا عشان التكست اللي فوقه

والتكست نديله مثلا سمدي لون يكون جراي

ويكون مثلا 800 او 400 لا خليها 800 800

يكون اغمق شويه تمام وبرده ممكن هنحتاج ان

احنا ندي له مارجن بتون اربعه مثلا علشان

ال

البتاع البراف اللي هتكتب تحته او اليو ال

اللي هتبقى تحته تمام وممكن بقى نبقى خلاص

احنا كده بقى نكتب مثلا ستارتر

ا بلان

تمام دي بالنسبه لي اول بلان معانا ا تحت

الاتش 3 هبدا ان انا اعمل اليو ال بتاعته

تمام واليو ال طبعا جواها ال اي اليو ال

هديلها بس كلاس نيم اليو ال ديت هيكون

الكلاس منها نيم بتاعتها اللي انا هعمل بس

مسافات ا راسيه ما بين اليو ال وبعضها

لاثه مثلا خلينا هي الثلاثه ديت كام لاثه

ديت يعني كام خلينا نشوف كده ا الثلاثه

ديت ام 12 بيكسل حلو 12 بيكسل هم كتير

شويه مش عارف هنشوفه مع بعض والمارجن

بوتون يكون مثلا سته

تمام ده بالنسبه لليو ال بالنسبه بقى لل

اي هنزلها برض كلاس نيم يكون ليها ستايل

نخليها مثلا في الاكس تمام والايتمز تكون

سنتر وال يكون التكست لون جراي يكون مثلا

600 تمام جوه الل اي بقى هنبدا ان احنا

نديله الايكون ونديله التكست اللي جنبها

تمام التكست اللي جنبها عشان احنا ممكن

التكست اللي جنبها نعمله في سبان ونكتب

مثلا هنا كده ايه فيتشر هو مش هيبقى ليه

ستايل يعني فيتشر مثلا تمام ا بالنسبه بقى

للايكون اللي هتكون قبله هنا كده خلينا

نشوف

ايكون تكون من جوه النكست

طيب بصوا هو احنا اصلا كده كده اصلا

مسطبين عندنا مكتبه الرياكت ايكونز فخلينا

نشتغل بيها تمام لحد ما نشوف حوار الكست

ايكونز مش تشتغل معانا ليه تمام فخلينا

نكتب هنا مثلا رايت بحيث انه يظهر هنا

مثلا علامه

نشوف مثلا ماشي خلينا ناخد مثلا

خلينا ناخد مثلا الايكون اللي زي دي كده

ماشي

ناخدها من هنا كده كوبي نجي على الديزاين

بتاعنا نيجي هنا كده ونحطها هنا كده ونعمل

لها امبورت

تمام

كده

فظهرت معانا كده ولكن طبعا عايزين ندي لها

ستايل شويه فهنحتاج بس ان احنا ندي لها

لون

وس وقصدي سايز شويه ف ممكن نديلها

كلاس نيم كده وس داش خ هايت داش خ برضو

عشان تبقى متناسقه والتكست يكون جرين

500

وماجن رايت عشان تبعد على عن التكست شويه

يكون مثلا انين نشوف كده فطبعا زي ما هي

ظهرت معانا كده تمام فاحنا بقى خلاص هنبدا

بقى ان احنا ده كده هنبدا ان احنا نكرره

لا مش ده احنا محتاجين نكرر ال اي دي كده

تمام فهنجرها كمان مثلا ثلاث مرات وهنيجي

هنا ونعمل اثنين ونيجي هنا كده ونعمل

ثلاثه فاحنا كده عندنا ثلاثه فيتشر مثلا

جاهزين ان هم يظهروا معانا

ا بالظبط كده تمام فدول كده بالنسبه لي

خلاص انا كده بالنسبه لي ده السارتر بلان

ديت هي بالنسبه لي كده تمام هبدا بقى ان

انا اعمل الجريد اللي بعده فهبدا ان انا

اخد ده كده كوبي تمام طبعا انا قلت لكم

على الحركه اللي انا عملتها دي قبل كده

اللي شيفت الت واخد سهم لتحت علشان يبدا

ان هو يعملها لي كوبي بيست مره واحده كده

ويحطها لي تحتها على طول تمام انا كده

خلاص ده اول جريد معانا اهوت عشان ما

نتلخبطش انا قفلته ده اللي انا لسه مخلصه

دلوقتي وده اللي انا واخده كوبي منه تمام

اللي انا واخده كوبي ده انا بس هعمل فيه

تعديلات بسيطه كده بحيث ان هو يكون شكله

الطف معايا تمام فالبي جي وايت زي ما هي

الراوندن برده تمام ممكن اسيب كل حاجه زي

ما هي ولكن بس هديله في الاخر كده بعد

البادنج ده هديله بس ترانسفورم

ا واعمل له مثلا سكيل يكون 105 خمسه ماشي

وادي له بوردر داش اثنين تمام والبوردر ده

هدي له لون يكون مثلا جرين ده عشان بس ان

انا اديله شكل يعني ايه يكون مختلف شويه

عن بقيه الحاجات التانيه تمام وهبدا ان

انا بقيت يعني البلان التانيه وهنا كده

برو بلان اغير بس ان انا اغيرها كده عشان

تبقى ديت البرولان بتاعتنا تمام وبقيه

الحاجات زي ما هي البراجراع

اليو تمام نفس الكلام فيتشركلام ده كله خ

نشوفها

اهي زي ما احنا شايفين كده تمام هي

معاملها سكيل شويه عشان تبقى اكبر من اللي

جنبها تمام وابدا ان انا برده اخدها كده

كوبي لا بس انا مش عايز بقى دي انا عايز

اللي فوقها تمام فخلينا كده ناخدها بكوبي

عشان الاولانيه والاخيره هيكونوا شبه بعض

انما اللي في النص هتكون بس ايه متميزه

عنه شويه تمام وبدل السارتر بلان هتبقى

مثلا ا نخليها ايه مععرفش مثلا هي احنا

عندنا ايه عندنا برو وعندنا ستارتر وعندنا

ممكن مثلا انتر اسمها انتربرايز تقريبا

انتر برايس بلان

حلو بالظبط كده زي ما احنا شايفين تمام

فبالنسبه لي خلاص دي كده ايه الهوم بيج

بتاعتي انا عملت فيها شويه شغل بسيط جدا

عملت الهيرو هنا وحطيت الصوره وديت كانت

المين كونتنت بتاعنا النهارده اصلا دي كان

الاهتمام كله عليها النهارده تمام وشويه

حاجات بس يو اي كده احنا مالينا بيها

الصفحه بحيث انها ما تكونش فاضيه معانا

تمام بس ده بالنسبه لي كان فيديو النهارده

انا وليد وده كان فيديو جديد من سلسله

كورس نكست هسيب لكم قناه تليجرام تحت في

الديسكربشن لو عندكم اي استفسار او اي

توضيح او اي نقطه مش مفهومه تمام تقدروا

تواصلوا معايا هناك والمتواصل برض هناك مع

بقيه زمايلنا تمام وهستناكم في فيديو جاي

ان شاء الله سلام