Day 4 of my React journey 🚀 Today I learned about components & props, React fragments, children props, function as props, portals, and class components. Faced some tough challenges, but I scaled through 💪 #ReactJS #FrontendWebDevelopment

Paga website Figma recreation, my first Figma project. #WebDevelopment #frontendwebdevelopment #WebDesign #100daysofcode

this is my first actual project using html and css #WebDevelopment #frontendwebdevelopment #webdesign

Master JavaScript fundamentals before jumping to React. Understanding closures, promises, and async/await will save you from so many React headaches later. #JavaScript #javascriptlogic #React #frontendwebdevelopment

We’re hiring immediate joiners across multiple roles at @AleaIT Open Positions: • Backend Developer (PHP & Laravel) — 2 years • Frontend Developer — 2 years • Business Analyst (Post Sales) — 2 years • Quality Analyst (Manual & Automation) — 1 year If you’re skilled, passionate, and looking for a workplace where your ideas actually matter this might be your seat. 👀✨ 📩 Send your resume: Saloni.hr@aleaitsolutions.com 🔁 Tag someone who should see this! #HiringNow #hiring #jobsearch #jobopenings #TechJobs #hirededicatedphpdeveloper #backenddevelopers #frontendwebdevelopment #JoinUs #JoinNow

I think this is clean 😊❤️ #buildinpublic #javascript #frontendwebdevelopment

JavaScript Revision 👨‍💻 Day 1 ✅Finished All The Basic Concepts ✅Completed Arrays and Objects Concepts ✅ Revised DOM Manipulation and BOM Concepts #JavaScript #ReactJs #FrontendWebDevelopment

🚀 Excited to start my front-end web development journey with @TechyJaunt! 💻 Looking forward to mastering HTML, CSS, and JavaScript to build responsive, user-friendly websites and web applications. 🤩 #FrontEndWebDevelopment #techyjaunttechscholarshipcohort6.0 @GiveRep

🚀 Excited to start my front-end web development journey with @TechyJaunt! 💻 Looking forward to mastering HTML, CSS, and JavaScript to build responsive, user-friendly websites and web applications. 🤩 #FrontEndWebDevelopment #techyjaunttechscholarshipcohort6.0 @GiveRep

👉 Don’t wait — enroll now and kickstart your journey with ATC! #GraphicDesign #ProductDesign #DataAnalytics #FrontEndWebDevelopment #TechWithATC #LearnTech #TechSkills2025 #ATC

Would you like to join our training in @InsideOsogbo or online if you're outside? Send a DM now to get trained in #Frontendwebdevelopment #Backendwebdevelopment #Fullstackwebdevelopment #MobileApp #pythonprogramming #dataanalysis #datascience

لو انت Front end مينفعش متكونش هذا الكلام لانه مهم جدا لشغلك وغالبا هتتسئل عنه في اي انترفيو تعالي اقولك حاجات لازم تعملها قبل مترفع الموقع بتاعك الحاجات دي هتساعدك ترفع الperformance وaccessibility وseo وعشان حاجات تانيه كمان هناقشها معاك دلوقت 1- قبل اي حاجه مينفعش يكون كود ال html بتاعك فيه اخطاء لازم يكون كله Valid ادخل علي الموقع دا وحط الكود وحل المشاكل validator.w3.org/ 2- ال prefixes بتاعه ال css علشان دعم المتصفحات لازم تكون مكتوبه حط الكود بتاعك هنا بعد متخلص والموقع يظبطولك autoprefixer.github.io/ 3-هنا هتكلم عن حاجات تخص الصور جودتها وحجمها وalt attribute وتكنيك Lazy Load وresizing images وتاثيرها علي الperformance *حسن جوده صورك فيه مواقع كتير تجيب منها صور بجوده كويسه وببلاش زي Unsplash, Pixabay ,Pexels ,Burst ,Kaboompics ,Splitshire ,Freepik *بالنسبه لحجم الصور لو حجمها كبير لازم تصغرها بدون ما تاثر علي جودتها وفيه مواقع كتير بتعمل compress للصور *بالنسبه ل Lazy Load لما بنفتح موقع المفروض ان كل الصور بتحمل مره واحده ودا بياثر علي الاداء طبعا التكنيك دا بيخلي الصور الي شايفها اليوزر بس الي تبدا تتحمل وكل ما ينزل في الموقع يبدا يحمل الصور واحده واحده تستخدمه ازاي تعالي علي img tag وحط ال attribute دا loading="lazy" *برضوا خد بالك من احجام الصور في المقاسات المختلفه من الشاشات ودا تقدر تعمله عن طريق media query انك تغير حجم الصور كل الشاشه متصغر و تحط صور مناسبه للتابلت والموبايل او تثبت حجم الصوره لان resizing images من الحاجات الي بتقلل الperformance تقدر تعمل دا عن طريق HTML picture tag * بالنسبه لل alt attribute دا مينفعش يكون فاضي مينفعش دي جريمه في حق Seo وaccessibilityوبيكون فيه كلمات بتوصف الصوره سرش عنه عشان تعرف عنه اكتر 4-لازم قبل مترفع الموقع تعمل minify لكود ال css و js عشان حجمه ملف الكود حرفيا هينزل للنص ودا هياخد الperformance في حته تانيه تقدر تعمل كدا عن طريق المواقع دي css: toptal.com/developers/cssmin… js : toptal.com/developers/javasc… 5-استخدم ال light house هتلاقيها ف dev tools تقدر تفتحها بf12 هتقدر من خلالها تقيس الperformance ووaccessibility وseo وهتديك تعليمات عشان تحسنهم هتفهم من خلالها المشاكل الي عندك وتحلها 6- تاج meta description ودا بيتحط في الhead وعلي قد ميبان حاجه بسيطه الي انه هيفرق في الSeo لدرجه متتخيلهاش شرس عنه 7-اهتم تتعلم Bundlers هتفيدك في المشاريع الكبيره وهتسهل عليك حاجات كتير من الي فوق دي زي Webpack او gulp او غيره #اخيرا انا شاركت معاك الحاجات الي استخدمتها وجابت معايا نتيجه فعليه وحولت المواقع بتاعتي منperformance سئ جدا 60% الي 95% اقل حاجه فيه طبعا حاجات تانيه اكتر تقدر تقرا عنها هتلاقي مقالات كتير علي جوجل بتتكلم علي الموضوع دا سرش هتلاقي #ويب #موقع #برمجة #frontend #css #html #seo #tips #react #angular #frontendwebdevelopment #interviewquestions

I passed the final project!!! I graduated from Udacity's Frontend Nanodegree program! @udacity #frontendwebdevelopment #frontend #graduated #WebDevelopment

How is everything going guys? Whats happening? AMA #frontend #frontendfriday #frontenddeveloper #frontenddev #frontenddevelopment #FrontendFridays #frontendloader #frontendchallenge #frontendwebdevelopment #FrontEndSwap #frontenddesign #frontendwork #frontendeveloper #FrontEndWebDeveloper #frontendisti #frontenddesigners #frontendweb #frontendtotaled #frontenddeveloment #frontendmonday #frontEndLoaderOperator #frontenddevelopement #frontendfriend #frontendengineer #FrontEndfFriday

Welcome to the Africa Stem Summit happening from 16th - 18th May 2024. Registration is free! bit.ly/africastemsummit #africastemsummit #bridgingtheskillsandgendergapinstem #android #design #uiux #coding #cybersecurity #backendwebdevelopment #development #frontendwebdevelopment

#FrontEndWebDevelopment I'm rusty but I'm making progress... 😌

How to Add Video Conferencing to Your Website Read here--->buff.ly/444LRam #webdevelopment #webdevelopmentcompany #webdevelopmentservices #webdevelopmentagency #frontendwebdevelopment #livestream #videochat #videoAPI #API

The Ultimate Guide to Front-End Web Development: HTML, CSS, JavaScript and More #FrontEndWebDevelopment #HTMLCSSJavaScript #InteractiveInterfaces #UXUIDesign#PerformanceOptimization #CrossBrowserCompatibility #WebDevelopmentFrameworks #CreativeCoding #FrontEndDesign

Teck Stack => 1. React -> AntD Designs, jspdf, react-canvas-draw #ReactAdvanced #100daysofcoding #webdeveloper #frontendwebdevelopment

Day 4 Of 100 days of coding 💻 🖤🔥 Learned how to fetch an API by storing data in JSON #100daysofcoding #tech #frontendwebdevelopment #webdev #javascript #slyyv17