لكل زول عايز يتعلم الWeb Development برمجة الويب الثريد ده road map من الاساسيات للfrontend للbackend
🔴ملاحظة:
1. ضروري تتعلم الاساسيات لكن لما تجي للfront والbackend اختار الطريق البيناسبك
2. المفاهيم ما كفاية انك تتعلمها لازم تطبقها وتتقن تطبيقها وما تتسرع
Web Dev 2021👇👇
🔴ملاحظة:
1. ضروري تتعلم الاساسيات لكن لما تجي للfront والbackend اختار الطريق البيناسبك
2. المفاهيم ما كفاية انك تتعلمها لازم تطبقها وتتقن تطبيقها وما تتسرع
Web Dev 2021👇👇
🚩الأساسيات
لازم تتعلم html5 وcss3 وحتقضي معظم وقتك مع css تطبق الاساسيات ونصحيتي انك تطبق بأنك تحاول تقلد تصميم مواقع موجودة زي تويتر مثلا
رابط لكورس مجاني من freecodecamp
youtu.be
لازم تتعلم html5 وcss3 وحتقضي معظم وقتك مع css تطبق الاساسيات ونصحيتي انك تطبق بأنك تحاول تقلد تصميم مواقع موجودة زي تويتر مثلا
رابط لكورس مجاني من freecodecamp
youtu.be
اتعلمت اساسيات css خلاص ؟ يلا بعد كده حنتعلم كيف نعمل layouts وننسق ترتيب الحاجات في الصفحة بأننا نتعلم CSS Flexbox
رابط لكورس مجاني من wesbos
youtube.com
رابط لكورس مجاني من wesbos
youtube.com
اتعلمت flexbox وطبقته وبقيت بتعمل صفحات منسقة اكتر هنا حتتعلم حاجة تساعدك شوية في الترتيب والتنسيق ودي بتساعدك تنسق التصاميم في بعدين كـgrid واسمها CSS Grid
youtube.com
youtube.com
رأيك شنو نضيف انميشن ونخلي تصاميمك حيوية أكتر وبتتحرك وفيها تأثيرات بصرية ظريفة ؟ هنا CSS بتدينا حاجة اسمها Transitions and Animations
الرابط
youtu.be
الرابط
youtu.be
المواقع بتتفتح من التلفونات معظم الوقت فحتحتاج تتعلم كيف تخلي الموقع يتناسب مع حجم الشاشة الشغال عليها الموقع وده بيتسمي Responsive Web Design
الرابط
youtu.be
الرابط
youtu.be
من هنا فيديوهات مشاريع تطبق بيها مهاراتك الاتعلمتها فوق حتي نواصل دي playlist فيها 20 فيديو تطبيق للفوق (ما لازم تكملها كلها انا بس ضفت أكتر من تطبيق فيها)
الرابط
youtube.com
الرابط
youtube.com
يلا من هنا حنتعلم حاجة اسمها SASS دي بتسهل علينا كتابة css وبتدينا تحكم اكبر وتخلينا نعمل حاجات css ما بتعملها
الرابط
youtu.be
الرابط
youtu.be
⚠️إختياري ⚠️
بعد كده بقي عندك اساس التصميم وعشان تسهل علي نفسك حنتعلم framewrok تسهل علينا شغل css او sass بمكتبات فيها حاجات جاهزة وتقدر تركز علي تصميمك الاساسي حنتعلم framework اسمها Tailwindcss
الرابط
youtube.com
بعد كده بقي عندك اساس التصميم وعشان تسهل علي نفسك حنتعلم framewrok تسهل علينا شغل css او sass بمكتبات فيها حاجات جاهزة وتقدر تركز علي تصميمك الاساسي حنتعلم framework اسمها Tailwindcss
الرابط
youtube.com
⚠️ هنا حنطبق الاتعمناهو من Tailwindcss
youtube.com
youtube.com
من هنا حنبدأ نخش الغريق حتتعلم اول لغة برمجة ليك javascript عشان المواقع البتبنيها تكون تفاعلية اكتر ودي حتكون playlist طويلة شوية لكن مهمة ولازم تتقنها (لما تكملها حيكون عندك المهارات الاساسية للويب)
youtube.com
youtube.com
جزء من شغلك حيكون انك تستعمل tools او ادوات تسهل عليك شغلك وتخلي انتاجيتك عالية
youtube.com
youtube.com
بعد كده بيفضل انك تتعلم كيف ترفع موقعك اونلاين ويكون متوفر حتتعلم الbasic deployment لأنك لسه بتعمل static site ما عندها علاقة بالdatabase
youtu.be
youtu.be
لسه معاي؟؟؟ مبرووووووووووووووووووك انت كده Basic Web Developer ومن هنا بتختار مسارك وكل واحد حأعمل ليهو لون
🔵Front End
ده البيشتغل تصميم للموقع ويطبقه اي تصميم يجيهو
⚫️Back End
ده بيشتغل الdatabase وطريقة تواصلها مع التطبيق او الموقع والlogic او المنطق البيشغل الموقع
🔵Front End
ده البيشتغل تصميم للموقع ويطبقه اي تصميم يجيهو
⚫️Back End
ده بيشتغل الdatabase وطريقة تواصلها مع التطبيق او الموقع والlogic او المنطق البيشغل الموقع
🔵طريق الـFrontend من هنا
⚫️طريق الـBackend من هنا
🏁 Victory Lap 🏁
لو عايز تتعمق اكتر لتطبيقات التلفون وتقوي اساسك كـsoftware engineer تابع هنا
لو عايز تتعمق اكتر لتطبيقات التلفون وتقوي اساسك كـsoftware engineer تابع هنا
جاري تحميل الاقتراحات...