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
React Hooks: Beyond useState 💯
3
سؤال انترڤيو محنك شويتين بس فكرته سهلة جدًا...
.
.
الناتج هيكون 8 .. وتعال أقولك ليه؟

خلينا نقسم السؤال إلى جزئين:

📌 الجزء الأول .. الـ Array الصغيرة، وهي دي حل السؤال، الـ comma هنا هتعمل Evaluation للـ Array وهترجع تاني رقم وهو 3، دايمًا بترجع الرقم اللي على اليمين أو الرقم الأخير.

[1, 3] => 3


📌 الجزء الثاني .. الـ Array الكبيرة، ودي Array عادية جدًا بيتعمل عليها Access من قبل القيمة اللي طلعت من الـ Array الصغيرة اللي هي 3، يعني الموضوع هيوصل وهيبقى بالشكل ده:

[2, 4, 6, 8, 10][3] => 8


لو الدنيا لسه موضحتش ممكن تقرأ أكتر عن الـComma Operator من هنا:

🔰 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Comma_operator
🔰 https://www.javanoscripttutorial.net/javanoscript-comma-operator
3
مجموعة مصادر هتساعدك في التحضير لانترڤيو الـ Node.js 🚀
.
.
📌 NodeJS Interview Questions
https://lnkd.in/dpGdHdhR

📌 Backend Interview Questions and Answers related to Node JS, Golang/Go, Express JS, and MongoDB
https://lnkd.in/dmtwX3JT

📌 100 Must-Know Node.js Interview Questions
https://lnkd.in/dGaHhK4x

📌 Node.js Basics
https://lnkd.in/dvGW_BrP

📌 52 Node.js Interview Questions for JavaScript Developers
https://lnkd.in/duwZBCV6

📌 Top 100+ Node.js Interview Questions and Answers
https://lnkd.in/djWnnnQQ

📌 Top 100 Node.js interview questions and answers
https://lnkd.in/dSvJrw2n

📌 Top 30+ Node.js Interview Questions
https://lnkd.in/dRE98yTe

📌 Node Interview Questions and Answers – Beginner Level
https://lnkd.in/dfPtxPpc

📌 Top Node.js Interview Questions You Must Prepare
https://lnkd.in/duzZ6RP4

📌 Top 50 Node.js Interview Questions and Answers
https://lnkd.in/d-U-xNEa
2👍1
من ضمن المصطلحات المهمة في مجال الويب 💯
.
.
خلال رحلتك في مجال الويب أكيد مر عليك مصطلح الـ 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