CSS3 و HTML تعلم تصميم المواقع من الصفر حتى الإحتراف بواسطة

CSS3 و HTML أحترف تصميم المواقع من الصفر حتى القمة بواسطة
Free tutorial
Rating: 4.4 out of 5 (462 ratings)
10,167 students
CSS3 و HTML تعلم تصميم المواقع من الصفر حتى الإحتراف بواسطة
Free tutorial
Rating: 4.4 out of 5 (462 ratings)
10,167 students
سوف تتعلم مهارات بناء موقع حقيقي من حيث: الاحترافية, الجمال و يعمل على كل احجام الشاشات
HTML & CSS مشروع ضخم والذي سوف يعطيك كل شيئ تحتاجه لابناء اي موقع عن طريق
صناعة موقع كامل بطريقة احترافيه من الصفر بستخدام احدث الطرق وطريقه جعله سريع وجاهز لنشره في مواقع البحث
نصائح مفيده لاختيار الالوان والاحجام و كثير من الاشياء الخاصه في التصميم وطريقه الاستفاده من المواقع الاخرى
طريقة سهلة لاضافه معظم حركات لغه الجي كويري بدون ان تكتب اي كود باللغة لاعطاء جمال اضافي للموقع
حصولك على دعم فني في مواضيع الكورس من خلال قسم الاسئلة لكل محاضرة
تعلم التصميم بخطوات مبسطة مع شرح كثير من المواقع التي سوف تساعدك بالتصميم مستقبلاً

Requirements

  • ليس شرطاً ان يكون لديك اي خبرة سابقة بالتصميم
  • أي جهاز كمبيوتر لتطبيق عليه
  • محرر النصوص - سوف أرشدكم الى افضل برنامج مجاني
Description

؟ والتي تبدو جميلة ومناسبة على هاتفك ؟ HTML5 & CSS3 هل تبحث عن افضل طريقة لبناء موقع جميل بواسطة    

هل اخذت كورسات تصميم اخرى, ولكن ما زلت تتسائل عن كيفية تصميم موقع حقيقي, وليس فقط  موقع عادي ؟

هل لديك خبرة سابقة وتريد ان  تحسن خبرتك  في تصميم المواقع لاخر ما وصلت له التقنيات ؟

اذا كان جوابك نعم فهذا الكورس هو ما تحتاج اليه لتطور نفسك 

 ...

:ما الذي السوف تستفيدة من هذة الدورة:

• سوف تجد الكورس سهل للمتابعة لان كل شيئ يدرس بالتدرج وليس بشكل عشوائي حتى تفهم بشكل أكبر

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

• نصائح كثيرة في كيفية بناء أفضل موقع من حيث الخلفيات والالوان وتناسقها والكثير من الاشياء التي  تجعلك مصمماً بارعاً.

• جميع ما سوف نعلمك اياه من خلفيات خطوط, ايقونات, اضافات على الموقع -- سوف تكون مجانية بشكل كامل

• بناء موقع ريسبونسيف: موقع جميل ومميز ويعمل عىل جميع احجام الشاشات مهما كان نوعها

• تحديات متنوعة لكل قسم بالموقع  حتى تطبق ما تعلمتة بشكل عملي وقسم خاص لحلول هذه التحديات حتى تعرف اين أخطائت

• إضافة الكثير  من التأثيرات على الموقع  بأسهل طريقة لتعطي جمالاً اكبر للموقع

• تعلم طريقة  تجهيز الموقع للأرشفة  ومواقع البحث وتسريع الموقع من ضغط الصور و اكواد البرمجة وأشياء اخرى

...

:دعنا نرى اذا كان هذا الكورس هو ما تحتاج الية لتصبح مصمم أفضل

  1# انت مبتدأ   وليس لديك أي فكرة عن كيفية تصميم المواقع

  2# من بعض الدروس على النت, ولكن تواجة صعوبه في وضع كل شيئ مع بعضة البعض ليخرج موقع  كامل  إحترافي  HTML & CSS  تعرف القليل من  

  3# وتريد ان تزيد خبرتك في تصميم المواقع واحدث التقنيات المتواجده حتى  وقتنا هذا HTML & CSS انت مصمم سابق ولديك خبرة في 

...

  وتستطيع تصميم المواقع بكل سهولة واحترافية, من حديث تصمم اجمل موقع بالعالم  HTML & CSS  بختصار, اذا كنت محترف بشكل كامل في 

 اذا لا تأخذ هذا الكورس, وأي شخص اخر يريد الوصول لهذا المستوى المتفوق  هذا الكورس لك ولن تندم على الأشتراك به

 

:الان هذا دورك لتقرر  ماذا سوف تستفيد من هذا الكورس

• مشاهدة الفيديوهات مدى الحياة, بدون اي  دفع شهري, ادرس على راحتك وبأي وقت ومتى اردت 

• مساعده مجانية لأي استفسار متعلق في الكورس من حيث وضع الاسئلة في قسم اسئلة الدرس

• سوف يكون هناك المزيد من الفيديوهات قريبا  وتحديثات اذا تطور شيئ ما بعالم التصميم فلن يتوقف الكورس هنا.

• تستطيع تحميل الكود الخاص بالموقع  كاملاً حتى  تأخذ منه  لمشارعك القادمة ان شاء الله

 يبدو الامر جيداً ؟ فقط اضغط على شراء الكورس, ودعنا نبدا في رحلتنا معاً

 

Who this course is for:
  • الأشخاص الذين ليس لديهم خبرة مسبقه بالتصميم ويطمحون الي تعلم طرق بناء مواقع احترافية, جميله و تعمل على كل الشاشات
  • الاشخاص الذين لديهم خبره متوسطه بالتصميم, ولكن يواجهون صعوبه بصنع موقع جميل ومتكامل
  • المحترفين الذين يطمحون رفع مستواى قدراتهم بالتصميم
Curriculum
12 sections88 lectures8h 49m total length
  • المقدمة
  • أختيار الخطوط
  • إختيار الألوان
  • تناسق الألوان
  • الخلفيات المساعدة
  • المسافات
  • أهمية ترتيب الموقع
  • شرح فوائد وطريقة إستخدام أدوات المطورين
  • HTML مقدمة
  • Brackets و تحميل برنامج HTML أساسيات
  • HTML تكملة شرح اساسيات
  • DIV شرح فوائد استعمال
  • الملفات الخاصة بالصحفة
  • عن طريق بناء صفحة الجزء الاول HTML شرح أساسيات
  • عن طريق بناء صفحه الجزء الثاني HTML شرح أساسيات
  • وجعلة كمرجع للأكواد W3schools شرح موقع
  • CSS مقدمة
  • CSS شرح الأنواع الثلاثة لاضافة أكواد
  • Selectors بواسطة أستخدام HTML شرح طريقة تحديد
  • الجزء الاول Padding & Margin شرح أستعمال ومشاكل
  • الجزء الثاني Padding & Margin شرح أستعمال و مشاكل
  • Float شرح فوائد
  • وطريقة تجنبها Float شرح مشاكل
  • Display شرح فوائد أستخدام
  • وأنواعها ومميزات كل منها CSS شرح الألوان في
  • ومميزاتها Positions شرح أنواع
  • PX VS % شرح عناصر الاحجام
  • عن طريق تكملة بناء الصفحة الجزء الاول CSS شرح أساسيات
  • عن طريق تكملة بناء الصفحة الجزء الثاني CSS شرح أساسيات
  • مقدمة عن الفاونديشن
  • تنبية مهم قبل البدء ببناء اي شيئ بالدورة
  • والخصائص الموجودة في الفاونديشن Grid System أمثلة على
  • Grid System مقدمة عن فوائد وقوة
  • على الصفحة Grid System إضافة
  • مقدمة المشروع و الخطوات المتبعة قبل بناء الموقع
  • تنبية مهم قبل البدء ببناء اي شيئ بالدورة
  • تجهيز و تحميل أساسيات المشروع
  • تحميل كود المشروع كاملاً
  • قبل البدء بالأكواد Header شرح تقسيم
  • الجزء الاول Header بدء ببناء أعلى
  • الجزء الثاني Header بناء أعلى
  • Header تنبية مهم قبل بناء
  • الأساسي الجزء الاول Header بناء
  • الأساسي الجزء الثانيHeader بناء
  • 1# تحدي القسم الاول
  • بناء قسم المعلومات الجزء الاول
  • بناء قسم المعلومات الجزء الثاني
  • 2# تحدي القسم الثاني
  • بناء قسم الصور الجزء الاول
  • بناء قسم الصور الجزء الثاني
  • 3# تحدي القسم الثالث
  • بناء قسم الاخبار الجزء الاول
  • بناء قسم الاخبار الجزء الثاني
  • بناء قسم الأشتراكات بالنادي الجزء الاول
  • بناء قسم الأشتراكات بالنادي الجزء الثاني
  • بناء قسم الأشتراكات بالنادي الجزء الثالث
  • 4# تحدي القسم الخامس
  • بناء قسم تعليقات المشتركين الجزء الاول
  • بناء قسم تعليقات المشتركين الجزء الثاني
  • الجزء الأول Footer البدء ببناء اخر قسم
  • الجزء الثاني Footer بناء قسم
  • الجزء الثالثFooter بناء قسم
  • الجزء الرابعFooter بناء قسم
  • Responsive مقدمة عن
  • تجهيز الأشياء الأساسية لجعل الموقع ريسبونسف
  • 1160px & 1010px جعل الموقع ريسبونسف الجزء الاول بحجم
  • 727px جعل الموقع ريسبونسف الجزء الثاني بحجم
  • 440px جعل الموقع ريسبونسف الجزء الثالث بحجم
  • 320px جعل الموقع ريسبونسف الجزء الرابع بحجم
  • 6# تحدي جعل القسم رسبونسيف
  • تنزل اثناء النزول بالصفحة Menu طريقة جعل
  • JavaScript أسود عندما تنزل بستخدام Menu جعل لون
  • تأخذك للقسم المطلوب تلقائياً عند الضغط عليها Menu جعل أزرار
  • WOW.js إضافة التأثيرات على الاقسام كلها عن طريق إضافة
  • 6# تحدي إضافة تأثيرات جديدة على الاقسام
  • Tab طريقة تغيير أيقونة الموقع الموجودة في صفحات
  • Google بالموقع ليصبح أفضل على مواقع البحث مثل (SEO) تحسين الارشفة
  • Compression تسريع الموقع بضغط اكواد البرمجة
  • Image Optimizer تسريع الموقع بتقليل حجم الصور بالموقع دون تأثر الجودة
  • اللإشتراك بالاسيرفرات ووضع المشروع على الانترنت

Instructor
PHP Developer
Ahmad Issa
  • 4.4 Instructor Rating
  • 462 Reviews
  • 10,167 Students
  • 1 Course

السلام عليكم ورحمة الله وبركاتة

أسمي أحمد عيسى, اعشق البرمجة منذ ان كنت صغيراً  لهذا بدات بتعلم بناء المواقع على قوالب جاهزة مثل الوردبريس و الاوب كارت وغيرة, وبعت الكثير من المواقع بهذه الطريقة ولكن حبي وطموحي للبرمجة جلعني اتخصص بالبرمجة جامعياً الى ان حصلت على درجة البكالوريوس في البرمجة وتقنية المعلومات.  واثناء دراستي  تابعت الكثير من الدورات على النت يومياً وبشكل متواصل فوق 5 ساعات الى ان اصبح مستواى ممتازاً واطمح ان اصبح الافضل ان شاء الله

دخلت في عدة مشاريع ومنها مع شركة الدي اتش ال  في مشروع كبير  مع صديقي الذي يعمل بداخل الشركة لهذا

 أحببت ان انشر ما تعلمتة لاخوتي في العالم العربي لاني احسست ان هناك نقصاً بالدروس في هذا المجال  واتمنى ان اوفق في هذا وأن تنال الدورات التي وسوف اضعها لاحقاً على اعجابكم   وكل ما اتمناه هو ان اجد الشاب العربي ينافس الغرب في  الامور التقنية وان شاء الله يتحقق هذا الامر بمجهودنا معاً.