افضل كورس رح يفهمك اساسيات البرمجة في لغة سي بلس بلس🔥🔥
https://youtube.com/playlist?list=PLDoPjvoNmBAwy-rS6WKudwVeb_x63EzgS&si=I9T2yJNSq1QOCriE
https://youtube.com/playlist?list=PLDoPjvoNmBAwy-rS6WKudwVeb_x63EzgS&si=I9T2yJNSq1QOCriE
🔥4
مواقع css لا غني عنها لأي مبرمج 💯
1-أول موقع معنا هو Cssbuttons هتلاقي عليه كمية buttons كتير اوي
https://cssbuttons.app/
2-تاني موقع معانا هو bgjar بيقدم svg backend جاهزة وجميلة
https://bgjar.com/
3-ثالث موقع معانا هو enjoycss وده موقع بيقدمText جاهزة و input
https://enjoycss.com/
4-آخر موقع معنا هو bennettfeely بيقدم ليك clip path جاهزة وبيديك الكود جاهز
https://bennettfeely.com/
1-أول موقع معنا هو Cssbuttons هتلاقي عليه كمية buttons كتير اوي
https://cssbuttons.app/
2-تاني موقع معانا هو bgjar بيقدم svg backend جاهزة وجميلة
https://bgjar.com/
3-ثالث موقع معانا هو enjoycss وده موقع بيقدمText جاهزة و input
https://enjoycss.com/
4-آخر موقع معنا هو bennettfeely بيقدم ليك clip path جاهزة وبيديك الكود جاهز
https://bennettfeely.com/
cssbuttons.app
cssbuttons.app | Over 60+ Free CSS Buttons To Use
Collection of over 60+ handpicked and custom made CSS buttons for your website.
❤3👍1🔥1
🤣4
اضافة حلوه لل VS Code تساعدك بتصحيح اسماء المتغيرات اذا قمت بكتابتها بشكل غير صحيح 👌
تقريبا مثل المدقق الإملائي ✅
Code Spell Checker
https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker
تقريبا مثل المدقق الإملائي ✅
Code Spell Checker
https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker
Visualstudio
Code Spell Checker - Visual Studio Marketplace
Extension for Visual Studio Code - Spelling checker for source code
❤3🤣1
مـا هــي React js وما مميزاتها وخصائصها ؟ 🤔
🔵 تُعد "الرياكت" أو "react.js" مكتبة تم بناؤها على لغة Java وتعتمد على مفهوم المُكونات و تُستخدم في بناء واجهات تفاعلية تعتمد على virtual dom في تحديث مُكونات الصفحة، يُمكن إستخدامها لإنشاء تطبيقات من صفحة واحدة؛ تم بناء هذه المكتبة من طرف facebook، هناك من يعتبر react إطار عمل (framework) لكنها في الحقيقة مكتبة.
🔶 مميزات وخصائص React js
بُنيت React على أساس مفهوم "الـمكونات Component"، إذ يمكن تقسيم صفحة الويب إلى مكونات، مثلاً يُمكن اعتبار الـ (Navbar) مكون مستقل والـ (Footer) مكون مستقل وهكذا ...
يمكن إعادة استخدام هذه المكونات بسهولة فائقة دون الحاجة لبنائها مرة أخرى في كل مرة.
تَستخدام React ما يعرف بــ JSX
🔸 مثال :
🔵 تُعد "الرياكت" أو "react.js" مكتبة تم بناؤها على لغة Java وتعتمد على مفهوم المُكونات و تُستخدم في بناء واجهات تفاعلية تعتمد على virtual dom في تحديث مُكونات الصفحة، يُمكن إستخدامها لإنشاء تطبيقات من صفحة واحدة؛ تم بناء هذه المكتبة من طرف facebook، هناك من يعتبر react إطار عمل (framework) لكنها في الحقيقة مكتبة.
🔶 مميزات وخصائص React js
بُنيت React على أساس مفهوم "الـمكونات Component"، إذ يمكن تقسيم صفحة الويب إلى مكونات، مثلاً يُمكن اعتبار الـ (Navbar) مكون مستقل والـ (Footer) مكون مستقل وهكذا ...
يمكن إعادة استخدام هذه المكونات بسهولة فائقة دون الحاجة لبنائها مرة أخرى في كل مرة.
تَستخدام React ما يعرف بــ JSX
🔸 مثال :
<h1>Hello, world!</h1>
🔷 تتشابه الـ JSX بالشكل مع الـ HTML مِما يسهل على المبرمجين التعامل مع React. ولكن ما يحدث بالحقيقة وفي الخفاء هو أنه يتم تحويل الكود إلى JavaScript function.🔥6❤3
الله اكبر الله اكبر
حلم كبير يتحقق
كما فعلها المصريون يفعلها الفلسطينيون بعد خمسون عاما
الله اكبر الله اكبر
حلم كبير يتحقق
كما فعلها المصريون يفعلها الفلسطينيون بعد خمسون عاما
الله اكبر الله اكبر
❤29🔥4❤🔥3🥰2🤔2
🔰 مواقع الكترونية تحتوي على ألعاب #_لتعلم_البرمجة بعدة لغات برمجة :
C++ , python , js , java , css ...
1- https://www.tynker.com/
2- https://cssbattle.dev/
3- https://javascriptquiz.com/
4- https://www.codingame.com/
5- https://ohmygit.org/
6- https://vim-adventures.com/
7- https://flexboxfroggy.com/
8- https://codecombat.com/
9- https://cssgridgarden.com/
10- https://profy.dev/project/github-minesweeper
🔸 أسأل الله أن وفقنا في افادتكم في هذه المعلومات 👨 🏫 😍
🔸 وفق الله الجميع 💜 💚 🙌
C++ , python , js , java , css ...
1- https://www.tynker.com/
2- https://cssbattle.dev/
3- https://javascriptquiz.com/
4- https://www.codingame.com/
5- https://ohmygit.org/
6- https://vim-adventures.com/
7- https://flexboxfroggy.com/
8- https://codecombat.com/
9- https://cssgridgarden.com/
10- https://profy.dev/project/github-minesweeper
🔸 أسأل الله أن وفقنا في افادتكم في هذه المعلومات 👨 🏫 😍
🔸 وفق الله الجميع 💜 💚 🙌
Tynker.com
Coding For Kids, Kids Online Coding Classes & Games | Tynker
Tynker makes it fun and easy to learn computer programming. Get started today with Tynker's easy-to-learn, visual programming course designed for young learners in 4th through 8th grades.
❤4🔥1
الإضافة codeium بالذكاء الاصطناعي يمكنك اضافتها في Vs code و Google Chrome تساعدك في الإكمال التلقائي للكود وايضا تقترح لك أكواد وحلول وتقترح حلول للمشاكل من يوتيوب و stackoverflow
❤4🔥2👍1
يارب كما حفظت رسولك ابراهيم عليه السلام من النار وجعلتها بقدرتك برداً وسلاماً ولم يشعر بها ، احفظ اخواننا في #فلسطين يارب العالمين.🤲♥️
❤12👍2
📌 انا متأكد ما يخليك تتعلم وتحترف بالبرمجة الا لما تشوف فيديوهات تطبيق عملي على كيفية تستخدم كل لغة او تقنية 👌
هذا فيديو مدته اكثر من 7 ساعات يعلمك كيف تبني موقع مثل Notion (Notion Clone)
وباستخدام التقنيات
Next.js 13
React
Convex
Tailwind
https://youtu.be/0OaDyjB9Ib8
هذا فيديو مدته اكثر من 7 ساعات يعلمك كيف تبني موقع مثل Notion (Notion Clone)
وباستخدام التقنيات
Next.js 13
React
Convex
Tailwind
https://youtu.be/0OaDyjB9Ib8
YouTube
Fullstack Notion Clone: Next.js 13, React, Convex, Tailwind | Full Course 2023
Discord for any problems/errors/bugs: https://www.codewithantonio.com/discord
Github & Live Website: https://www.codewithantonio.com/projects/notes-app
Convex: https://www.convex.dev
Clerk: https://dub.sh/7gFtfQb
Edgestore: https://edgestore.dev
Trunk: h…
Github & Live Website: https://www.codewithantonio.com/projects/notes-app
Convex: https://www.convex.dev
Clerk: https://dub.sh/7gFtfQb
Edgestore: https://edgestore.dev
Trunk: h…
🔥3❤1
❤3
ريلز جديد اتمنى ان تدعمني تقدر عن طريق لايك ونسخ رابط لينتشر الفيديو وشكرا كثيير😍😍
❤3
كورس سلسلة حل مشاكل خوارزميات بلغة سي بلس بلس🔥🔥
https://youtube.com/playlist?list=PL3X--QIIK-OEwPmZVfltqCYy6_RuwXr4A&si=DjjypsGnxdyEj_9k
https://youtube.com/playlist?list=PL3X--QIIK-OEwPmZVfltqCYy6_RuwXr4A&si=DjjypsGnxdyEj_9k
❤3🔥1
5 مواقع لقوالب HTML مجانية ومدفوعة 🔥
تختصر وقتك وجهدك، وممكن تستلهم منها أفكار وتنفذها بنفسك 👏🏻👏🏻
1️⃣ https://freehtml5.co/
2️⃣ https://www.free-css.com/
3️⃣ https://graygrids.com/
4️⃣ https://html5up.net/
5️⃣ https://templatemo.com/
—
تختصر وقتك وجهدك، وممكن تستلهم منها أفكار وتنفذها بنفسك 👏🏻👏🏻
1️⃣ https://freehtml5.co/
2️⃣ https://www.free-css.com/
3️⃣ https://graygrids.com/
4️⃣ https://html5up.net/
5️⃣ https://templatemo.com/
—
👍2🔥2❤1
مواقع مهمة للمبرمجين🔥🔥
1. CodePen (https://codepen.io/): منصة تسمح للمبرمجين بإنشاء ومشاركة تجارب التطوير الخاصة بهم، وتسهل عرض واختبار الشفرة المصدرية والتصميمات الويب.
2. LeetCode (https://leetcode.com/): موقع يقدم تحديات برمجية وأسئلة تقنية لتحسين مهارات البرمجة والتحضير للمقابلات الفنية.
3. Udacity (https://www.udacity.com/): منصة تعليمية تقدم دورات عبر الإنترنت في مجالات تقنية متنوعة، بما في ذلك تطوير البرمجيات وعلوم البيانات والذكاء الاصطناعي.
4. Khan Academy (https://www.khanacademy.org/computing): موقع يقدم دورات مجانية في مختلف مجالات البرمجة والتكنولوجيا، بما في ذلك تعلم لغات البرمجة وتطوير الألعاب والتصميم الويب.
5. MDN Web Docs (https://developer.mozilla.org/): مصدر مفتوح يوفر وثائق مفصلة ومعلومات حول تقنيات الويب المختلفة، بما في ذلك HTML وCSS وJavaScript.
6. FreeCodeCamp (https://www.freecodecamp.org/): منصة تعليمية مجانية تقدم دورات تعليمية تغطي مجموعة واسعة من مجالات البرمجة وتطوير الويب.
1. CodePen (https://codepen.io/): منصة تسمح للمبرمجين بإنشاء ومشاركة تجارب التطوير الخاصة بهم، وتسهل عرض واختبار الشفرة المصدرية والتصميمات الويب.
2. LeetCode (https://leetcode.com/): موقع يقدم تحديات برمجية وأسئلة تقنية لتحسين مهارات البرمجة والتحضير للمقابلات الفنية.
3. Udacity (https://www.udacity.com/): منصة تعليمية تقدم دورات عبر الإنترنت في مجالات تقنية متنوعة، بما في ذلك تطوير البرمجيات وعلوم البيانات والذكاء الاصطناعي.
4. Khan Academy (https://www.khanacademy.org/computing): موقع يقدم دورات مجانية في مختلف مجالات البرمجة والتكنولوجيا، بما في ذلك تعلم لغات البرمجة وتطوير الألعاب والتصميم الويب.
5. MDN Web Docs (https://developer.mozilla.org/): مصدر مفتوح يوفر وثائق مفصلة ومعلومات حول تقنيات الويب المختلفة، بما في ذلك HTML وCSS وJavaScript.
6. FreeCodeCamp (https://www.freecodecamp.org/): منصة تعليمية مجانية تقدم دورات تعليمية تغطي مجموعة واسعة من مجالات البرمجة وتطوير الويب.
codepen.io
An online code editor, learning environment, and community for front-end web development using HTML, CSS and JavaScript code snippets, projects, and web applications.
🔥4❤2👍1