تركاية فرونت اند ع السريع...⚡️

- لا تنسوا أهلنا في فلــسطــين وفي ســوريا وفي الســودان وفي اليــمن وفي كل دول العالم من المسلمين من الدعاء. 🤍


CSS Shape Outside 🔻

———

⚡ LinkedIn Post:
https://www.linkedin.com/posts/dev-alisamir_css-css3-cssstyling-activity-7234811758735970305-5Lxr

⚡ Tutorial Video:
https://youtu.be/UOUTcnwWUo8

How To Create An NPM Package

https://www.totaltypescript.com/how-to-create-an-npm-package

مجموعة مقالات تخص الـكود النـظيف (Clean Code) - الجزء الثاني🔻

لا تنسوا أهلنا في فلــسطــين وفي ســوريا وفي الســودان وفي اليــمن وفي كل دول العالم من المسلمين من الدعاء. 🤍


📌 الأمثلة الموجودة في المقالات بلغة JavaScript ولكن أنت تقدر تطبق المفاهيم بأي لغة برمجة تعرفها.

Understanding Clean Code Series' Articles - Part 2 🔻

https://www.linkedin.com/posts/dev-alisamir_cleancode-softwareengineer-softwareengineering-activity-7235278454978412544-X6tb

Mongez Cache, a powerful storage manager for web applications ⚡️

لا تنسوا أهلنا في فلــسطــين وفي ســوريا وفي الســودان وفي اليــمن وفي كل دول العالم من المسلمين من الدعاء. 🤍


📌 Features:
Here are some but not all of the features of this package:

✅ One API driver to handle all cache engines.
✅ Supports Local Storage Cache.
✅ Supports Session Storage Cache.
✅ Supports Runtime Cache.
✅ Supports Encryption for both Local Storage and Session Storage.
✅ Open for extension to add more cache engines.
✅ Supports Expire Time for each key.
✅ Auto convert objects and arrays when storing and getting them.
✅ Works perfectly with any framework or library or just plain JavaScript.

———

🔻 Article Link: https://dev.to/hassanzohdy/mongez-cache-a-powerful-storage-manager-for-web-applications-5bel

🔻 Package Link: https://github.com/hassanzohdy/mongez-cache

🔻 Tutorial Video: https://youtu.be/Ajfvphkfnfk

تركاية فرونت اند ع السريع...⚡️

- لا تنسوا أهلنا في فلــسطــين وفي ســوريا وفي الســودان وفي اليــمن وفي كل دول العالم من المسلمين من الدعاء. 🤍


إزاي تغير شكل الـ favicon باستخدام الـ JavaScript؟

Change favicon on tab switching using JS 🔻

———

⚡️ Tutorial Video: https://youtu.be/IUJo0FrQl3U

⚡️ LinkedIn Post: https://www.linkedin.com/posts/dev-alisamir_html-html5-javascript-activity-7235909606453968896-pFVi

———

بالتوفيق يا بطل 💪🏻

JavaScript Array Methods 🔻

تركاية جافا سكريبت ع السريع...⚡️

- لا تنسوا أهلنا في فلــسطــين وفي ســوريا وفي الســودان وفي اليــمن وفي كل دول العالم من المسلمين من الدعاء. 🤍


إزاي تعمل import للـ modules وتتعامل معاها بكل سهولة في JavaScript ⚡️

JS Native Module Importing 🔻

———

⚡️ Tutorial Video: https://youtu.be/ymZwk5hMGlM

⚡️ LinkedIn Post: https://www.linkedin.com/posts/dev-alisamir_html-html5-javascript-activity-7236249848809697280-Jp03

———

بالتوفيق يا بطل 💪🏻

Data Structures Cheat Sheet 🔻

In this article, we will introduce data structures, provide examples of each structure, and show how they can be represented in Memgraph.

https://memgraph.com/blog/data-structures-cheat-sheet

Mongez React Router, The Best Router System You'll ever use with React 🥷🏻

- لا تنسوا أهلنا في فلــسطــين وفي ســوريا وفي الســودان وفي اليــمن وفي كل دول العالم من المسلمين من الدعاء. 🤍


This package is meant to make your code elegant, easy to maintain, and decouple your project into multiple apps and modules.

———

📌 Highlighted Features:

✅ Declaring routes in a more readable and clean way.
✅ Common Base Layouts for multiple routes won't be rerendering for partials such as header and footer.
✅ Easy Middleware definitions
✅ Lazy loading for entire apps and modules to reduce production bundle size.
✅ Grouping routes with common features such as setting base path, and common middleware between routes.
✅ Language switching without reloading the page
✅ Optionally refresh the same page when navigating to it again.
✅ Many helpers to navigate between routes using functions.
✅ Working with functions for navigation instead of hooks.
✅ Optionally redirect to the Not Found page route or render a component.
✅ Defines a preloader (Progress Bar for instance) until the app/module bundle is loaded.
❌ No ugly writing for routes in components.

———

🔻 Article Link: https://dev.to/hassanzohdy/mongez-react-router-the-best-router-system-youll-ever-use-with-react-1ln1

🔻 Mongez React Router (MRR): https://www.npmjs.com/package/@mongez/react-router

🔻 Tutorial Video: https://youtu.be/x9t8uz3qFlg

Learn About Operating Systems In-Depth ⚡️

- For many types of software engineers it is important to understand the fundamentals of operating systems.

———

📌 Course Content

🔻 Academically Oriented & Comprehensive Understanding: Dive deep into the intricacies of Operating Systems with the most detailed course on this platform.

🔻 Conceptual Clarity: Solve numerous practice questions to ensure your concepts are crystal clear.

🔻 Enhanced Problem-Solving Skills: Learn to analyze and solve complex OS-related problems.

🔻 Appreciation for Depth: Explore a wide range of OS topics with meticulous attention to detail.

https://youtu.be/yK1uBHPdp30

✅ The Node.js Best Practices List (2024)

- This comprehensive guide for Node developers is divided into 8 regularly updated sections.

- It covers error handling, code style, Docker, and security practices.

https://github.com/goldbergyoni/nodebestpractices

دورة اختبار اختراق تطبيقات الويب

https://www.youtube.com/watch?v=clLoyQeEVUw&list=PLroS9tRyoUGpAJPAgygxEP9imIZpkxFMi

Best ChatGPT Prompts For Web Development 🔥

Develop an architecture and code for a <website description> website with JavaScript.

Help me find mistakes in the following code <paste code below>.

I want to implement a sticky header on my website. Can you provide an example of how to do that using CSS and JavaScript?

Please continue writing this code for JavaScript <post code below>

I need to create a REST API endpoint for my web application. Can you provide an example of how to do that using Node.js and Express?

Find the bug with this code: <post code below>

I want to implement server-side rendering for my React application. Can you provide an example of how to do that using Next.js?

Assume the table names and generate an SQL code to find out Elon Musk’s tweets from 2019.

What exactly does this regex do? rege(x(es)?|xps?).

Write a docstring for the following function <paste function below>.

I’m making a website for a small business [Business description]. I need ideas on how to structure the website using WordPress.

Generate a list of 10 relevant skills and experiences for a web developer job application.

———
You can edit these messages and achieve improved outcomes based on your preferences. 💯

طريق النجاح في مجال الفرونت اند - محمد أبو سريع

https://youtu.be/0UGkikHf1Yw

تركاية CSS ع السريع...⚡️

- لا تنسوا أهلنا في فلــسطــين وفي ســوريا وفي الســودان وفي اليــمن وفي كل دول العالم من المسلمين من الدعاء. 🤍

CSS Text Line Clamp 🔻

———

⚡️ Tutorial Video:
https://youtu.be/78RorK5M-Uk

⚡️ LinkedIn Post:
https://www.linkedin.com/posts/dev-alisamir_css-css3-cssstyling-activity-7237352868641443841-PCNK