معسكر كودينيس الكامل لتصميم وبرمجة تطبيقات ومواقع الويب
Full stack web design and development Codenius bootcamp معسكر كودينيس الكامل لتصميم وبرمجة تطبيقات ومواقع الويب
HTML
CSS
JavaScript
React JS
PHP
Laravel
عن معسكر كودينيس
"A professional web designer and developer" "مصمم ومبرمج مواقع انترنت محترف"
هذا ما ستكون عليه بعد دراستك لهذا المعسكر !
معسكر كودينيس لتعلّم تصميم وتطوير مواقع وتطبيقات الويب، من الواجهة الأمامية باستخدام HTML وCSS وJavaScript وReactJS إلى الخلفية باستخدام PHP وMySQL وLaravel، ضمن مسار تعلّم متدرج.
الواجهة الأمامية
HTML
CSS
JavaScript 
الواجهة الخلفية
PHP
MySQL
Laravel لماذا معسكر كلوز تاج التدريبي؟
ما الذي لدى كلوز تاج هنا في هذا المعسكر؟
- Web Technology
- HTML
- CSS
- JavaScript
- Bootstrap
- ReactJS
- Git
- PHP
- MySQL
- Laravel
من المعرفة إلى التجربة
- فهمًا متكاملًا لأساسيات الويب.
- القدرة على حل المشكلات والعقبات.
- الخبرة في عمل المشاريع الحقيقية.
- الخبرة في التعاون والعمل ضمن فريق عمل.
- سابقة أعمال احترافية.
تجربة عملية في المجال
استعداد حقيقي لسوق العمل
هذا المعسكر التدريبي هو فرصتك لاختصار شهور وربما سنوات من البحث والدراسة والتجربة لتحصل على دليل شامل وواضح لمسيرتك نحو مجال الويب بناءً على تحليل السوق المصرية والعالميةCLOSETAGCODENIUS
المحتوى الدراسي
المواد التعليمية التي سيتم دراستها في معسكر كودينيس
- مواد
- 10
- موضوعًا
- 77
- درسًا
- 565
Front-End
تصميم وبرمجة الواجهة الأمامية لمواقع وتطبيقات الويب
01
Web Technology
تكنولوجيا الويب
51 درس
تشمل مادة تكنولوجيا الويب الأساسيات الضرورية للبدء في دراسة مجال برمجة وتطوير مواقع وتطبيقات الويب؛ حيث تبدأ بالشبكات، وكيفية عمل الانترنت، والاتصالات بين الخوادم والمتصفحات، وكيفية عمل المواقع على الانترنت؛ مما يوفر رؤية واضحة عن الويب نفسه قبل الانتقال إلى تقنيات تطوير الويب.
الأجهزة الافتراضيةVirtual Machine
6 درس
الدروس
- مقدمة في الأجهزة الافتراضية Virtual machines Introduction
- برامج الأجهزة الافتراضية Virtual Machine Software
- تثبيت برنامج Virtual Box Virtual Box Installation
- إنشاء جهاز افتراضي على برنامج VirtualBox Create VirtualBox Machine
- نظام تشغيل الأجهزة الافتراضية Virtual Box Windows 10
- إعدادات الأجهزة الافتراضية Virtual Box Configuration
الشبكاتNetwork
28 درس
الدروس
- شبكات الكمبيوتر Computer Networks
- أجهزة شبكة الكمبيوتر Computer Network Devices
- أنواع شبكات الكمبيوتر Computer Network Types
- الشبكات المحلية Local Area Network
- الشبكات الشخصية Personal Area Network
- الشبكات الواسعة Wide Area Network
- الشبكة الخاصة الافتراضية Virtual Private Network
- بروتوكول وعنوان آي بي Internet Protocol Address IP
- البحث عن عنوان IP الخاص في نظام ويندوز 10 Find Your Private IP Address in Windows 10
- البحث عن عنوان IP الخاص في نظام ويندوز 11 Find Your Private IP Address in Windows 11
- البحث عن عنوان IP الخاص في نظام لينكس مينت Find Your Private IP Address in Linux Mint
- البحث عن عنوان IP الخاص في نظام ماكينتوش Find Your Private IP Address in Mac
- نظام اسم النطاق - DNS Domain Name System DNS
- بروتوكول التحكم في النقل أو الإرسال TCP Transmission Control Protocol TCP
- اسم النطاق Domain Name
- تسجيل اسم النطاق Register a Domain Name
- حجز الدومين Domain Reservation
- الإنترنت Internet
- مشاركة الملفات عبر شبكات الكمبيوتر File Sharing over Computer Networks
- مشاركة الملفات عبر شبكات الكمبيوتر على ويندوز 10 File Sharing over Computer Networks on Windows 10
- الخوادم Servers
- إدارة السيرفرات عن بُعد Remote Server Management
- خادم الويب Web Server
- توازن الحمل على السيرفر Server Load Balance
- استضافة تطبيقات ومواقع الويب Website and Web Application Hosting
- بروتوكول نقل الملفات FTP File Transfer Protocol FTP
- نموذج OSI للربط بين الأنظمة المفتوحة open systems interconnection OSI model
- بروتوكول بيانات المستخدم UDP User Datagram Protocol UDP
تطوير الويبWeb Development
5 درس
الدروس
بروتوكول نقل النص التشعبيHTTP
12 درس
الدروس
- بروتوكول نقل النصوص HTTP HTTP Hypertext Transfer Protocol
- معلمات HTTP HTTP Parameters
- رسائل HTTP HTTP Messages
- طلب HTTP HTTP Request
- استجابة HTTP HTTP Response
- طرق HTTP HTTP Methods
- أكواد حالة HTTP HTTP Status Codes
- حقول الرأس HTTP HTTP Header Fields
- التخزين المؤقت HTTP HTTP Caching
- ترميز URL لـ HTTP HTTP URL Encoding
- أمان HTTP HTTP Security
- بروتوكول نقل النص الفائق الآمن HTTPS HTTPS Hypertext Transfer Protocol Secure
02
HTML
لغة HTML
48 درس
توفر هذه المادة شرحًا شاملًا لـ HTML التي تعتبر أساس بناء الويب، فهي تركز على معرفة كيفية إنشاء وتنظيم صفحات الويب باستخدام العناصر الأساسية، مثل: العناوين، والفقرات، والروابط، والصور، كما تغطي المواضيع المتقدمة، مثل: تعلم كيفية تضمين الفيديوهات والمقاطع الصوتية لصفحات الويب.
بناء جملة HTMLHTML Syntax
3 درس
الدروس
البدءGet Started
2 درس
الدروس
أساسيات HTMLHTML Basics
4 درس
الدروس
روابط HTMLHTML Links
4 درس
الدروس
صور HTMLHTML Images
4 درس
الدروس
جداول HTMLHTML Tables
4 درس
الدروس
قوائم HTMLHTML Lists
6 درس
الدروس
عناصر HTMLHTML Elements
3 درس
الدروس
نماذج HTMLHTML Forms
12 درس
الدروس
- النماذج في لغة HTML HTML Forms
- خصائص HTML Form HTML Form Attributes
- الحقول النصية بداخل عنصر HTML Form HTML Form Text Inputs
- الأزرار بداخل HTML Form HTML Form Buttons Inputs
- الحقول الاختيارية في HTML Form HTML Form Select Inputs
- حقول التاريخ والوقت مع HTML Form HTML Form Date and Time Inputs
- حقول الأرقام داخل عنصر HTML Form HTML Form Numbers Inputs
- حقول الملفات داخل عنصر HTML Form HTML Form files Inputs
- خصائص عنصر Input الأساسية مع HTML Form HTML Form Input Primary Attributes
- خصائص عنصر Input الثانوية مع HTML Form HTML Form Input Secondary Attributes
- الخصائص المتقدمة لعنصر Input مع HTML Form HTML Form Input Advanced Attributes
- العناصر المستخدمة مع HTML Form HTML Form Elements
وسائط HTMLHTML Media
3 درس
الدروس
03
CSS
لغة CSS
137 درس
بنية CSSCSS Syntax
6 درس
الدروس
نصوص CSSCSS Text
8 درس
الدروس
- ألوان النصوص في لغة CSS CSS Text Color
- محاذاة النصوص في لغة CSS CSS Text Alignment
- محاذاة النصوص رأسياً في لغة CSS CSS Vertical Alignment
- تحويل الحروف الكبيرة والصغيرة للنصوص في لغة CSS CSS Text Transformation
- تباعد النصوص في لغة CSS CSS Text Spacing
- المساحات البيضاء للنوص في لغة CSS CSS Text White Space
- ظل النصوص في لغة CSS CSS Text Shadow
- إتجاه النصوص في لغة CSS CSS Text Direction
تنسيق نصوص CSSCSS Text Decoration
5 درس
الدروس
خطوط CSSCSS Fonts
5 درس
الدروس
خلفيات CSSCSS Backgrounds
7 درس
الدروس
- خلفية لون في لغة CSS CSS Background Color
- خلفيات صور في لغة CSS CSS Background Image
- أحجام صور الخلفيات في لغة CSS CSS Background Size
- تكرار صور الخلفيات في لغة CSS CSS Background Repeat
- تحريك وثبات صورة الخلفية في لغة CSS CSS Background Attachment
- موقع صورة الخلفية في لغة CSS CSS Background Position
- إختصارات خاصية background في لغة CSS CSS Background Shorthand
حدود CSSCSS Borders
7 درس
الدروس
الإطار الخارجي في CSSCSS Outline
6 درس
الدروس
- الإطارات الخارجية في لغة CSS CSS Outline
- تحديد نوع الإطار الخارجي outline في لغة CSS CSS Outline style
- عرض الإطار الخارجي outline في لغة CSS CSS Outline Width
- لون الإطار الخارجي outline في لغة CSS CSS Outline Color
- الفارق بين outline و border في لغة CSS CSS Outline Offset
- إختصار خصائص outline في لغة CSS CSS Outline Shorthand
نموذج الصندوق في CSSCSS Box Model
4 درس
الدروس
أبعاد CSSCSS Dimensions
7 درس
الدروس
- خاصية height للتحكم في طول العناصر في لغة CSS CSS Height
- خاصية width للتحكم في عرض العناصر في لغة CSS CSS Width
- خاصية max-height للتحكم في أقصي طول للعنصر بلغة CSS CSS Max Height
- خاصية min-height للتحكم في أدني طول للعنصر بلغة CSS CSS Min Height
- خاصية max-width للتحكم في أقصي عرض للعنصر بلغة CSS CSS Max Width
- خاصية min-width للتحكم في أدني عرض للعنصر بلغة CSS CSS Min Width
- دالة calc في لغة CSS CSS Calculator
تموضع العناصر في CSSCSS Position
7 درس
الدروس
- عرض العناصر في لغة CSS CSS Display
- ظهور العنصر وإخفاؤه في لغة CSS CSS Visibility
- تعويم العناصر عن طريق خاصية float في لغة CSS CSS Float
- خاصية clear في لغة CSS CSS Clear
- التحكم في طبقات صفحة HTML بلغة CSS CSS Position
- ترتيب الطبقات في لغة CSS CSS Layers Orders z-index
- المحتوي الزائد عن العنصر في لغة CSS CSS Overflow
أنماط CSSCSS Style
5 درس
الدروس
التنقل باستخدام CSSCSS Navigation
3 درس
الدروس
التخطيط المرن في CSSCSS Flex Box
13 درس
الدروس
- الصناديق المرنة - فليكس بوكس في لغة CSS CSS Flexbox
- خاصية flex-direction في لغة CSS CSS Flex Direction
- إلتفاف العناصر داخل حاوية flex box في لغة CSS CSS Flex Wrap
- خاصية flex-flow في لغة CSS CSS Flex Flow
- خاصية في justify-content مع flex box لغة CSS CSS flex Justify Content
- خاصية align-items مع flex في لغة CSS CSS flex Align Items
- خاصية align-content مع flex في لغة CSS CSS flex Align Content
- خاصية order مع flex في لغة CSS CSS Flex Order
- خاصية flex-basis مع flex box في لغة CSS CSS Flex Basis
- خاصية flex-grow مع flex في لغة CSS CSS Flex Grow
- خاصية flex-shrink مع flex في لغة CSS CSS Flex Shrink
- خاصية align-self مع flex box في لغة CSS CSS Flex Align Self
- خاصية flex في لغة CSS CSS Flex
نظام Grid في CSSCSS Grid System
3 درس
الدروس
أعمدة Grid في CSSCSS Grid Columns
5 درس
الدروس
صفوف Grid في CSSCSS Grid rows
6 درس
الدروس
- خاصية grid-template-rows في لغة CSS CSS Grid Template Rows
- خاصية grid-row-start في لغة CSS CSS Grid Row Start
- خاصية grid-row-end في لغة CSS CSS Grid Row End
- خاصية grid-row مع grid في لغة CSS CSS Grid Row
- خاصية grid-auto-rows مع grid في لغة CSS CSS Grid Auto Rows
- خاصية grid-template مع grid في لغة CSS CSS Grid Template
منطقة Grid في CSSCSS Grid Area
2 درس
الدروس
فجوات Grid في CSSCSS Grid Gaps
3 درس
الدروس
شبكة CSSCSS Grid
3 درس
الدروس
CSS المتجاوبCSS Responsive
9 درس
الدروس
- التصميمات المتجاوبة في لغة CSS CSS Responsive Introduction
- نافذة عرض المستخدم في لغة CSS CSS Responsive Viewport
- نظام media queries في لغة CSS CSS Media Queries
- أمثلة علي Media Query في لغة CSS CSS Media Query Examples
- Grid View مع الصفحات المتجاوبة في لغة CSS CSS Responsive Grid View
- صفحات متجاوبة بنظام grid في لغة CSS CSS Grid Media Queries
- فيديو متجاوب مع جميع الأجهزة في لغة CSS CSS Video Responsive
- الصور المتجاوبة مع جميع الأجهزة في لغة CSS CSS Image Responsive
- تجاوب العناصر مع نظام flex box في لغة CSS CSS Flex Responsive
تأثيرات نصوص CSSCSS Text Effects
3 درس
الدروس
CSS المتقدمCSS Advanced
18 درس
الدروس
- موضع الخلفيات الصور في لغة CSS CSS Background Origin
- ترقيم الصفحات بلغة CSS CSS Pagination
- الأزرار في لغة CSS CSS Buttons
- خاصية column-count في لغة CSS CSS Column Count
- تحويل العنصر إلي ثنائية أبعاد في لغة CSS CSS 2D Transforms
- تحويل العنصر إلي ثلاثي ابعاد في لغة CSS CSS 3D Transforms
- الانتقالات في لغة CSS CSS Transitions
- موضع الخلفيات الألوان في لغة CSS CSS Background Clip
- الزوايا المدورة في لغة CSS CSS Rounded Corners
- الألوان في لغة CSS CSS Colors
- خلفيات متعددة للعناصر في لغة CSS CSS Multiple Backgrounds
- الكلمات المفتاحية مع الألوان في لغة CSS CSS Color Keywords
- تدرج الألوان في لغة CSS CSS Color Gradients
- الإطارات الصور في لغة CSS CSS Border Images
- المؤثرات الحركية في لغة CSS CSS Animations
- التلميحات في لغة CSS CSS Tooltip
- المتغيرات في لغة CSS CSS Variables
- CSS Dynamic CSS Dynamic
محددات CSSCSS Selectors
2 درس
الدروس
04
JavaScript
جافا سكريبت
146 درس
بنية JavaScriptJavaScript Syntax
5 درس
الدروس
تخزين البيانات في JavaScriptJavaScript Store Data
4 درس
الدروس
العوامل في JavaScriptJavaScript Operators
9 درس
الدروس
- العوامل الحسابية في لغة جافا سكريبت Java Script Arithmetic Operators
- عوامل الزيادة والنقصان في لغة الجافا سكريبت Java Script Increment And Decrement Operators
- العوامل الاحادية في لغة جافا سكريبت JavaScript Unary Operators
- الاسبقيات في العمليات الحسابية في لغة جافا سكريبت Operator Precedence in javascript
- عوامل التعيين (اعادة تعريف القيم ) في لغة جافا سكريبت JavaScript Assignment Operators
- عوامل المقارنة في لغة جافا سكريبت JavaScript Comparison Operators
- العوامل المنطقية في لغة جافا سكريبت JavaScript Logical Operators
- عوامل تشغيل Bitwise أحادية في لغة جافا سكريبت JavaScript Bitwise Operators
- العوامل في لغة جافا سكريبت Java Script Operators
مصفوفات JavaScriptJavaScript Arrays
5 درس
الدروس
- المصفوفات في لغة الجافا سكريبت JavaScript Arrays
- طباعة المصفوفات وعناصر المصفوفات بلغة جافا سكريبت Print array in JavaScript
- عناصر المصفوفة في لغة الجافا سكريبت Java Script Arrays Elements
- دوال المصفوفات في لغة الجافا سكريبت Java Script Array Methods
- المصفوفات متعدده الأبعاد في لغة جافا سكريبت JavaScript Multidimensional Array
كائنات JavaScriptJavaScript Objects
4 درس
الدروس
تدفق التحكم في JavaScriptJavaScript Control Flow
3 درس
الدروس
حلقات JavaScriptJavaScript Loops
5 درس
الدروس
دوال JavaScriptJavaScript Functions
10 درس
الدروس
- الدوال في لغة جافا سكريبت JavaScript Functions
- تعريف الدالة في لغة جافا سكريبت JavaScript Function Definitions
- عوامل أو معطيات الدوال في لغة جافا سكريبت JavaScript Function Parameters
- خاصية call مع الدوال في لغة جافا سكريبت JavaScript Function Call
- إستدعاء الدالة في لغة جافا سكريبت JavaScript Function Invocation
- خاصية Apply في لغة جافا سكريبت مع الدوال JavaScript Function Apply method
- عبارة الكُتل البرمجية في لغة جافا سكريبت JavaScript Block statement
- عمليات الإغلاق مع الدوال في لغة جافا سكريبت JavaScript Function Closures
- النطاق في لغة جافا سكريبت JavaScript Scope
- JS Events JS Events
أساسيات DOM في JavaScriptJS HTML DOM Basics
9 درس
الدروس
- نموذج كائن المستند في لغة جافا سكريبت JavaScript Document Object Model
- البحث علي عنصر داخل صفحة HTML في لغة جافا سكريبت JavaScript DOM Get Elements
- تعديل العناصر في صفحة HTML بلغة جافا سكريبت JavaScript DOM Set Elements
- التعامل مع خصائص العناصر في صفحة HTML عن طريق الجافا سكريبت JavaScript DOM Attributes
- انشاء عناصر جديدة داخل صفحة HTML بلغة جافا سكريبت JavaScript DOM Create Element
- طرق وأساليب حذف من شجرة DOM في لغة جافا سكريبت JavaScript DOM Remove Methods
- تعديل وإضافة style علي عناصر HTML في لغة جافا سكريبت JavaScript DOM CSS
- دالة ClassList مع DOM في لغة جافا سكريبت JavaScript DOM ClassList
- كائنات جاهزة في لغة جافا سكريبت لبعض العناصر HTML DOM Collections
أحداث JavaScriptJavaScript Events
6 درس
الدروس
- الأحداث في لغة جافا سكريبت JavaScript DOM Events
- دوال EventListener في لغة جافا سكريبت JavaScript DOM EventListener
- حدث click في لغة جافا سكريبت JavaScript Click Event
- أحداث واجهة المستخدم في لغة جافا سكريبت JavaScript UI Events
- أحداث mouse في لغة جافا سكريبت JavaScript Mouse Events
- أحداث form في لغة جافا سكريبت JavaScript Form Events
التنقل في JavaScriptJavaScript Navigation
10 درس
الدروس
- التنقل داخل شجرة DOM في لغة جافا سكريبت JavaScript DOM Navigation
- دالة parentNode في لغة جافا سكريبت JavaScript parentNode Method
- دالة childNodes في لغة جافا سكريبت JavaScript childNodes Method
- دالة firstChild في لغة جافا سكريبت JavaScript firstChild Method
- دالة lastChild في لغة جافا سكريبت JavaScript lastChild Method
- دالة nextSibling في لغة جافا سكريبت JavaScript nextSibling Method
- دالة previousSibling في لغة جافا سكريبت JavaScript previousSibling Method
- دالة parentElement في لغة جافا سكريبت JavaScript parentElement Method
- دالة nextElementSibling في لغة جافا سكريبت JavaScript nextElementSibling Method
- دالة previousElementSibling في لغة جافا سكريبت JavaScript previousElementSibling Method
BOM المتصفح في JavaScriptJavaScript Browser BOM
12 درس
الدروس
- مقدمة في نموذج كائن المستند في لغة جافا سكريبت JavaScript Browser Object Model Introduction - BOM
- كائن Window في لغة جافا سكريبت JavaScript Window
- دالة window open في لغة جافا سكريبت JavaScript window open Function
- دالة window close في لغة جافا سكريبت JavaScript window close Function
- خاصية screen مع كائن window في لغة جافا سكريبت JavaScript Window Screen Object
- خاصية location مع كائن window في لغة جافا سكريبت JavaScript Window Location Object
- كائن Window History في لغة جافا سكريبت JavaScript Window History Object
- خاصية State مع كائن Window History في لغة جافا سكريبت JavaScript Window History State
- دالة pushState مع كائن History في لغة جافا سكريبت JavaScript History pushState Method
- تطبيق ذو الصفحة الواحدة في لغة جافا سكريبت JavaScript SPA Single page application
- كائن Window Navigator في لغة جافا سكريبت JavaScript Window Navigator
- تنفيذ أوامر برمجية بعد وقت محدد في لغة جافا سكريبت JavaScript Timing Events
إصدار ES6 من JavaScriptJavaScript ES6
8 درس
الدروس
الكائنات المتقدمةOBJECTS Advanced
10 درس
الدروس
- Object Definition Object Definition
- Object Properties Object Properties
- Object Methods Object Methods
- Display Objects Display Objects
- Object Accessors Object Accessors
- Object Constructors Object Constructors
- Object Prototypes Object Prototypes
- Object Iterables Object Iterables
- Object Sets Object Sets
- Object Maps Object Maps
أصناف JavaScriptJavaScript Classes
3 درس
الدروس
JavaScript غير المتزامنJavaScript Async
4 درس
الدروس
واجهات Web API في JavaScriptJavaScript Web APIs
7 درس
الدروس
AJAX في JavaScriptJavaScript AJAX
6 درس
الدروس
JSON في JavaScriptJS JSON
11 درس
الدروس
موضوعات أخرىOthers
3 درس
الدروس
DOM المتقدم في JavaScriptJS HTML DOM Advanced
12 درس
الدروس
- Creation Methods Creation Methods
- JS DOM Animation JS DOM Animation
- DOM Document DOM Document
- Add elements Add elements
- Child Elements Child Elements
- Class Elements Class Elements
- Client Properties Client Properties
- has properties has properties
- خصائص للأدخال insert Properties
- Scroll Properties Scroll Properties
- IS Methods x IS Methods x
- Offset Prosperities Offset Prosperities
05
Bootstrap
Bootstrap
34 درس
أساسيات BootstrapBootStrap Basics
1 درس
الدروس
التقسيم في BootstrapBootStrap Division
2 درس
الدروس
تنسيق النصوص في BootstrapBootStrap Typography
1 درس
الدروس
CSS الأساسي في BootstrapBS Base CSS
17 درس
الدروس
- الالوان في BootStrap Bootstrap Colors
- الازرار في BootStrap Bootstrap Buttons
- مجموعات الازرار في BootStrap Bootstrap Button Groups
- الجداول في BootStrap Bootstrap Tables
- الصور في BootStrap Bootstrap Images
- التحذيرات في Bootstrap Bootstrap Alerts
- اشرطة التقدم في BootStrap Bootstrap Progress Bars
- العناصر الدوار في BootStrap Bootstrap Spinners
- Bootstrap 4 Jumbotron Bootstrap 4 Jumbotron
- الشارات في BootStrap Bootstrap Badges
- فهرس الصفحات في BootStrap Bootstrap Pagination
- مجموعات القائمة في BootStrap Bootstrap List Groups
- البطاقات في BootStrap Bootstrap Cards
- الاستمارات في BootStrap Bootstrap Forms
- عناصر الادخال في BootStrap Bootstrap Inputs
- الادوات المساعدة في BootStrap Bootstrap Utilities
- نظام flexbox الصندوق المرن في BootStrap Bootstrap Flex
JavaScript في BootstrapBS JavaScript
13 درس
الدروس
- Bootstrap 4 Dropdowns Bootstrap 4 Dropdowns
- Bootstrap 4 Collapse Bootstrap 4 Collapse
- Bootstrap 4 Navs Bootstrap 4 Navs
- Bootstrap 4 Tabs Bootstrap 4 Tabs
- Bootstrap 4 Navigation Bar Bootstrap 4 Navigation Bar
- Bootstrap 4 Carousel Bootstrap 4 Carousel
- Bootstrap 4 Modal Bootstrap 4 Modal
- Bootstrap 4 Tooltip Bootstrap 4 Tooltip
- Bootstrap 4 Popover Bootstrap 4 Popover
- Bootstrap 4 Toast Bootstrap 4 Toast
- Bootstrap 4 Scrollspy Bootstrap 4 Scrollspy
- Bootstrap 4 Icons Bootstrap 4 Icons
- Bootstrap Media Objects Bootstrap Media Objects
06
ReactJS
ReactJS
1 درس
تركز مادة ReactJS على فهم كيفية بناء واجهات المستخدم الديناميكية والتفاعلية بواسطة مكتبة ReactJS، والتي تهدف إلى تسهيل إنشاء وإدارة واجهة المستخدم، حيث يمكن تقسيم التطبيق إلى مكونات صغيرة وقابلة لإعادة الاستخدام، وبفضل هذا التقسيم يصبح بناء تطبيقات الويب سهلًا وأكثر تنظيمًا.
07
Git
Version Control
1 درس
Back-End
تطوير وبرمجة الواجهة الخلفية لمواقع وتطبيقات الويب
08
PHP
PHP
145 درس
أساسيات PHPPHP Tutorial
60 درس
الدروس
- مقدمة PHP PHP HOME
- مقدمة PHP PHP Intro
- تثبيت PHP PHP Install
- بناء جملة PHP PHP Syntax
- تعليقات PHP PHP Comments
- تعليقات PHP PHP Comments
- تعليقات PHP متعددة الأسطر PHP Multiline Comments
- متغيرات PHP PHP Variables
- المتغيرات Variables
- نطاق المتغيرات في PHP Variables Scope
- PHP Echo / Print PHP Echo / Print
- PHP أنواع البيانات PHP Data Types
- PHP السلاسل النصية PHP Strings
- PHP Strings PHP Strings
- تعديل السلاسل النصية (Strings) Modify Strings
- ربط النصوص (Strings) Concatenate Strings
- تقطيع Strings Slicing Strings
- محارف الهروب Escape Characters
- أرقام PHP PHP Numbers
- PHP تحويل النوع PHP Casting
- PHP الرياضيات PHP Math
- الثوابت في PHP PHP Constants
- ثوابت PHP السحرية PHP Magic Constants
- معاملات PHP PHP Operators
- PHP If...Else...Elseif PHP If...Else...Elseif
- عبارات الشرط PHP If PHP If
- معاملات PHP الشرطية (If Operators) PHP If Operators
- PHP If...Else PHP If...Else
- PHP اختصار if PHP Shorthand if
- PHP Nested if PHP Nested if
- PHP جملة Switch PHP Switch
- حلقات PHP PHP Loops
- الحلقات التكرارية في PHP Loops
- حلقة While Loop While Loop
- حلقة Do While Do While Loop
- حلقة For For Loop
- حلقة التكرار Foreach Foreach Loop
- Break Break
- عبارة `continue` في PHP The `continue` Statement in PHP
- دوال PHP PHP Functions
- PHP Arrays PHP Arrays
- المصفوفات Arrays
- المصفوفات المفهرسة Indexed Arrays
- المصفوفات الترابطية Associative Arrays
- إنشاء Arrays Create Arrays
- الوصول إلى عناصر الـ Array Access Array Items
- تحديث عناصر Array Update Array Items
- إضافة عناصر إلى Array Add Array Items
- إزالة عناصر Array Remove Array Items
- ترتيب المصفوفات Sorting Arrays
- المصفوفات متعددة الأبعاد Multidimensional Arrays
- دوال Array Array Functions
- PHP Superglobals PHP Superglobals
- Superglobals Superglobals
- $GLOBALS $GLOBALS
- $_SERVER $_SERVER
- $_REQUEST $_REQUEST
- $_POST $_POST
- المتغير $_GET $_GET
- PHP RegEx PHP RegEx
PHP FormsPHP Forms
5 درس
الدروس
PHP AdvancedPHP Advanced
13 درس
الدروس
- التاريخ والوقت في PHP PHP Date and Time
- تضمين PHP PHP Include
- التعامل مع الملفات في PHP PHP File Handling
- فتح/قراءة الملفات في PHP PHP File Open/Read
- إنشاء/كتابة ملفات PHP PHP File Create/Write
- PHP رفع الملفات PHP File Upload
- PHP Cookies PHP Cookies
- جلسات PHP PHP Sessions
- مرشحات PHP PHP Filters
- PHP Filters متقدمة PHP Filters Advanced
- PHP Callback Functions PHP Callback Functions
- PHP JSON PHP JSON
- PHP الاستثناءات PHP Exceptions
PHP OOPPHP OOP
14 درس
الدروس
- PHP ما هو OOP PHP What is OOP
- الفئات/الكائنات في PHP PHP Classes/Objects
- PHP Constructor PHP Constructor
- PHP المدمّر PHP Destructor
- محدّدات الوصول في PHP PHP Access Modifiers
- PHP الوراثة PHP Inheritance
- ثوابت PHP PHP Constants
- PHP الكلاسات التجريدية PHP Abstract Classes
- واجهات PHP PHP Interfaces
- PHP Traits PHP Traits
- أساليب PHP الساكنة PHP Static Methods
- خصائص PHP الثابتة PHP Static Properties
- PHP Namespaces PHP Namespaces
- PHP Iterables PHP Iterables
MySQL DatabaseMySQL Database
14 درس
الدروس
- قاعدة بيانات MySQL MySQL Database
- الاتصال بـ MySQL MySQL Connect
- MySQL إنشاء قاعدة بيانات MySQL Create DB
- إنشاء جدول MySQL MySQL Create Table
- إدراج البيانات في MySQL MySQL Insert Data
- MySQL الحصول على آخر ID MySQL Get Last ID
- إدراج سجلات متعددة في MySQL MySQL Insert Multiple
- MySQL Prepared MySQL Prepared
- MySQL تحديد البيانات MySQL Select Data
- MySQL WHERE MySQL Where
- MySQL الترتيب حسب MySQL Order By
- حذف البيانات من MySQL MySQL Delete Data
- تحديث بيانات MySQL MySQL Update Data
- تحديد بيانات MySQL MySQL Limit Data
PHP XMLPHP XML
5 درس
الدروس
PHP - AJAXPHP - AJAX
6 درس
الدروس
PHP ExamplesPHP Examples
8 درس
الدروس
PHP ReferencePHP Reference
20 درس
الدروس
- نظرة عامة على PHP PHP Overview
- مصفوفات PHP PHP Array
- العمل مع PHP Arrays Working with PHP Arrays
- دالة array_change_key_case() array_change_key_case()
- array_chunk() array_chunk()
- دالة array_column() array_column()
- array_combine() array_combine()
- الدالة array_count_values() array_count_values()
- array_diff() array_diff()
- array_diff_assoc() array_diff_assoc()
- الدالة array_diff_key() array_diff_key()
- array_diff_uassoc() array_diff_uassoc()
- دالة array_diff_ukey() array_diff_ukey()
- الدالة array_fill() array_fill()
- array_fill_keys() array_fill_keys()
- دالة array_filter() array_filter()
- الدالة array_flip() array_flip()
- array_intersect() array_intersect()
- array_intersect_assoc() array_intersect_assoc()
- دالة array_intersect_key() array_intersect_key()
09
MySQL
MySQL
1 درس
10
Laravel
Laravel
1 درس
جرّب اسم تقنية أو جزء من عنوان الدرس.
03 /مسارك إلى مجال الويب
دعنا ننير لك الطريق!
- هل أنت حديث التخرج وترغب بالعمل في مجال الويب؟
- أم لديك عمل حالي ولكن ترغب في تغيير مجالك الوظيفي إلى مجال برمجة مواقع وتطبيقات الويب؟
- وهل ترغب في معرفة ما الذي يتطلبه الأمر حتى تصبح محترف في مجال تصميم وبرمجة مواقع وتطبيقات الويب؟
- هل تريد تجربة الدراسة أولًا قبل دفع آلاف الجنيهات وإضاعة وقتك في دورات تدريبية متخصصة لا تجدها مجدية فيما بعد؟
- هل تريد التعرف على سوق العمل عن قرب ومعرفة كيف تسير الأمور داخل الشركات كأنك أحد المبرمجين؟
- ماذا عن العمل بالدول العربية؟ أو حتى العمل بشكل حر من المنزل والوصول لعملائك من أي مكان؟
المهارات التي تكتسبها
ماذا ستتعلم
- ستتعلم كيفية تصميم وبناء هياكل صفحات الويب باستخدام HTML.
- ستتعلم كيفية تنسيق صفحات الويب، وتخصيص الألوان، والخطوط، والخلفيات.
- ستتعرف على المتغيرات والمصفوفات والشروط والحلقات التابعة للغة JavaScript.
- ستتعرف على إطار العمل Bootstrap لتطوير مواقع متجاوبة مع جميع الأجهزة والشاشات.
- ستتعلم كيفية بناء تطبيقات الويب باستخدام React، وكذلك تنسيق التطبيقات، والتفاعل مع الـ API.
- ستتعرف على نظام Git لإنشاء الفروع، والتعديل عليها، ودمجها مع النسخة الأساسية للكود، وإدارة إصدارات التطبيقات.
- وأخيرًا، ستتعلم لغة PHP، وقواعد البيانات MySQL، وإطار العمل Laravel؛ لبناء وتطوير الواجهة الخلفية لمواقع وتطبيقات الويب.
كل خطوة لها هدف
الهدف من المعسكر
- فهم أساسيات الويب، والقدرة على البداية في مجال الويب بداية صحيحة.
- زيادة القدرة على التفكير النقدي، وحل المشكلات، والتفكير بشكل إبداعي.
- إعداد مبرمج قادر على إنشاء تطبيقات ويب ضخمة واحترافية كاملة بمفرده.
- تعلم كيفية التعامل مع العملاء وفهم احتياجاتهم من خلال التدريب الميداني.
- قدرة الطالب على الحصول على وظيفة بعد انتهائه من جميع المهام المطلوبة.
- إعطاء الفرصة للطلاب لتطبيق المهارات المكتسبة في مشاريع حقيقية لبناء الخبرة العملية.
- تعزيز العمل الجماعي والتعاون عن طريق تكوين فريق والمشاركة في عمل مشروع جماعي.
قبل أن تبدأ
المتطلبات
- الالتزام بالمهام المطلوبة.
- المهارات الأساسية في استخدام الكمبيوتر.
مساراتك المهنية
المسمى الوظيفي
- مبرمج ومطور مواقع وتطبيقات الويب Web developer
- مصمم مواقع وتطبيقات الويب Web designer
- مبرمج ومطور الواجهة الأمامية لمواقع وتطبيقات الويب Front-end web developer
- مبرمج ومطور الواجهة الخلفية لمواقع وتطبيقات الويب Back-end web developer
- مبرمج ومطور الواجهة الأمامية والخلفية لمواقع وتطبيقات الويب Full stack web developer
معلومات تهمك
- لا تنس تقييم الدروس لكي نُحدّث المُحتوى باستمرار حتى ينال إعجابك.
- لا تنس مشاركة الموقع مع أصدقائك حتى تعمّ الفائدة وتكون سببًا في نفعهم.
جاهز تبدأ؟
ابدأ أول درس في المعسكر دلوقتي.
المنهج مرتّب خطوة بخطوة: ابدأ من أول درس متاح وكمّل بالترتيب، وكل مادة بتبني على اللي قبلها.
