DevGuide – Telegram
11.2K subscribers
2.92K photos
19 videos
133 files
3.61K links
Level up daily with insider dev hacks, smart career tips, and real talk! 🚀

⚡️ Stay connected with me: linktr.ee/AliSamir

📍 To advertise on the channel: https://telega.io/c/the_developer_guide
Download Telegram
من ضمن المصطلحات المهمة في مجال الويب 💯
.
.
خلال رحلتك في مجال الويب أكيد مر عليك مصطلح الـ 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.

———

وفقكم الله لكل خير 🌿
15
Next.js AVIF Fallbacks ⚡️
3
Cracking The GAMAM Technical Interviews.pdf
12.3 MB
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.
3
مجموعة مشاريع للتطبيق العملي على Node.js ⚡️

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

———

- https://dev.to/anderrv/web-scraping-with-javanoscript-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://javanoscript.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-javanoscript-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-typenoscript
- 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.javanoscripttoday.com/blog/build-a-rest-api-in-javanoscript
- https://blog.javanoscripttoday.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-typenoscript-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.javanoscripttoday.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
4
مجموعة مصادر لأهم أسئلة انترڤيو الـ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
3
قناة الوظائف والتدريبات ⚡️

DevJobs

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

https://news.1rj.ru/str/devsjobs
1
DevGuide pinned a photo
Build Large Next.js Projects Lightning Fast 🚀
1
مجموعة Repos رايقة لجماعة الـ Web 💯
.
.
𝐀 𝐜𝐨𝐥𝐥𝐞𝐜𝐭𝐢𝐨𝐧 𝐨𝐟 𝐚𝐰𝐞𝐬𝐨𝐦𝐞 𝐭𝐡𝐢𝐧𝐠𝐬 𝐫𝐞𝐠𝐚𝐫𝐝𝐢𝐧𝐠 𝐖𝐞𝐛 𝐃𝐞𝐯𝐞𝐥𝐨𝐩𝐦𝐞𝐧𝐭. ⭐️

- Awesome JavaScript
https://lnkd.in/dR2BxbtF

- Awesome TypeScript
https://lnkd.in/df8JBEBm

- Awesome React.js
https://lnkd.in/dApUkSQ5

- Awesome Angular
https://lnkd.in/dZ6reGbx

- Awesome Vue.js
https://lnkd.in/d92TyJQ7

- Awesome React Native
https://lnkd.in/dZcYTemC

- Awesome Svelte
https://lnkd.in/dTe8PpXJ

- Awesome Node.js
https://lnkd.in/diQfrRdR

- Awesome Express.js
https://lnkd.in/dCNQrQWY

- Awesome MongoDB
https://lnkd.in/dPNFewDm

- Awesome Next.js
https://lnkd.in/dD7ZyT3g

- Awesome PHP
https://lnkd.in/dSRNZFir

- Awesome Laravel
https://lnkd.in/dJDU7xHe

- Awesome .NET
https://lnkd.in/dVd2KFBF

- Awesome Java
https://lnkd.in/dxjRPzRS

- Awesome C#
https://lnkd.in/dbFvQkVA

- Awesome Spring
https://lnkd.in/d6egPvPN

- Awesome Deno
https://lnkd.in/dYCz6Cza

- Awesome Bun
https://lnkd.in/dusj4z4p

- Awesome Remix
https://lnkd.in/dKzh7v6m

- Awesome Qwik
https://lnkd.in/deVfxNAG

- Awesome Git
https://lnkd.in/dc5YD3Nw

- Awesome GitHub
https://lnkd.in/dvNzdCQe

- Awesome Tailwind CSS
https://lnkd.in/dKziPbDG

- Awesome Bootstrap
https://lnkd.in/dq9QHZp2

- Awesome Sass
https://lnkd.in/dRtSe58W

- Awesome Flask
https://lnkd.in/dpgnJ8uT

- Awesome Django
https://lnkd.in/d9SQKnKB

- Awesome Python
https://lnkd.in/dcmkHKJ4

- Awesome SvelteKit
https://lnkd.in/dC7MVefh

- Awesome DevOps
https://lnkd.in/dxBBbvbf

- Awesome Interviews
https://lnkd.in/dC6Ru4hh

- Awesome Web
https://lnkd.in/dsX2iwnp

- Awesome HTML5
https://lnkd.in/d6ieWMqC

- Awesome CSS
https://lnkd.in/dHZ8gNmy
2