Zen Eddin Allaham

هل توجد معلومات خاطئة عند ضغط على زر "اكمال المعلومات" تظهر رسالة خطأ

هل يمكنك شرح لي الخطوات لانها ليست مفهومة https://mostaql.com/onboarding/portfolio

ماهي مشكلة مستقل

انا متعلم html css و js تبقى لي فقط رياكت هل انا اصبحت في نصف الطريق

هل يمكن ان اصبح frontend developer في سنتين

ليس الوسوم بل استيراد العناصر مثلا عند اضافة عنصر About في ملف وليكن Home هكذا <About /> اريد عرض import الخاص به بشكل تلقائي import About from './Components/About/About.jsx'; يعني اول ما اضيف عنصر معين في صفحة معينة يظهر الاستيراد بشكل تلقائي دةن الحاجة لكتابته يدوي

ماهي الخاصية التي عند اضافة عنصر في ما بين صفحات يقوم باستيراد املف تلقائي يعني مثلا في عنصر home استوردت بداخله عنصر About مثلا اريده يقوم import بالاستيراد تلقائي بمجرد اضافة العنصر لأن موضوع اصبح يستهلك وقت

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

ماهي react hot toast

ماهي الدالة some في JavaScript

انا مهاراتي هي HTML CSS JavaScript و رياكت متوسط الحجم هل أنا جاهز هدفي في عمل الحر هو تقوية المهارات قدر الامكان

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

عند اضافة انميشن 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