Zen Eddin Allaham

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

عند اضافة انميشن Aos اصبح تنسيق غير متجاوب مع احجام شاشات الصغيرة ما المشكلة doctor-product.zip

import Background from "./Components/Background/Background" import Navbar from "./Components/Navbar/Navbar" import Home from "./Components/Home/Home" import {BrowserRouter , Router , Route} from 'react-router-dom' function App() { return ( <> <Navbar /> <BrowserRouter> <Router> <Route path="/" element={<Home />}/> <Route path="/" element={<Background />}/> </Router> </BrowserRouter> </> ) } export default App ما مشكلة الكود اصبحت شاشة تعرض فقط background

كيف يمكن دمج الالوان في نصوص

لقد بنيت مشاريع سهلة في رياكت بنفسي والتي هي 1- مشروع x o 2- To do list 3-portfolio 4- resturant project 5- hospital project هل انا جاهز لزيادة مستوى صعوبة

ماهو خطاف useParams

بصراحة عند بدء في تعلم بناء متجر الكتروني يشبه amazon احسست بالصعوبة العالية هل انا في طريق صحيح

اريد شرح لهذا الكود وماهم الداول all & assign const categoryData = [ "smartphones", "mobile-accessories", "laptops", "tablets", "sunglasses", "sports-accessories", ] const Home = () => { const [product , setProduct] = useState({}); useEffect(() => { const fetchPrduct = async () => { try{ const results = await Promise.all( categoryData.map(async (category) => { const response = await fetch(`https://dummyjson.com/products/category/smartphones${category}`); const data = await response.json(); return {[category] : data.products} }) ) const productsData = Object.assign({}, ...results); setProduct(productsData); } catch(error){ console.error('Featching Error' , error); } fetchPrduct() }},[]) console.log(product);

<Swiper autoplay={{delay:2500,disableOnInteraction: false,}} pagination={true} modules={[Pagination, Autoplay]} className='mySwiper'> هل يمكن شرح هذا الكود

ماهي المكتبة swiper js import React,{useRef , useState} from 'react'; import {Swiper , SwiperSlide} from 'swiper/react'; import 'swiper/css'; import 'swiper/css/pagination'; import {Pagination} from 'swiper/modules'; const HeroSlider = () => { return ( <section> <Swiper pagination={true} modules={[Pagination]} className='mySwiper'> <SwiperSlide>Slide 1</SwiperSlide> <SwiperSlide>Slide 2</SwiperSlide> <SwiperSlide>Slide 3</SwiperSlide> <SwiperSlide>Slide 4</SwiperSlide> <SwiperSlide>Slide 5</SwiperSlide> <SwiperSlide>Slide 6</SwiperSlide> <SwiperSlide>Slide 7</SwiperSlide> <SwiperSlide>Slide 8</SwiperSlide> <SwiperSlide>Slide 9</SwiperSlide> </Swiper> </section> ) } export default HeroSlider ماهو SwiperSlide & Swiper & Pagination & modules

import React, { useEffect, useState } from 'react' import { AiOutlineMenu } from "react-icons/ai"; import { IoMdArrowDropdown } from "react-icons/io"; import { Link, useLocation } from 'react-router-dom'; import { PiSignInBold } from "react-icons/pi"; import { ImUserPlus } from "react-icons/im"; const NavLinks = [ {title:"Home" , link:"/"}, {title:"About" , link:"/about"}, {title:"Accessories" , link:"/accessories"}, {title:"Blog" , link:"/blog"}, {title:"Contact" , link:"/contact"}, ] const BottomHeader = () => { const location = useLocation(); const [categories , setCategories] = useState([]); const [isCategoryOpen , setIsCategoryOpen] = useState(false); useEffect(() => { fetch('https://dummyjson.com/products/categories') .then((res) => res.json()) .then((data) => setCategories(data)) },[]) console.log(isCategoryOpen) return ( <section className='bottom-header'> <div className="container"> <nav className="nav"> <div className="category-nav"> <div className="category-btn" onClick={() => setIsCategoryOpen(!isCategoryOpen)}> <AiOutlineMenu /> <p>Browse Category</p> <IoMdArrowDropdown /> </div> <div className={`category-navList ${isCategoryOpen ? 'active' : ''}`}> {categories.map((category) => ( <Link key={category.slug} to={category.slug}>{category.name}</Link> ))} </div> </div> <div className="nav-links"> {NavLinks.map((item) =>( <li key={item.link} className={location.pathname === item.link ? 'active' : ''}><Link to={item.link}>{item.title}</Link></li> ))} </div> </nav> <div className="sign-regs-icon"> <Link to="/"><PiSignInBold /></Link> <Link to="/"><ImUserPlus /></Link> </div> </div> </section> ) } export default BottomHeader; لقد استخدمت الخطاف useLocation بهذا الشكل هل يمكن توضيح ما الذي سيقوم به تبين لي انه سيظهر كلاس active

ماهو خطاف useLocation وايضا ماهو location و pathname

توجد لدي مشكلة محبطة صراحة والتي هي عندما اشاهد مشروع متقدم وكبير واحترافي اشعر بالضعف في مجال واحس نفسي اني ضعيف وابدا اقارن نفسي به ما الحل برايكم

اذاً ماهو ملف client.js

ماهو basename في react router ايضاً ماهو ملف client.js

توجد مشكلة في مشروع عند اضافة انميشن للموقع اصبح غير متجاوب مع شاشات الهاتف هل مشكلة من مكتبة انميشن ام يوجد خطأ في كود css doctor-product.zip

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

ماهو UX وماهي مكتبة prop-up

لا ليس صحيحاً انا متأكد انها كلمة السر صحيحة

انا مسجل دخول في موقع نيتليفاي لكن كل فترة يتم اخراجي من حساب وارجع اسجل مرة اخرة لكن هذه مرة مو راضي يسجل دخولي ما المشكلة

نجحت اصبح تعمل لكن عند تمرير لا تعمل فقط عند تحديث

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

كيف يمكن تنزيل المكتبة في مشروع react حسناً قمت بتنزيل المكتبة لكن كيف يمكن استخدامها في مكونات رياكت

دخلت على اول موقع وظهر هذا كيف يمكن تنزيل المكتبة في مشروع react

لم افهم ماهي AOS