Mohammed Abdelmajeed

مرحبًا بكم هذه القناة هي مكانك المثالي لتعلم واكتشاف كل شيء عن تطوير الواجهة الأمامية (Front-end). هنا، سنقدم لكم مجموعة متنوعة من الدروس والنصائح والتقنيات المتقدمة لمساعدتكم على إتقان مهارات HTML و CSS و JavaScript وأكثر من ذلك. سواء كنت مبتدئًا أو محترفًا، فإن قناتنا توفر لك محتوى ملهم وعملي يساعدك على تحسين مهاراتك وتطوير مشاريع إبداعية. انضم إلينا الآن وابدأ رحلتك في عالم تطوير الواجهة الأمامية (Front-end) معنا!

مقاطع فيديو متنوعة سأقدمها لك معلومة أو نصيحة قد تساعدك في فهم هذا المجال، وجعلك تحترف (Front-end)

View channel on YouTube

Switch Invidious Instance

Videos

Shorts

Livestreams

Courses

Playlists

Posts

Mohammed Abdelmajeed

بتستخدم Grid وبتوجه صعوبات في فهمه، إذا كنت ما زلت تواجه صعوبة في ضبط التخطيطات والتصاميم باستخدامه. فالصور والعلومات الى بالأسفل هتفيدك وهتفرق معك،،

تخطيط العنصر الأب (Parent Layout):
استخدم grid-template-columns و grid-template-rows.

العناصر الأبناء (Children):
استخدم grid-column و grid-row.

شوف الصور حتى تفهم الأمر صح 😉
#htmlcss #javascript #ReactJS #coding #programming #Grid

7 hours ago | [YT] | 13

View 0 replies

Mohammed Abdelmajeed

10 اضافات لبرنامج vscode هتفرق معك في الشغل

2 days ago | [YT] | 34

View 0 replies

Mohammed Abdelmajeed

CSS Borders High Quality Reference
hashtag#frontenddevelopment hashtag#react hashtag#tailwind hashtag#webdev
hashtag#juniorprogrammer hashtag#devcommunity hashtag#codinglife
hashtag#learnprogramming hashtag#reactdeveloper hashtag#uiuxdesign
hashtag#clean_code hashtag#arabicdevs hashtag#css hashtag#html

5 days ago | [YT] | 13

View 0 replies

Mohammed Abdelmajeed

استخدام inset يجعل الكود أنظف، أسهل قراءة، وأكثر قابلية للصيانة. وتعد هذه الخاصية مفيدة بشكل خاص عند العمل مع العناصر ذات التموضع المطلق أو التمركز الثابت.
ومن خلال اعتماد ميزات CSS الحديثة مثل inset، يمكن للمطورين كتابة أنماط أكثر كفاءة وتحسين البنية العامة لكود الواجهة الأمامية.
#CSS #FrontendDevelopment #WebDevelopment
#CleanCode #CodingTips #UIUX
#LearnCoding #TechCommunity

6 days ago | [YT] | 16

View 0 replies

Mohammed Abdelmajeed

عنصر HTML هو لبنة أساسية في مستند HTML، حيث يحدد بنية وصفحة الويب ومحتواها.
مثال:
<h1>This is a heading</h1>
سِمة HTML (Attribute) توفر معلومات إضافية حول عنصر HTML، وتُستخدم لتعديل سلوكه أو مظهره أو وظيفته.
<elementname attribute_name="attribute_value">Content</elementname>
#element #HTML #WebDevelopment #FrontendDevelopment
#LearningToCode #CodingJourney #WebDesign
#ProgrammingBasics #TechSkills #DeveloperJourney
#CodeNewbie #MCAStudent #BuildInPublic #LearnEveryday