‏موقع free frontend
‏يوفر اكواد جاهزه في
‏ html css javascript react ...ect

‏يوفر عليك الوقت و الجهد بشكل كبير جدا 🔥

‏مثلا يمكنك البحث عن تصميم
‏login page
‏و إختيار ال template المناسبه لك.

‏رابط الموقع
‏⁦ freefrontend.com

10 مشاريع Frontend رهيبة للتدريب وتطوير مهارتك.. باستخدام HTML و CSS فقط 👏🏻⚡️


1:: بناء موقع بخلفية فيديو
https://www.youtube.com/watch?v=8MgpE2DTTKA


2:: بناء صفحة هبوط احترافية
https://www.youtube.com/watch?v=X1dz0xRbSJc


3:: بناء صفحة دخول وتسجيل احترافية
https://www.youtube.com/watch?v=cxm5bCCa9OA&t=6s


4:: صفحة هبوط بصورة خلفية بكامل الشاشة
https://www.youtube.com/watch?v=hVdTQWASliE


5:: متجر إلكتروني
https://www.youtube.com/watch?v=yQimoqo0-7g


6:: بناء موقع وكالة إبداعية
https://www.youtube.com/watch?v=lvYnfMOUOJY


7:: بناء موقع زجاجي
https://www.youtube.com/watch?v=O7WbVj5apxU


8:: بناء سكشن فريق العمل بطريقة إبداعية
https://www.youtube.com/watch?v=Q22Tli-D4mw


9:: صفحة هبوط لمنتج واحد
https://www.youtube.com/watch?v=61R5kn_kYwY


10:: صفحة الأسعار أو الباقات
https://www.youtube.com/watch?v=SWyuQMCTxCQ

افضل القنوات العربية لتعلم البرمجة


🔹Elzero Web School
https://www.youtube.com/@ElzeroWebSchool
تهدف القناة لتمكين شباب الوطن العربي من تعلم  البرمجة بسلوب جميل  و مواكبة التطور التكنولوجي


🔹Barmej
https://www.youtube.com/@Barmej

برمح.كوم هي منصة تعليمية عربية تهدف إلى إثراء المحتوى العربي لتعلم للغات البرمجة وتنمية مهارات البرمجة للعالم العربي. 


🔹Muhammed Essa
https://www.youtube.com/@MuhammedEssa
القناة يهدف لتعليم جميع لغات البرمجة منها الويب والكومبيوتر واجهزة الهواتف واللوحية وجميع الشهادات الي تخص اللغات والسيرفرات بانواعها


🔹CodeZilla
https://www.youtube.com/@Codezilla
تهدف قناة لتعليم البرمجة باللغة العربية، مقدمة اليكم من خبراء مجال التعليم و البرمجة، مجانا، و تناسب جميع الاعمار


🔹Nour Homsi
https://www.youtube.com/@NourHomsi
تقدّم القناة دروسا في التصميم الاعلاني و تصميم الويب بالاضافة إلى مختلف مجالات التكنولوجيا بدأت هذه القناة من فكرة بسيطة،

كورس تعلم فلاتر محدث 2023 من الصفر للاحتراف
https://youtube.com/playlist?list=PL93xoMrxRJIvtIXjAiX15wcyNv-LOWZa9&si=QPGSBN01La_fguUz

‏موقع جميل جدا لل Front End Developer مجاني بيقدم :
‏الوان
‏SVG
‏اشكال
‏خلفيات
‏هتحدد اللي عايزه وتاخد الكود نسخ

‏Link : ⁦ fffuel.co⁩

أداة رهيبة تسهل عليك عمل الثيمات Themes والتحكم بالألوان والخصائص لتطبيقات Flutter 👌😍
🎲تقدر من خلال هذا الأداة التحكم بجميع الخصائص للتطبيق مثل الازار , الايقونات وغيرها ومن ثم تصدر التنسيق كملف Dart .
أسم الأداة panache وموجودة على github  👇
https://rxlabz.github.io/panache_web

ليه اتعلم لارافيل؟

‏اولا : ايه هو اللارفل
‏ببساطة , لارافل Laravel هو اطار عمل خاص ب لغة php
‏يقدم لارافل بيئة عمل متكاملة لكل ما تحتاجه او قد تحتاجه في اي فترة مستقبلية من حياتك المهنية ,
‏ لارافل Laravel مبني على طريقة MVC الشهيرة التي تفصل ال Model عن View عن Controller , مما يوفر لك بيئة عمل سلسة وسهلة

‏ثانيا ليه اتعلم لارفل ؟
‏1 - لأنه مجاني و مفتوح المصدر :
‏2 - أشهر إطار حاليا مبني على الـ Php و MVC
‏3 - سهولة الإستخدام و التقسيم المثالي
‏4 - العديد من البرمجيات الجانبية المدرجة
‏5 - يجمع بين تقنيات عديدة مختلفة تجسد المبرمج
‏6 - سهولة دمج أي تقنيات أخرى مع لارافيل
‏7 - يمكنك صناعة أي تطبيق ويب من خلاله

‏ثالثا:إحصائيات استخدام لارافل في السوق
‏1- تمتلك لارافل0.32٪ من حصة السوق بين جميع أطر الويب الموجودة اليوم.
‏2- تمتلك لارافل 69.5 ألف نجمة على Github مع 20.3 ألف مشروع مباشر وأكثر من 597 مساهمًا متخصصًا يقومون بتحسين إطار العمل في الوقت الفعلي.
‏3- وفقًا لاستطلاع Stack Overflow Developer ، يفضل 51.4٪ من المستجيبين استخدام لارافل لبناء تطبيقات الويب الخاصة بهم. في الوقت نفسه، تدعي JetBrains أن Laravel تم تصنيفها من بين أكثر ثلاثة أطر PHP شيوعًا حيث يستخدمها نصف مطوري PHP

‏رابعا :ما هي المشاريع التي يمكنك القيام بها عن طريق لارافل؟
‏1- صفحات الويب الثابتة والديناميكية
‏2- تطبيقات الصفحة الواحدة (SPA) والتطبيقات متعددة الصفحات (MPAs)
‏3- مواقع التجارة الإلكترونية على شبكة الإنترنت
‏4- تطبيقات على مستوى المؤسسة
‏5-المنتديات وبوابات الوظائف والأخبار وغيرها
‏6- أنظمة إدارة المحتوى (CMS)
‏7- مواقع التواصل الاجتماعي
‏8- تطبيقات الويب المستندة إلى SaaS – Software as a Service
‏9- تطبيقات الويب لخدمات عرض الفيديوهات والبث
‏10 تطبيقات الويب للتعليم الإلكتروني
‏11- أنظمة إدارة الويب القائمة على تداول الأسهم
‏12- تطبيقات الويب ذات المكافآت وميزات التعرف
‏13- تطبيقات مراقبة أداء مواقع الويب ذاتية الاستضافة

‌‎

تصميم تجربة المستخدم (UX) هو عملية تهدف إلى تحسين تجربة المستخدم أثناء تفاعله مع منتج معين، سواء كان ذلك تطبيقًا، موقع ويب، منتج رقمي، أو خدمة. يهدف تصميم تجربة المستخدم إلى جعل هذا التفاعل سلسًا، فعالًا، ومرضيًا للمستخدم.
عدد الدروس : 33
https://m3rf.me/4z1qN

ال React js من أفضل ال libraries اللي انا بحبهم
رغم انه كان في الاول صعب عليا
لكن مع الاستمرار والتطبيق والبحث المستمر
قدرت اوصل لدرجه كويسه فيه
وعلشان متتعبش وتلف وتدور ازاي تتعلمه
هسيبلك شويه كورسات هتفيدك في تعلم ال React

افضل كورسات لتعلم React js

محتوي انجليزي لكن هيعجبك ⬆️⬆️
دا اللي هيظبط الدنيا معاك
‏ https://m.youtube.com/playlist?list=PL4cUxeGkcC9gZD-Tvwfod2gaISzfRiP9d

محتوي عربي قناه codezone رايق 👍
‏ https://m.youtube.com/playlist?list=PLQtNtS-WfRa9LbmD8ON7rWhn-AtKTGdkn

شويه  hooks بطريقه سهله جدا  ✅️✅️
‏ https://m.youtube.com/playlist?list=PLtxOBbrOOPH4ro6EXTNHrIvmoNaOcPAwe

‏ https://m.youtube.com/playlist?list=PLtFbQRDJ11kEjXWZmwkOV-vfXmrEEsuEW

هو طويل شويه لكن كويس جدا ✅️✅️
‏ https://m.youtube.com/playlist?list=PLC3y8-rFHvwgg3vaYJgHGnModB54rxOk3

محتوي عربي سهل وبسيط ✅️✅️
‏ https://m.youtube.com/playlist?list=PLejc1JbD4ZFSaQIFNstRIrbm_fqb12Q59

باللغه العربيه ✅️✅️
‏ https://m.youtube.com/playlist?list=PLyr3gkJ8OBxq2vDxRus1N0XHt7j6mqMkK

دا بلاي ليست لل redux ✅️✅️
‏ https://m.youtube.com/playlist?list=PLtFbQRDJ11kGxwImInU0LvTlDQemcVdIJ

تعلم ال Redux ✅️✅️
‏ https://m.youtube.com/watch?v=w9ghRG9Foiw&feature=youtu.be

#لو_بتتعلم_لارفل
==========
الناس اللى بتدور على مشاريع تطبق عليها اللى اتعلمته فى لارفل
هثبت البوست ده وهحدث فيه باستمرار
==========
اولا: المحتوى العربى:

1-Building Messenger App with Laravel
https://www.youtube.com/playlist?list=PL13Ag2mfco66CHVpLKbmgOdO4z4Gl8ad8

2- نظام ادارة الجامعات باستخدام اطار العمل لارافيل
https://www.youtube.com/playlist?list=PLDK-5eRzCXQIz7NBYTPJJrz0Z0YvYmnwR

3-laravel & instagram || مشروع باستخدام اطار العمل لارافيل
https://www.youtube.com/playlist?list=PLDK-5eRzCXQJJW3XopTVOVFoh9SnOnDY6

4-Laravel E-Commerce
https://www.youtube.com/playlist?list=PLDK-5eRzCXQIt7V9pXS94GAg4ockBIEt2

5-[ Social Blog App ] Laravel
https://www.youtube.com/playlist?list=PLWuPqf_0zLFHFhykV0pYcH4tBHtWu-Abg

6-Ecommerce Practical Course Laravel 5.5 + Vue Js
https://www.youtube.com/playlist?list=PLcfD4HARQRF_X2zth2H_Lw9WTzVxF9c9A

7-دورة تطبيقية إنشاء blog باستعمال laravel + vuejs
https://www.youtube.com/playlist?list=PLgmIh6Qb2g375IMhT1_JheWoX86qn4ByD

8-نظام ادارة الموارد البشرية والربط مع اجهزة البصمة لارافيل 10| Human resource management system and on php laravel 10
https://www.youtube.com/playlist?list=PL6XRLlEsQ_7W_x7wZyMsGNAexiGmLeBHC

9-php laravel 10 pos sales | دورة انشاء نظام المبيعات والمشتريات والمخازن وخطوط الانتاج والحسابات كاملاً مع المتجر| مشروع لارافيل 9 كاملاً | لارافيل 10
https://www.youtube.com/playlist?list=PL6XRLlEsQ_7UgRsr8v70fSbMQKW7O5o9H

10-مشروع لارافل متجر الكتروني متعدد التجار واللغات متكامل - تطبيقات لارافل عمليه
https://www.youtube.com/playlist?list=PLCm7ZeRfGSP7DCb-NamG2tt7uQUfxP2va

11-Laravel POS project بالعربي
https://www.youtube.com/playlist?list=PLAOkLQh94O2hc_vcBaqO6hfcuUnSXu-B0

12-دورة انشاء برنامج المستشفيات
https://www.youtube.com/playlist?list=PLftLUHfDSiZ6D4tQNAdBrhzrxlZC9jFfS

13-دورة انشاء برنامج المدارس Php - Laravel
https://www.youtube.com/playlist?list=PLftLUHfDSiZ7-RAsH8NskS7AYofykW_WN

14-دورة انشاء برنامج فواتير php- laravel
https://www.youtube.com/playlist?list=PLftLUHfDSiZ7pKXkpGCoZATm5rF6msj5A
==========
ثانيا : المحتوى الانجليزى

1-Let's Build a Multi-Purpose Laravel + Vue 3 application [Laravel 9 and Vue 3 tutorial series]

https://www.youtube.com/playlist?list=PLGg3vnFos8GN3MAvxbI-QXKSkBKi2yIFO

2-Let's Build a Multi-Purpose Laravel + Livewire Application [Laravel Livewire Tutorial Series]
https://www.youtube.com/playlist?list=PLGg3vnFos8GMxYSWRBce3LH_SREan7my8

3-laravel 8 ecommerce project tutorial with payment gateway step by step in hindi | shopping site
https://www.youtube.com/playlist?list=PLs20WIPqzFC7Bj39TrJ82EFvF0reuB5hz

4-laravel 8 project in hindi | create cms project in laravel | admin panel manage site in laravel 8
https://www.youtube.com/playlist?list=PLs20WIPqzFC63m6Wf62HXZVycMv-2Uc7a

5-Hotel Management Laravel
https://www.youtube.com/playlist?list=PLyNTduYoTjqCAKyEMNbWrlZbWoq1PgsT-

6-HR System Management Laravel
https://www.youtube.com/playlist?list=PLyNTduYoTjqBfnRRWhcxkVKeAGS7rUIr8

7-Laravel Pos
https://www.youtube.com/playlist?list=PLIeKz8l1eVaP4A4rN129dUqKhBAeBvN3z

8-Laravel 6 Student Management System
https://www.youtube.com/playlist?list=PLIeKz8l1eVaNIKjgtlsB0zhUgU_xRLDBs

9-Laravel 10 Personal Portfolio Website
https://www.youtube.com/playlist?list=PLoBGtBK7uqyVodNxVy0wznVSItEPlTFdH

10-Portfolio with Laravel and Vuejs
https://www.youtube.com/playlist?list=PL6tf8fRbavl15ziiMAPqwPbyrO2zJPtjV

11-Laravel 9 E-commerce Project Beginners to Advance Tutorial
https://www.youtube.com/playlist?list=PLm8sgxwSZofdIdWQxDhg3HUplNJIZRjqb

12-Create POS System Using Laravel
https://www.youtube.com/playlist?list=PL2hV0q47BY-G9f5xG9Vq-wGjSyy1BekOv

13-laravel advanced e-commerce project built from scratch step by step bangla complete course
https://www.youtube.com/playlist?list=PLbC4KRSNcMnrnKZUPoXJtYo5-OcVam0ab

14-Make E-Commerce Website in Laravel 5.6 / 5.7 / 5.8 / 6.0
https://www.youtube.com/playlist?list=PLLUtELdNs2ZZT3d9RQfgZLn6vbo5vbXCN

15-Laravel Ecommerce Bangla Tutorial
https://www.youtube.com/playlist?list=PL_ftyCsXJUO6INx0w_f4BUkalUD7XXwMX

عطوني رأيكم ريلز جديد عملتو ب الذكاء الاصطناعي🔥🔥🔥

أفضل بدائل لـ chatgpt سيساعدك مهما كان عملك 🔰:

للكتابة ✍️

ChatSonic - https://writesonic.com/chat
ChatABC - https://chatabc.ai
JasperAI - https://www.jasper.ai
Quillbot - https://quillbot.com

للبرمجة 💻

Copilot- https://github.com/features/copilot
Tabnine - https://www.tabnine.com
MutableAI - https://mutable.ai
Safurai - https://www.safurai.com
10Web - https://10web.io/ai-website-builder

للبحث 🔎

Paperpal - https://paperpal.com
Perplexity - https://www.perplexity.ai
YouChat - https://you.com/search?q=who+are+you&tbm=youchat&cfr=chat
Elicit - https://elicit.org

تويتر ◀️

Tweetmonk - https://tweetmonk.com
Tribescaler - https://tribescaler.com
Postwise - https://postwise.ai
TweetLify - https://www.tweetlify.co

للإنتاجية 👋🏻

Synthesia - https://www.synthesia.io
Otter - https://otter.ai
Bardeen - https://www.bardeen.ai
CopyAI - https://www.copy.ai/?via=start

لصناعة المحتوى ✅

WriteSonic - https://writesonic.com/chat
Tome - https://beta.tome.app
CopySmith - https://app.copysmith.ai
TextBlaze - https://blaze.today

للعروض التقديمية 👀

BeautifulAI - https://www.beautiful.ai
Simplified - https://simplified.com
Slidesgo - https://slidesgo.com
Sendsteps - https://www.sendsteps.com/en

لصوت 🔊
MurfAI - https://murf.ai
Speechify - https://speechify.com
LovoAI- https://lovo.ai
MediaAI- https://www.ai-media.tv

تعلم بايثون من الصفر الى الاحتراف🔥
https://youtube.com/playlist?list=PLoP3S2S1qTfCUdNazAZY1LFALcUr0Vbs9&si=OlsY2eyq0PQ_H6s5

‏7 أفكار لمشاريع Frontend للمبتدئين، نفذّها وأضفها لملف أعمالك 😍⚡️⚡️


‏1⃣ صفحة هبوط ( Landing Page )

- فيديوهات تساعدك بتنفيذها  🔥👇🏻

🔗 https://youtu.be/XlxhEy4pAI0?si=xbaGaaH7dgY_1CBR

🔗 https://youtu.be/RaITAxEdTDY?si=GA7TYjBfiLnhSFwc


‏2⃣  آلة حاسبة ( Calculator ) 

- فيديوهات تساعدك بتنفيذها 🔥 👇🏻

🔗 https://youtu.be/BuZtAqk5LIY?si=A3iVOw1bwcKmaPHU

🔗 https://youtu.be/_npnL4Gyg_o?si=KgeLZHPrerp24vOn


‏3⃣ اختبار قصير ( Quiz ) 

- فيديوهات تساعدك بتنفيذه 🔥 👇🏻

🔗 https://youtu.be/CqddbIrEM5I?si=IgTwTLP6ZKiMwpuM

🔗 https://youtu.be/WUBhpSRS_fk?si=UjbvprdsbMuGhr70

🔗 https://youtu.be/T5QyLcmcMJ4?si=LDYxXGiOmBiqqCFp


‏4⃣ موقع شخصي ( Portfolio ) 

- فيديوهات تساعدك بتنفيذه 🔥 👇🏻

🔗 https://youtu.be/0YFrGy_mzjY?si=1RrMVhhXEkZtGAUt

🔗 https://youtu.be/fOSpqwM_ZtQ?si=KPf-UgVrUdb7XF2s


‏5⃣ متجر إلكتروني بسيط 

- فيديوهات تساعدك بتنفيذه 🔥 👇🏻

🔗 https://youtu.be/MJUssi2c6Ls?si=_PMvAB_olTHGVvUN

🔗 https://youtu.be/cLOT0APQzDs?si=wjy9tFStUn_H27tt


‏6⃣ تطبيق الطقس 

- فيديوهات تساعدك بتنفيذه 🔥👇🏻

🔗 https://youtu.be/NIrxEz7ifu8?si=HNmz776u-F7fZnCq

🔗 https://youtu.be/w0tEXBeQ2jQ?si=3wEeZ6GX_0yUcqqf


‏7⃣ مولّد أو قارئ QR Code 

- فيديوهات تساعدك بتنفيذه 🔥 👇🏻

🔗 https://youtu.be/TEGCjBNgL70?si=74ZF7k2aEVvZaD9I

🔗 https://youtu.be/pv5K28zVepE?si=ngNbQsNOB6b15P65

لايك لو اعجبكم الفيديو😅😅

📌 لطلاب الحاسب Computer Science   هذا مستودع على Github  يحتوي على كل ماتحتاجه بهذا التخصص 🤩
يحتوي على خطة كاملة لتعلمه من الصفر مع جميع المقررات 📖


https://github.com/ossu/computer-science


تقدر تتعلم تعليم ذاتي وكل المصادر موجوده  ومجاناً👌