دي مجموعة من الكتيبات تقدر تقرأها وأنت في المواصلات كمراجعة على معلوماتك

تتضمن:

- SQL
- Express
- Go
- Swift
- Svelte
- PHP
- HTML
- CSS
- JavaScript
- React
- Python
- Node.js
- Linux
- C
- Next.js

https://lnkd.in/dP9V6WFE

CSS Tips
For border-radius in RTL and LTR direction

Pseudo Elements in CSS

السلام عليكم

طبعا كلنا سمعنا عن ال chat gpt ومحظور في بعض الدول وعوزين تجربوه
فنا عملت بوت تليجرام باستخدام ال api الخاص بيهم
رابط البوت:
@openAI_GPTNew_bot

ابعت اي رساله ليه فالخاص هيرد وتقدر تضيفه في الجروبات وتستخدم امر /chat
/chat message ....

وده الموقع:
https://chatgpt-steel.vercel.app/

تقدروا تجربوه في الجروب الخاص بالقناه
http://t.me/codedevchat

الكود علي متاح علي github:
https://github.com/Nourtaha13/chatgpt

بعض الادوات اللي بتساعدك تكتب كود CSS بسرعة وسهولة

- موقع https://enjoycss.com/
موقع لتوليد الCSS بشكل ديناميكي وسهل بتبدأ بأختيار العنصر الي محتاج تنسقه
(Blank - input - block - Button) والموقع بيديك شكل العنصر والتنسيقات بتاعته بشكل قوائم منسدلة بتقدر تغير فيها براحتك وبالاخر بيولد كود css جاهز لكل اللي انت عملته
الموقع لذيذ وسهل التعامل والتعلم بسرعة وبيديك خيارات حلوة للتنسيق وبتقدر تغير اسم الكلاس المستعمل بس ممكن مشكلته الوحيدة انه غير مناسب لتنسيق layout
بس هيكون ممتاز بتنسيق العناصر الفردية وممكن بعدها تعمل تنسيق

- موقع https://www.cssmatic.com/
الموقع دا فيه اربع ادوات اساسية هم
(Gradient Generator - Border Radius - Noise Texture - Box Shadow)
المفيد بالموقع دا انك بتشوف التعديل مباشرةً قدام عينك ودا هيسهل عليك تخلص التعديل بسرعة وتنسخ الكود مباشرةً لموقعك

- موقع https://cssgrid.io/
الموقع دا جميل جداً لو عندك مشكلة بتنسيق الGrid
الموقع عبارة عن كورس مجاني بالكامل ٢٥ فيديو لكورس جريد بيشرح فيها كل تفاصيل الجريد وازاي ممكن تنفذها بموقعك بشكل صح

- موقع https://www.cssportal.com/
الموقع دا مفيد جداً وشامل لأغلب الأدوات اللي ممكن تحتاجها بالcss
الموقع مكون من اربع أقسام رئيسية هي
(CSS Generators - CSS Tools - CSS Resources - HTML Resources)
وكل قسم جواه حاجات كتيرة محتاجة مقال لوحدها,
انصحك تجرب الموقع دا وتشوف الادوات المختلفة اللي فيه عشان هتخلي تجربة انشاء الcss اسهل واحلى

اللي بيقول علي فرونت سهل غالبا هو شغال حاجة تانية غير الفرونت ممكن يكون باك فشايف اننا بنلون بس 😂

‏أفضل 6 repositories على GitHub لمطورين جافا سكريبت
‌‏1 - You-Dont-Know-JS
https://lnkd.in/dxf34AZc
هذه سلسلة من الكتب تتعمق في الأساسية للغة JavaScript.

2 - Javascript Algorithms
https://lnkd.in/dw3ZcM8B
الخوارزميات وهياكل البيانات المطبقة في JavaScript مع
هذا الريبو هو مورد رائع لأي شخص
الرغبة في الحصول على فهم راسخ للخوارزميات
وهيكل البيانات.

3 - دليلك للمقابلات كمطور Front-End
https://lnkd.in/driMWjMJ
إجابات معتمدة على
"أسئلة مقابلة العمل Front-End الشهيرة "
يعد هذا الريبو بجعلك تنتقل من الصفر إلى بطل المقابلة العمل Front-End حتى لو لم يكن لديك خبرة مقابلة سابقة.

‏4 - 30 seconds of code
https://lnkd.in/gVkBZcBH
عبارة عن مرجع قوي لمصطلحات و ادوات الجافا سكريبت وغيرها من لغات برمجة مثل بايثون
زور موقعهم واكتشف اكثر

مستودعات GitHub رهيبة لمطورين الويب FrontEnd
تحتوي على نصائح واكواد HTML \ CSS \ JS تفيدك كمطور
- Front-End-Checklist
يعطيك هذا المستودع قائمة بالمهام والاشياء اللي لابد ان تضيفها لتحصل على افضل بنية وهيكلة لتصميم صفحات الويب باستخدام html .
link : https://lnkd.in/gpVZ3cJx

- 30 seconds of code
مستودع رهيب يعطيك مقتطفات من اكواد JavaScript و CSS تقدر تستخدمها بمشاريعك .

link : https://lnkd.in/gVkBZcBH

- CSS Protips
بهذا المستودع تجد مجموعة من النصائح لمساعدتك في تحسين مهاراتك لكتابة اكواد والعمل بـCSS .
link : https://lnkd.in/gAhhfGZn

- Frontend-dev-bookmarks
يعطيك هذا المستودع مجموعة من المواقع والأدوات التي تفيدك كمطور ويب FrontEnd .
link : https://lnkd.in/gZcqJdZy

- 50 Projects 50 Days
هذا مستودع على Github يحتوي على 50 مشروع للمبتدئين 🚀
HTML
CSS
Javascript

تقدر تاخذ منها افكار لتطوير مستواك ولتحدي نفسك

link :https://lnkd.in/dQceZq3a

Learn for free in 2023 ❤️

HTML → learn-html.org & W3Schools.com
CSS → css-tricks.com
JavaScript → javascript.info
React→ react-tutorial.app
Vue → vueschool.io
Svelte → learn.svelte.dev
Angular → angular.io/tutorial/tour-…
Tailwind →https://tailwindcss.com/
Linux → freecodecamp.org
Git → learngitbranching.js.org
APIs → rapidapi.com/learn
Node → https://lnkd.in/drHUWBst
Java → javatpoint.com
DSA Visuals → visualgo.net
SQL → sqlbolt.com
Interviews → interviewbit.com
AWS → explore.skillbuilder.aws
Azure → learn.microsoft.com
GCP → github.com/priyankavergad…
DevOps → edx.org/learn/devops
Docker → docker-curriculum.com
Security → tryhackme.com
Python → learnpython.org
Solidity: cryptozombies.io
MongoDB: learn.mongodb.com
Rust : learning-rust.github.io

الـ repo اللي معانا دي حرفياً كنز ليه؟!

لأن دي Style Guide من خلالها هتقدر تكتب كود #javascript نضيف ومنظم وبمعايير مهمه جداً

الـ repo بتشرح حرفياً كل حاجه في جافا سكريبت و بالأمثلة وبتعرض لكل نقطة مثال سئ لطريقه كتابة الكود ومثال تاني ( Best practice )

فلو عايز تبدأ السنه دي وانت برنس انصحك بشدة تقرأها.

https://github.com/airbnb/javascript

الناس الي خلصت ال html, css, js
وربنا كرمك وعاوز تتدرب نفسك علي مشاريع
جبتلكم مستودع فيه 50 مشروع تنفذوه في ٥٠ يوم كل مشروع في يوم ❤️

الرابط الخاص بال ٥٠ بروجكت:
https://50projects50days.com/
وده الجيت هاب الخاصه بالسورس كود:
https://github.com/bradtraversy/50projects50days

لو معاك Logo ومحتاج تشيل الخلفيه البيضاء منه استعمل property في Css بتوفر عليك عناء عمله ببرنامج الجرافيك .

انت كمبرمج مش هيتم استبدالك بال AI، بس ممكن اوي يتم استبدالك بمبرمج بيعرف يوظف ال AI في مساعدته بشكل فعال أثناء الشغل..

دي لينكات ممكن تفيدكم وموجود فيها اسئلة انترفيوهات

JavaScript Interview Questions: https://lnkd.in/d5veA-zW
C# interview questions and answers:- https://lnkd.in/dj8Ht7Bz
ASP.NET MVC Interview Questions with answers:- https://lnkd.in/db6UCyx6
Angular Interview Questions and Answers :- https://lnkd.in/dqkgxEdt
C# tutorial for beginners(4 hrs):- https://lnkd.in/d3K9NBzZ
Learn Azure Step by Step:- https://lnkd.in/duzJpaQk
Azure AZ-900 fundamentals certification :- https://lnkd.in/dufhSE9R
AZ- 204 certification Azure:- https://lnkd.in/dKXTegnb
Learn Angular tutorial step by step https://lnkd.in/dUEnHYFn
Learn MVC 5 step by step in 16 hours:- https://lnkd.in/dxd3akAK
Learn Design Pattern Step by Step https://goo.gl/eJdn0m
Learn MSBI Step by Step in 32 hours:- https://goo.gl/TTpFZN
Learn SQL Server Step by Step http://tinyurl.com/ja4zmwu
Python Tutorial for Beginners:- https://lnkd.in/d4R5vzXr
Learn Data Science in 1 hour :- https://lnkd.in/deQz4bnS
Learn Power BI Step by Step:- https://lnkd.in/dRNsgrtF
PHP Interview Questions : https://lnkd.in/dMiZjSUk

رابط موقعنا:
https://digicoder.tech

تابعونا هنا Digicoder علي فيسبوك

https://www.facebook.com/profile.php?id=100089355614427&mibextid=ZbWKwL

لو حد عنده فكرة تطبيق كويس يكلمني و انشاء الله ننفذه و يكون ليه 50 فالمية من ارباح التطبيق

خدمة C-View المجانية لمراجعة الCV وتصحيحه ومحاكاة لمقابلة العمل من منصة مسارات Masaraat

https://bit.ly/3w2kuh9

#تحدي :
Content:
اعمل الشكل دا بالضبط
Tools:
Language : HTML5 , CSS3(Version 3)
Lib : FontAwsome(icon Lib)
الممنوعات:
اي مكتبة غير fontawsome او اي فريم ورك سواء بقي Bootstrap او اي مكتبة زي JQuery وممنوع تستخدم Javascript
ملاحظة :
دا تمرين ليك انت وانت المستفيد انا مش خسران اي حاجه

اي رايكم اعمل شرح علي اليوتيوب لانشاء بوتات تليجرام الشرح هيكون ع يوتيوب ؟😁

بس هيكون ب Nodejs

دي رابط القناه:
https://youtube.com/@WebDev1