Augustin HIHEAGLO

Link to the Project : - https://lnkd.in/eNj2-8pi ✨ As I continue my Web-Developement journey learning React.Js , I have built a To-Do-List React App using Vite tool. ✨ It lets you add,save,delete,overwrite and change to do message. Concepts Used are : - 🌟Context API 🌟 Local Storage 🌟 Creating Components 🌟 Custom Hooks Suggestions are welcomed whole-heartedly!! 😊 CodSoft #CodSoft #ReactJs #WebDevelopement

2

CSS :HAS MAGIC 🔥✨ #css #htmlcss #webdev

13

CSS :HAS MAGIC 🔥✨ #css #htmlcss #webdev

59

1 Comment

🌟 **Building My React Skills: Netflix Card Project** 🌟 As I dive deeper into React.js, I'm thrilled to share a mini-project I've been working on—a dynamic Netflix-style card component. This project allowed me to experiment with React's powerful features, focusing on creating interactive and responsive UI elements. 🎯 **Project Highlights:** - **React Components:** Built reusable and modular components. - **Dynamic Data:** Implemented props and state to handle dynamic content. - **Styled Components:** Used modern CSS techniques for a polished look. 💡 **Learning Outcomes:** - Gained practical experience with React core concepts. - Improved my ability to manage and pass data within a React app. - Enhanced my understanding of styling and layout techniques in a React environment. Check out the project [ https://lnkd.in/di6u9qK9] and let me know what you think! Always open to feedback and suggestions as I continue to grow in front-end development.

21

1 Comment

😀 React Three Fibre Configuration with Context-Api #threejs #reactthreefibre #webdevelopment #react #nextjs #softwaredeveloment #fullstackDevloper

2

🌟 Day 19 🌟 📘 Revision Day : 💫This week has been packed with new concepts and practices that strengthened my React skills. Here's a quick recap: • Context API & useContext Hook: Learned to manage global state without prop drilling, making data more accessible throughout the app. • React DevTools: Used DevTools to inspect components, state, and props, improving debugging and performance optimization. • Derived State: Practiced deriving state from props to reduce unnecessary re-renders and optimize performance. • Clearing Lists: Implemented logic to reset arrays and clear items from lists, ensuring smooth UI updates. • Reusable Button & children Prop: Built flexible components with reusable button logic and used the children prop for better component composition. • Custom Hooks & Refs: Started using custom hooks to extract reusable logic and explored the power of refs to manipulate DOM elements directly. • Hover Events: Enhanced interactivity by handling hover events and applying dynamic styles based on user actions. 🚀 Takeaway: Revision is crucial to ensure concepts are deeply ingrained. Reviewing the week's lessons has solidified my understanding and prepared me for more advanced topics! #ReactJS #LearningJourney #WebDevelopment #dailylearning Masai Prepleaf by Masai

5

3 Comments

A api call use asyc await concepts in fetch little html ,css ,bootstrap and node.js github link-https://lnkd.in/eP-dU3B4

8

2 Comments

Movie Searcher : https://lnkd.in/eCUpfMKa Used React UseState UseEffect u can check the code on GitHub repo

1

Let's delve into the world of web development from both the frontend and backend perspectives 𝐁𝐚𝐜𝐤𝐞𝐧𝐝 𝐝𝐞𝐯𝐞𝐥𝐨𝐩𝐦𝐞𝐧𝐭: When we talk about backend development, we're talking about the brains behind the operation. It's where all the magic happens that users typically don't see directly. it works as the power engine of your website. 𝐓𝐨𝐨𝐥𝐬 𝐚𝐧𝐝 𝐓𝐞𝐜𝐡𝐧𝐨𝐥𝐨𝐠𝐢𝐞𝐬: Backend developers work with languages like Python, JavaScript (Node.js), Ruby, Java, and frameworks such as Django, Flask, Express.js, or Spring Boot. These tools help them build robust, scalable systems capable of handling complex business logic and large volumes of data 𝐊𝐞𝐲 𝐂𝐨𝐧𝐬𝐢𝐝𝐞𝐫𝐚𝐭𝐢𝐨𝐧𝐬: Security is a top priority. When working on the backend, developers must safeguard sensitive information, prevent unauthorized access, and ensure data integrity. Performance optimization is also crucial efficient code and well-designed databases keep applications running smoothly, even under heavy traffic. 𝐅𝐫𝐨𝐧𝐭𝐞𝐧𝐝 𝐝𝐞𝐯𝐞𝐥𝐨𝐩𝐦𝐞𝐧𝐭:  Frontend developers take designs from the drawing board and turn them into reality using HTML, CSS, and JavaScript. They're concerned with how users experience the application, ensuring it's easy to navigate, responsive across devices, and accessible to all users. It's like being the interior designer and usability expert of the digital world. 𝗧𝗼𝗼𝗹𝘀 𝗮𝗻𝗱 𝗧𝗲𝗰𝗵𝗻𝗼𝗹𝗼𝗴𝗶𝗲𝘀: Frameworks like React.js, Angular, and Vue.js have revolutionized frontend development, making it easier to build dynamic, interactive interfaces. Frontend developers also collaborate closely with designers to ensure the application not only looks good but also functions flawlessly. 𝐊𝐞𝐲 𝐂𝐨𝐧𝐬𝐢𝐝𝐞𝐫𝐚𝐭𝐢𝐨𝐧𝐬 Performance matters here too. Optimizing front-end code, minimizing load times, and ensuring compatibility across different browsers and devices are critical. Accessibility is another key consideration—creating interfaces that everyone, regardless of ability, can use comfortably. 𝐂𝐫𝐚𝐟𝐭𝐢𝐧𝐠 𝐒𝐞𝐚𝐦𝐥𝐞𝐬𝐬 𝐄𝐱𝐩𝐞𝐫𝐢𝐞𝐧𝐜𝐞𝐬 In the end, successful web development blends the art of frontend design with the science of backend logic. It's about creating applications that not only look stunning but also perform reliably and securely. Whether you're diving into backend intricacies or polishing frontend interfaces, understanding these aspects helps you contribute effectively to building the digital experiences of tomorrow. #seo #searchengingoptimizatin #webdevelopment #webdesign #frontend #backend #growth #onlinebusiness #onlinewebdesign #webdevelopment

8

Javascript string methods #javascript

67

1 Comment

✔ Front-End tips and tricks ✔ ازاي ممكن تضيف خاصية ال resize الي في textarea element لاي عنصر ؟ ? How to resize elements in css

14

Join Us for a Spring Boot Workshop on Dependency Injection 🤩👨‍💻 Join us this Sunday for an exciting hands-on workshop where we'll explore Dependency Injection in Spring Boot ✅ 🗓️ Date : 16th June, Sunday 🕚 Time : 11 AM | Online Don't miss out on this opportunity to enhance your Spring Boot skills 📈 You can register now to secure your spot 👍 Register Here 👇 https://lnkd.in/dh-mSrH7 🎓 Bonus- Attendees will get a preview of our upcoming Spring Boot Batch, starting soon 😍🚀 See you there!! #springbootdeveloper #springboot #springbootframework #springbootcourse #springbootrestapi #java #javadeveloper #javawebinar #javaprogramming #javaworkshop #javacode #coding #fullstackdeveloper #trending #weekendworkshop #fullstack #learnspringboot #spring #learnjava

7

1 Comment

Default Browsers Style RESET ! As part of frontend developer job when converting wireframes based on Figma/PSDs etc ..., resetting default browsers style is something mandatory to start from clean based style for all the browsers ! That's why I published this cool small script for you that can be found in NPM registry. https://lnkd.in/dZBqh5iS Happy coding dear Frontenders ! #css #reset #browsers #default_style #js #minify #postcss #cssnano

2