الطلب على مطوري مواقع الويب في ازدياد مستمر؛ فلا يوجد مُقدم خدمة أو منتج في هذا العصر الرقمي إلا وله موقع ويب يستخدمه للتواصل مع عملائه. هذا المسار يأخذ بيدك من الصفر وحتى الاحتراف لتتعلم تصميم وبناء مواقع ويب احترافية وعالية الجودة، ويُكسبك المهارات اللازمة للحصول على وظيفة من أعلى الوظائف أجرًا.
لا يلزم وجود أي خبرة سابقة في البرمجة للتسجيل في هذا المسار.
HTML, CSS, CSS layouts, SASS, CSS Animations, and responsive web design
2-3 شهور
بواقع 5-10 ساعات أسبوعيًا
لا تقلق إن كنت مبتدئًا!
تم تصميم مسارنا ليعلمك كل ما تحتاجه لتصبح مطورًا محترفًا يستطيع بناء مواقع ويب تفاعلية وعالية الجودة.
ستبدأ رحلة تعلمك للواجهات الأمامية بتعلم أساسيات لغة HTML، حيث ستتعرف كيفية بناء الهيكل الأساسي لأي موقع بطريقة احترافية.
بعد تعلم أساسيات HTML وبناء هيكل الموقع، ستتعلم عن طريق CSS كيف تضيف لموقعك لمسة جمالية وشكل متناسق عن طريق إضافة الألوان وعناصر التصميم الأخرى، لنقل صفحات الويب الخاصة بك إلى مستوى أكثر احترافًا.
ستنتقل بعد ذلك إلى إنشاء تخطيطات احترافية لموقعك باستخدام CSS وFlexbox وCSS Grid وFloat وغيرهم، حيث ستتعلم الطرق المختلفة لإنشاء تخطيطات صفحات موقعك باستخدام أحدث الأدوات لأحدث جيل من CSS؛ لتتمكن من إنشاء مشروع حقيقي بنفسك بنهاية هذه الدورة.
الأن وقد تعلمت أساسيات CSS ستقوم بإعادة تطبيق المشروع من الدورة السابقة باستخدام felxbox و grid لتعلم مدى سهولة التصميم باستخدام هذه الأدوات.
ستتعلم في هذه الدورة مواضيع مهمة ومتقدمة تُساعدك على تصميم وبناء مواقع الويب بصورة أكثر إبداعية واحترافية، مثل Responsive web design لتتعرف كيفية تطوير مواقع ويب تتناسب مع جميع أحجام الأجهزة المختلفة، وSASS حيث تعرف كيفية استخدامه لتسهيل وتنظيم كتابة كود CSS الخاص بك، وCSS Animations لتعرف كيف تضيف حركات وتأثيرات جذابة وتفاعلية لموقعك.
دورة HTML and CSS Projects
ستُطبق في هذه الدورة على كل ما تعلمته من مهارات HTML وCSS خلال الأربع دورات السابقة لتبني بنفسك 3 مشاريع حقيقية، وستكتسب أيضًا مهارات جديدة تساعدك على فهم كيفية بناء مواقع وصفحات ويب متجاوبة وتفاعلية وباستخدام بيانات حقيقية لبرامج من سوق العمل الواقعي.
ستقوم في هذا المشروع ببناء صفحة هبوط (Landing page)، وهي صفحة خاصة بالشركات للترويج عن خدماتها أو منتجاتها، وهذه الصفحات أو المواقع هي الشائعة في بيئة العمل الواقعية، مما يكسبك مهارات تنافسية في سوق العمل الحقيقي. ستقوم ببناء الهيكل الأساسي للصفحة، وتنسيقها، وكذلك إضافة مميزات الخدمة أو المنتج وغيرهم الكثير باستخدام HTML وCSS فقط، وبدون كتابة سطر كود واحد بجافا سكريبت.
ستتعلم في هذه الدورة كيفية إنشاء حركات مميزة ومؤثرات بصرية باستخدام CSS. ستتعلم كيفية تطبيق transitions وkeyframes لتخصيص تجربة المستخدم من التنقل عبر الروابط إلى التفاعل مع الأزرار والنصوص والصور وغيرهم من العناصر. هذه الحركات البسيطة تلعب دورًا كبيرًا في تعزيز تجربة المستخدم، حيث تجعل العناصر الموجودة بالموقع أكثر وضوحًا، وتوفر شعورًا طبيعيًا أثناء التنقل بين الصفحات والعناصر، وهذا ما تفعله شركة مثل Apple، حيث تعتمد على الحركات لجعل تجربة المستخدم على موقعها مبهرة.
وبنهاية الدورة، ستكون قادرًا على إنشاء animations احترافية تضيف لمسة جمالية لموقعك وتجذب المستخدمين بطريقة فريدة.
ستتعلم في هذه الدورة كيفية تصميم مواقع ويب متجاوبة بشكل احترافي باستخدام CSS Media Queries وتقنيات أخرى، لضمان عرض موقعك بشكل مثالي على مختلف الأجهزة والشاشات. سنغطي أيضًا كيفية اختيار Breakpoints بشكل دقيق، واستخدام استراتيجيات مثل Mobile-first وDesktop-first، بالإضافة إلى التعامل مع Viewports وMeta Tags لضبط الأداء بشكل أفضل.
طبق ما تتعلمه في الدورات المختلفة في إنشاء مشاريع تُحاكي العالم الواقعي؛ لتكتسب خبرة قيمة تُميزك عن الآخرين.
ستتلقى دعمًا فرديًا من الموجهين (Mentors) ذوي الخبرة، والذين يتواجدون باستمرار لتقديم التوجيه والدعم، وتحفيزك، والإجابة على أسئلتك.
تواصل مع المحاضر ومشرفي الدورات مباشرةً عن طريق المجموعات، والدردشة، وغيرها، لتحصل على المساعدة التي تحتاجها، وتعرف الإجابات الموثوقة لكل تساؤلاتك، وتبقى على المسار الصحيح دائمًا.
ستحصل على شهادة إتمام في نهاية كل دورة من دورات المسار تقديراً لعملك الجاد وتفانيك، وتشجيعًا لك، بالإضافة لشهادة إتمام المسار كاملًا بعد الانتهاء منه.
مهندس برمجيات ذو خبرة أكثر من 10 سنوات في كبرى شركات البرمجيات في المنطقة العربية وأوروبا. يعمل حاليًا ككبير مهندسي البرمجيات في شركة QbDVision الرائدة في مجال تصنيع الأدوية والتكنولوجيا الحيوية. لديه خبرة كبيرة في تطوير الواجهات الأمامية، بجانب خبرته كمحاضر في الجامعات داخل مصر.
كورس تطبيقي من البداية وده شئ رائع وأعلى من توقعاتي
أيمن متولي
الأسلوب مبسط لتوصيل المعلومة خصوصًا لما تكون لشخص مبتدأ بجد أسلوب رائع جزاك الله خيرا
الحمزة
من المميز في دورات المدرسة عامة أنها تهتم بالدخول في الجانب العملي التطبيقي مباشرة بأسلوب سلس وممتع
إبراهيم عبد العزيز
الكورس ده لو شفته في بداية تعلمي للغة CSS كان فرق معايا جدا وكان وفر عليا وقت ومجهود كبير جدا
محمود محمد
اكتر حاجة بتعجبني هي الامثله .. بتسهل المعلومة اكتر وتثبتها وطبعا التحديات والاختبارات
شادي صبحي
الطلب على مطوري الواجهات الأمامية Front end web developer في ازدياد مستمر، سيزودك هذا المسار بالمهارات والمعرفة اللازمة لتصميم وبناء مواقع ويب جميلة وتفاعلية، والحصول على وظيفة كمطور محترف للواجهات الأمامية.
نرحب بالجميع، ولا يتطلب مسار بناء المواقع التفاعلية باستخدام HTML وCSS هذا أي خبرة سابقة في البرمجة.
نحن نستخدم أدوات وبرامج البرمجة المجانية والمستخدمة على نطاق واسع مثل VS Code والتي يمكن الوصول إليها على معظم الأجهزة وأنظمة التشغيل. وتم تصميم مسارنا ليكون سهل الوصول والاستخدام، حتى للمبتدئين. كل ما تحتاجه فقط جهاز حاسوب واتصال بالإنترنت.
يختلف وقت التعلم من شخص لآخر نتيجةً لاختلاف الظروف والوقت المتاح لكل شخص، ولكن في المتوسط، فإن هذا المسار يُتوقع الانتهاء منها في خلال شهرين إلى ثلاثة شهور تقريبًا.
نرحب بكافة استفساراتكم ويسعدنا خدمتكم والعمل على توفير بيئة تعليمية سهلة ومتطورة.
من فضلك أكد أنك تريد منع هذا العضو.
لن تتمكن بعد هذه الخطوة من:
يرجى الانتظار بضع دقائق حتى تكتمل هذه العملية.
