Mastering Web Security 💯

https://youtu.be/-GfSbk_VqSk

من ضمن المصطلحات المهمة في مجال الويب 💯
.
.
خلال رحلتك في مجال الويب أكيد مر عليك مصطلح الـ CORS، أو واجهتك مشكلة بسبب موضوع الـ CORS في المتصفح. تعال ندردش شوية...

———

ببساطة الـ CORS اختصار لـ Cross-Origin Resource Sharing

📌 في الأول كده خلينا نعرف يعني إيه Origin؟

الـ "Origin" هو الدومين (domain) أو النطاق اللي الموقع أو السيرفر بتاعك شغال عليه. بيبقى عبارة عن الـ "Protocol" (زي HTTP أو HTTPS) + اسم الدومين (زي example.com) + البورت (لو مختلف عن الـ 80 لـ HTTP أو 443 لـ HTTPS).

———

⚡️ فين المشكلة؟

لو أنت شغال على موقع معين وعاوز الموقع بتاعك يطلب بيانات أو resources (زي JSON أو ملفات) من سيرفر تاني، السيرفر التاني ده لازم يبقى من نفس الـ origin بتاعك، يعني نفس الدومين، نفس البروتوكول، ونفس البورت.

ودي حاجة اسمها Same-Origin Policy، السياسة دي معمولة أساسًا علشان تحمي المستخدمين من أي طلبات ضارة ممكن تجي من مواقع تانية غير موثوقة.

بس في بعض الحالات، أنت كـ Developer بتبقى محتاج تعمل طلبات للسيرفرات اللي مش من نفس الـ origin بتاعك، زي لما يكون عندك Frontend شغال على دومين معين وAPI أو Backend شغالين على دومين أو بورت مختلف.

———

هنا بقى ييجي دور الـ CORS 👇

الـ Cross-Origin Resource Sharing (CORS) هو الحل اللي بيسمح للمواقع إنهم يطلبوا بيانات أو ملفات من سيرفرات تانية بمختلف الـ origins بشكل آمن، بمعنى إنك تقدر تتخطى الـ Same-Origin Policy وتعمل طلبات لسيرفرات تانية طالما السيرفر ده بيقبل إنه يتعامل مع الموقع بتاعك.

———

📌 إزاي الـ CORS بتشتغل؟

لما موقعك بيطلب بيانات من سيرفر تاني مختلف عن الـ origin بتاعه، السيرفر اللي عليه الـ resource اللي أنت بتطلبها هو اللي بيقرر إذا كان الطلب ده مسموح أو لا.

السيرفر بيرد على الطلب من خلال الـ (headers) اللي بيرجعها مع الـ response.

واحد من أهم الـ headers دي هو:

Access-Control-Allow-Origin

اللي بيحدد الـ origins اللي مسموح ليها تطلب بيانات من السيرفر ده. لو الـ origin بتاع موقعك موجود في القيمة بتاعت الـ header ده، السيرفر هيسمح بتنفيذ الطلب وهيرجعلك الـ response. ولو لل، الطلب هيتمنع وهيجيلك error من نوع CORS في المتصفح.

———

📍 كمان فيه Headers تانية زي:

- الـ Access-Control-Allow-Methods: اللي بتحدد أنواع الطلبات اللي مسموح ليك تعملها (GET, POST, PUT, DELETE...).

- الـ Access-Control-Allow-Headers: اللي بتحدد الـ headers اللي مسموح ليك تبعتها في الطلبات.

- الـ Access-Control-Allow-Credentials: لو الطلب محتاج يبعت Cookies أو بيانات معينة، لازم الـ header ده يبقى موجود ومظبوط على true.

———

وفقكم الله لكل خير 🌿

Cracking the GAMAM Technical Interviews 💯

Inside "Cracking the GAMAM Technical Interviews," you'll find:

✅ Expert tips and techniques for tackling coding challenges with confidence
✅ The eBook covers strategies, tips, preparation resources, and a roadmap to GAMAM. It has a complete guide to various technical interviews like -

👉 Coding Interview
👉 System Design Interview
👉 Object-Oriented Design Interview
👉 Schema Design Interview
👉 API Design Interview
👉 Behavioral Interview

It also covers various other topics such as -

👉 Resume Tips
👉 Preparation Strategy
👉 Effective LeetCode
👉 GAMAM Progress Tracker

It has a roadmap that plans 150 Days to GAMAM.

مجموعة مشاريع للتطبيق العملي على Node.js ⚡️

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

———

- https://dev.to/anderrv/web-scraping-with-javascript-and-node-js-2d
- https://dev.to/sm0ke/node-js-react-soft-dashboard-free-version-1k5g
- https://towardsdatascience.com/building-a-real-time-web-app-in-nodejs-express-with-socket-io-library-d9b50aded6e6
- https://dev.to/koladev/authentication-and-authorization-with-jwts-in-node-expressjs-5a9a
- https://devdojo.com/teri/how-to-build-a-web-scraper-with-nodejs
- https://javascript.plainenglish.io/google-api-authentication-using-oauth2-0-and-passport-js-in-nodejs-7b2d9b73c513
- https://www.bezkoder.com/node-express-sequelize-postgresql
- https://kirablog.hashnode.dev/rest-api-using-nodejs
- https://reactjsexample.com/docker-tutorial-nodejs-express-mongodb-react-redis-nginx
- https://blog.avneesh.tech/building-a-crud-api-with-nodejs-and-mongodb
- https://dev.to/nerdjfpb/how-to-build-simple-crud-restful-api-with-nodejs-expressjs-and-mongodb-in-2022-4756
- https://reactjsexample.com/a-fullstack-web-application-built-using-mern-stack-mongodb-express-react-nodejs
- https://devdojo.com/usmanwrites/build-a-whatsapp-api-using-node-express
- https://redis.com/blog/how-to-build-a-music-sharing-app-using-nodejs-and-redis
- https://towardsdev.com/creating-a-nodejs-restful-api-without-expressjs-part-1-123933e7141a
- https://www.freecodecamp.org/news/build-a-realtime-chat-app-with-react-express-socketio-and-harperdb
- https://www.telerik.com/blogs/modern-apis-fastify-node
- https://dev.to/permify/build-a-team-permissions-system-in-nodejs-app-using-auth0-and-permify-part-1-52bo
- https://hackernoon.com/building-a-simple-telegram-bot-with-nodejs-and-grammy
- https://www.freecodecamp.org/news/how-to-build-a-command-line-application-with-nodejs
- https://dzone.com/articles/your-go-to-guide-to-develop-cryptocurrency-blockch
- https://dev.to/francescoxx/build-a-crud-rest-api-in-javascript-using-nodejs-express-postgres-docker-jkb
- https://blog.erickwendel.com.br/implementing-the-websocket-protocol-from-scratch-using-nodejs
- https://deno.com/blog/build-api-express-typescript
- https://blog.logrocket.com/best-node-js-web-scrapers-use-case
- https://dev.to/wesleymreng7/uploading-multiple-files-at-the-same-time-using-multithreading-in-nodejs-3ib4
- https://reflectoring.io/tutorial-graphql-apollo-server-nodejs-mongodb
- https://blog.javascripttoday.com/blog/build-a-rest-api-in-javascript
- https://blog.javascripttoday.com/blog/creating-a-url-shortener-with-node
- https://blog.erickwendel.com.br/how-to-create-e2e-tests-in-nodejs-with-no-frameworks-step-by-step
- https://antman-does-software.com/implementing-the-outbox-pattern-in-nodejs-and-postgres
- https://dev.to/pavanbelagatti/build-a-real-time-chat-application-with-socketio-and-nodejs-with-automated-testing-38h8
- https://www.thisdot.co/blog/implementing-a-task-scheduler-in-node-using-redis
- https://www.freecodecamp.org/news/how-to-use-elastic-beanstalk-to-deploy-node-js-app
- https://www.freecodecamp.org/news/how-to-work-with-files-in-node-js
- https://levelup.gitconnected.com/api-development-with-nodejs-express-and-typescript-from-scratch-dto-interface-and-54ebab8c447e
- https://www.freecodecamp.org/news/build-a-secure-server-with-node-and-express
- https://hackernoon.com/web-scraping-using-a-headless-browser-in-nodejs
- https://code.tutsplus.com/token-based-authentication-with-angularjs-nodejs--cms-22543t
- https://hackernoon.com/creating-a-nodejs-server-with-postgres-and-knex-on-express?source=rss
- https://hackernoon.com/how-to-extract-and-generate-json-data-with-gpts-langchain-and-nodejs?source=rss
- https://hackernoon.com/build-a-personal-shopping-assistant-using-brainjs-and-nodejs?source=rss
- https://blog.javascripttoday.com/blog/web-scraping-bright-data-nodejs
- https://www.freecodecamp.org/news/nodejs-tutorial-build-a-task-manager-cli-tool
- https://www.freecodecamp.org/news/build-an-online-image-to-pdf-converter-with-html-css-js-nodejs
- https://alexmaina.hashnode.dev/sending-emails-using-resend

مجموعة مصادر لأهم أسئلة انترڤيو الـVue.js 🚀

———

- List of 300 Vue.js Interview Questions
https://lnkd.in/daiv9PWz

- Top 50 Vue.js Interview Questions and Answers
https://lnkd.in/dVEyAdAU

- Top 30 Vue JS Interview Questions
https://lnkd.in/drJm6ZPN

- 100+ Vue.js Interview Questions and Answers
https://lnkd.in/dKqVD6T2

- Top Vue.js Interview Questions and Answers
https://lnkd.in/dt-Qc7uj

- 50+ Essential Vue Interview Questions & Answers
https://lnkd.in/dEzp69_H

- Top 50 Vue.js Interview Questions And Answers
https://lnkd.in/d8t3q94F

- Most Important Vue.js Interview Questions with Answers
https://lnkd.in/dPZSZZh4

- A list of questions for interviewing Vue.js candidates
https://lnkd.in/df3wS7XN

- Vue.js Frontend Developer Interview Questions
https://lnkd.in/dhAeXg2F

- 60 Vue.js interview questions to ask developers
https://lnkd.in/d-WFUr45

- Top 100 Vue.js Interview Questions
https://lnkd.in/duMwgK2Y

- Top 41 Vue.js Interview Questions And Answers
https://lnkd.in/dC6mQK4e

قناة الوظائف والتدريبات ⚡️

DevJobs

Your daily destination for top-tier programming jobs and training.

https://t.me/devsjobs