Build complete website using React js

React js & Bootstrap & CSS - الجزء الأول- برمجة الواجهات الأمامية بإستخدام الرياكت

4.10 (54 reviews)
Udemy
platform
العربية
language
Other
category
1,165
students
7 hours
content
Feb 2022
last update
$54.99
regular price

What you will learn

React js + Rest Api + Laravel 8 php بناء موقع متكامل بإستخدام

React js أساسيات

Laravel 8 php أساسيات

إنشاء قاعدة البيانات للموقع

Laravel Passport بناء نظام التوثيق عن طريق

إنشاء لوحة التحكم للموقع

API ربط الواجهات مع

جعل الموقع متناسب مع جميع الشاشات

Components مفهوم

تحليل النظام

Axios Request التعامل مع

Postman التعامل مع برنامج

والكثير من التقنيات البرمجية

Description

     React js & Bootstrap & css بإستخدام FrontEnd في هذا القسم من الدورة التدريبية سيتم شرح برمجة الواجهات الأساسية

                                                                                                                               : تحتوي هذه الدورة على الأقسام التالية 

                                                                                                           .القسم الأول : شرح تثبيت البرامج والأدوات المطلوبة

                                                                                         .TopBar  القسم الثاني : تصميم وبرمجة القسم العلوي من الموقع

CSS  والتحكم بخصائصه عن طريق كلاسات  Card  في هذا القسم سيتم شرح إنشاء  : Services القسم الثالث : تصميم ووبرمجة

                                                    .TopNavigation القسم الرابع : إنشاء وبرمجة قسم القوائم لجميع الصفحات الرئيسية بالموق         

                                                                                                          Footer القسم الخامس : إنشاء القسم السفلي للموقع  

                                                                                              Charts  القسم السادس : إضافة المخططات الرسومية للموقع

                                                                                      Recent Projects  القسم السابع : تصميم وبرمجة قسم آخر المشاريع       

                                                                                             Courses  القسم الثامن : تصميم وبرمجة قسم الدورات التدريبية

                                                                                              Video Player   القسم التاسع : إضافة قسم الفيديو إلى الموقع

                                                                                                    Team القسم العاشر : تصميم وبرمجة قسم الفريق البرمجي

                                                                              About us القسم الحادي عشر : تصميم وبرمجة قسم معلومات عن الموقع

                                                                                      Summary   القسم الثاني عشر : تصميم وبرمجة قسم ملخص الموقع

                                                                                            Pages  القسم الثالث عشر : إنشاء الصفحات الرئيسية في الموقع 

                                                                                         Routes القسم الرابع عشر : الانتقال بين صفحات الموقع عن طريق

                                                                      Project Details القسم الخامس عشر : تصميم وبرمجة صفحة تفاصيل المشروع                             

                                                                   .   Course Details القسم السادس عشر : تصميم وبرمجة صفحة تفاصيل الكورس     


Full Stack Developer   نحاول إنشاء دورة تدريبية قائمة على المشاريع تساعدك على التعلم بشكل احترافي وتجعلك تقع كمطور

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

    سواء كنت تحاول تعلم مهارة جديدة من الصفر أو تريد تحديث ذاكرتك بشأن شيء تعلمته في الماضي ، فقد وصلت إلى المكان   

                                                                                                                                                                            . الصحيح 

                                                                                   . التعليم يجعل العالم مكانًا أفضل. اجعل عالمك أفضل بمهارات جديدة



                                                                             

Content

أهداف الدورة - ماذا ستتعلم في هذه الدورة ؟

Recat Js + REST Full API +Laravel 8 API مقدمة عامة عن الدورة التدريبية
React js & BootSrtap & CSS FrontEnd - مقدمة القسم الأول - قسم الواجهات الأمامية

البرامج و الأدوات المطلوبة

الدرس الـأول - البرامج و الأدوات المطلوبة
الدرس الثاني - إنشاء مشروع جديد
الدرس الثالث - إنشاء المجلدات المطلوبة
React Bootstrap الدرس الرابع - تثبيت
الدرس الخامس - إضافة الخطوط
الدرس السادس - تغيير اسم وايقونة الموقع

Top Banner القسم الثاني- تصميم وبرمجة

Top Banner - الدرس الأول
OverLay- الدرس الثاني
Add Text - الدرس الثالث
Fonts - الدرس الرابع

Services Component- تصميم وبرمجة قسم الخدمات

Services Component - الدرس الأول
CardService - الدرس الثاني
CardService - الدرس الثالث
CardService - الدرس الرابع

TopNavBar - تصميم وبرمجة قسم

NavBar Component الدرس الأول - إنشاء الملفات التصميمية
NavBar Component - الدرس الثاني
NavBar Scroll - الدرس الثالث
NavBar Scroll - Logo - الدرس الرابع
NavBar Scroll - Background - الدرس الخامس
NavBar Scroll - Items - الدرس السادس
NavBar Scroll - Menu - الدرس السابع
NavBar Scroll Position - الدرس الثامن - التحكم بموضع البدء عند استدعاء الصفحة

Footer - تصميم وبرمجة قسم

Footer Component - الدرس الأول -إنشاء الملفات التصميمية
Footer Component - الدرس الثاني - إنشاء الهيكل الأساسي
FontAwesome الدرس الثالث -تثبيت مكتبة
Social Media الدرس الرابع - تصميم أيقونات التواصل الإجتماعي
Address & Information الدرس الخامس - تصميم وبرمجة قسم العنوان والمعلومات

Charts Component - تصميم وبرمجة قسم المخططات الرسومية

Charts Component - الدرس الأول - إنشاء الملفات التصميمية
Charts Component - تصميم وبرمجة قسم الوصف
Charts Plugin - تثبيت مكتبة المخططات الرسومية

Recent Project - تصميم وبرمجة قسم المشاريع

Recent Project - الدرس الأول - إنشاء الهيكل الأساسي لقسم المشاريع
Recent Project Card - الدرس الثاني - إنشاء الكارت الخاص بالمشاريع
Recent Project Card - الدرس الثالث - تصميم الكارت الخاص بالمشاريع

Video Component - تصميم وبرمجة قسم الفيديو

videos Component - الدرس الأول - إنشاء الملفات التصميمية لقسم الفيديو
videos Component - الدرس الثاني - إنشاء الهيكل الأساسي لقسم الفيديو
videos Model - الدرس الثالث - إنشاء الموديل
video plugin - الدرس الرابع - تثبيت مكتبة الفيديو

Courses Component - تصميم وبرمجة قسم الدورات التدريبية

Courses Component - الدرس الأول - إنشاء وبرمجة الهيكل الأساسي لقسم الدورات
Courses Component - الدرس الثاني - تصميم قسم الدورات التدريبية

Team Component - تصميم وبرمجة قسم

Team Component - الدرس الأول - إنشاء الملفات التصميمية لقسم الفريق البرمجي
Team Component - الدرس الثاني - تصميم قسم الفريق البرمجي
Team Component Slider - الدرس الثالث - تثبيت مكتبة السلايدر

About Us Component - تصميم وبرمجة قسم معلومات عن الفريق

About Us Component - الدرس الأول - تصميم وبرمجة قسم معلومات عنا
About Us Component - iTyped تثبيت مكتبة

Summary Component - تصميم وبرمجة قسم ملخص الطلاب والكورسات

Summary Component -الدرس الأول - إنشاء الملفات التصميمية
Summary Card -الدرس الثاني - تصميم الكارد
Summary Component - الدرس الثالث - إكمال التصميم
Summary Overlay -الدرس الرابع -إضافة صورة والتحكم بدرجة اللون
Summary Icons -الدرس الخامس - إضافة الأيقونات

Pages - القسم الثالث عشر - الصفحات و القوائم

HomePage الدرس الأول - تصميم وبرمجة الصفحة الرئيسية
TopPage الدرس الثاني- تصميم وبرمجة القسم المشترك بين الصفحات
AboutPage - الدرس الثالث- تصميم وبرمجة صفحة عن الفريق
AboutDescription Component - الدرس الرابع - برمجة قسم معلومات عم الفريق
ServicePage - الدرس الخامس - برمجة صفحة الخدمات
Contact Component - الدرس السادس - برمجة قسم التواصل
ContactPage - الدرس السابع - برمجة صفحة التواصل
CoursestPage -الدرس الثامن- تصميم وبرمجة صفحة كل الدورات التدريبية
ProjectPage - الدرس التاسع - تصميم وبرمجة صفحة المشاريع

Router and Switch - القسم الرابع عشر - المسارات والإنتقال بين الصفحات

Switch - الدرس الأول - تحديد المسارات لكل صفحة
Router - الدرس الثاني - الإنتقال بين المسارات لجميع الصفحات
ActiveLink - الدرس الثالث - تغيير لون زر القائمة الحالية

Project Details - تصميم وبرمجة صفحة تفاصيل المشروع

ProjectDetails Component - الدرس الأول - تصميم وبرمجة صفحة التفاصيل
Link to ProjectDetails Page- الدرس الثاني - برمجة الربط بين صفحة المشروع مع صفحة

Courses Details - تصميم وبرمجة صفحة تفاصيل الكورس

CourseDetailsPage Component - الدرس الأول - إنشاء صفحة تفاصيل الكورس
CourseDetails link - الدرس الثاني - الربط بين صفحة الكورس وصفحة تفاصيل الكورس
CourseDetails Component - الدرس الثالث -إنشاء قسم تفاصيل الكورس
CourseDetails list - الدرس الرابع -إضافة قائمة تفاصيل الكورس
CourseDetails list - الدرس الخامس- تحسين تصميم قائمة تفاصيل الكورس
Video Player - الدرس السادس - إنشاء قسم الفيديو الخاص بتفاصيل الكورس

Screenshots

Build complete website using React js - Screenshot_01Build complete website using React js - Screenshot_02Build complete website using React js - Screenshot_03Build complete website using React js - Screenshot_04

Reviews

ALAA
December 11, 2023
الكوس جيد ولكن اسم الكورس بالعربي ولم اتمكن من اخراج الشهادة بالانكليزي وبعد انهاء الكورس ظهر بالشهادة كلمة الجزء الاول

Coupons

DateDiscountStatus
1/14/202260% OFF
expired
1/23/202260% OFF
expired
4/1/2022100% OFF
expired
5/20/202250% OFF
expired
5/30/202382% OFF
expired
1/11/202482% OFF
expired
2/10/202488% OFF
expired

Charts

Price

Build complete website using React js - Price chart

Rating

Build complete website using React js - Ratings chart

Enrollment distribution

Build complete website using React js - Distribution chart
4373040
udemy ID
10/29/2021
course created date
1/14/2022
course indexed date
Bot
course submited by