انتقل إلى المنهج
CT-WP01 | Codenius bootcamp

معسكر كودينيس الكامل لتصميم وبرمجة تطبيقات ومواقع الويب

Full stack web design and development Codenius bootcamp معسكر كودينيس الكامل لتصميم وبرمجة تطبيقات ومواقع الويب

التقنيات المستخدمة
  • HTML
  • CSS
  • JavaScript
  • React JS
  • PHP
  • Laravel
المواد
10
المستوى
متقدم
اللغة
عربي
المدة
02:33
السعر
مجانًا
المشاهدات
394

عن معسكر كودينيس

"A professional web designer and developer" "مصمم ومبرمج مواقع انترنت محترف"

هذا ما ستكون عليه بعد دراستك لهذا المعسكر !

معسكر كودينيس لتعلّم تصميم وتطوير مواقع وتطبيقات الويب، من الواجهة الأمامية باستخدام HTML وCSS وJavaScript وReactJS إلى الخلفية باستخدام PHP وMySQL وLaravel، ضمن مسار تعلّم متدرج.

مسار متكامل لتطوير الويب CODENIUS CT-WP01
Front-End

الواجهة الأمامية

HTMLCSSJavaScript
مخطط مسار تطوير الويب في معسكر كودينيس: الواجهات الأمامية والخلفية وقواعد البيانات وأطر العمل
Back-End

الواجهة الخلفية

PHPMySQLLaravel
الفكرة

ما المقصود بالمعسكر التدريبي؟

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

لماذا معسكر كلوز تاج التدريبي؟

مع تعدد التقنيات والتكنولوجيا المستخدمة، ومع وجود العديد من المناهج والمستويات المختلفة فضلًا عن الكثير من المصطلحات والأسماء المعقدة؛ فإن أكبر عقبة تواجه الراغبين في دخول هذا المجال هي تحديد الطريق بشكل واضح.
من أين أبدأ وكيف أصل أو ما هي الخطوات الصحيحة للوصول؟! هذا هو السؤال الأكثر شيوعًا لدى معظم المتدربين، ولأن لدينا الخبرة الكافية للإجابة على هذا السؤال فقد قمنا بإنشاء هذا المعسكر ليضعك على الطريق الصحيح من البداية وبالترتيب المناسب.
المحتوى

ما الذي لدى كلوز تاج هنا في هذا المعسكر؟

من هنا يمكنك البدء بالخطوة الأولى، ثم الانطلاق مع 10 دورات رئيسية تحتوي كل منها على العديد من الموضوعات الفرعية، هذا بالإضافة إلى بعض الميزات الأخرى على هامش المعسكر التدريبي.
تقنيات تبني بها مستقبلك10 دورات
  • Web Technology
  • HTML
  • CSS
  • JavaScript
  • Bootstrap
  • ReactJS
  • Git
  • PHP
  • MySQL
  • Laravel
LEARN. BUILD. CREATE.

من المعرفة إلى التجربة

يستعرض هذا المعسكر التدريبي عشر دورات أساسية في مجال الويب من خلال خبراء متخصصون في هذا المجال لديهم الخبرة الكافية في سوق العمل لإعداد الطالب للعمل كمصمم ومبرمج لتطبيقات ومواقع الويب عن طريق دراسة المواد وحل الاختبارات الدورية وعمل التطبيقات والمشاريع العملية وإتمام سابقة الأعمال المكونة من أكثر من 15 مشروع حقيقي في مجال الويب..
وفي كل مرحلة من مراحل هذا المعسكر سيتم توجيهك خطوة بخطوة بدايةً من دراسة المواد الأساسية وعمل التطبيقات حتى تكتسب الآتي:
  • فهمًا متكاملًا لأساسيات الويب.
  • القدرة على حل المشكلات والعقبات.
  • الخبرة في عمل المشاريع الحقيقية.
  • الخبرة في التعاون والعمل ضمن فريق عمل.
  • سابقة أعمال احترافية.
01 التجربة

تجربة عملية في المجال

وليس هذا فحسب، إننا هنا لا نتحدث عن شروحات نظرية فقط، بل سنقدم لك تجربة العمل في المجال ونوفر لك تدريبًا عمليًا ميدانيًا في هذا المسار والذي سيضيف إليك أيضًا الكثير من المهارات الفنية والشخصية التي ستحتاج إليها وتستعملها لاحقًا في سوق العمل.
02 الاستعداد

استعداد حقيقي لسوق العمل

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

المحتوى الدراسي

المواد التعليمية التي سيتم دراستها في معسكر كودينيس

مواد
10
موضوعًا
77
درسًا
565

Front-End

تصميم وبرمجة الواجهة الأمامية لمواقع وتطبيقات الويب

01

Web Technology

تكنولوجيا الويب
51 درس

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

الأجهزة الافتراضيةVirtual Machine
6 درس
الدروس
الشبكاتNetwork
28 درس
الدروس
تطوير الويبWeb Development
5 درس
الدروس
بروتوكول نقل النص التشعبيHTTP
12 درس
الدروس
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 درس
الدروس
وسائط HTMLHTML Media
3 درس
الدروس
HTML متقدمHTML Advanced
3 درس
الدروس
03

CSS

لغة CSS
137 درس
تركز مادة CSS على معرفة كيفية التحكم في الألوان والخلفيات وترتيب عناصر HTML على المتصفح بواسطة لغة CSS، فأهم ما يميز هذه اللغة هو تقسيم صفحة الويب إلى أقسام "sections"، وعرض كل section بطريقة منظمة وجذابة؛ مما يؤدي في النهاية إلى تصميم حديث وجذاب لصفحة الويب.
بنية CSSCSS Syntax
6 درس
الدروس
نصوص CSSCSS Text
8 درس
الدروس
تنسيق نصوص CSSCSS Text Decoration
5 درس
الدروس
خطوط CSSCSS Fonts
5 درس
الدروس
خلفيات CSSCSS Backgrounds
7 درس
الدروس
حدود CSSCSS Borders
7 درس
الدروس
الإطار الخارجي في CSSCSS Outline
6 درس
الدروس
نموذج الصندوق في CSSCSS Box Model
4 درس
الدروس
أبعاد CSSCSS Dimensions
7 درس
الدروس
تموضع العناصر في CSSCSS Position
7 درس
الدروس
أنماط CSSCSS Style
5 درس
الدروس
التنقل باستخدام CSSCSS Navigation
3 درس
الدروس
التخطيط المرن في CSSCSS Flex Box
13 درس
الدروس
نظام Grid في CSSCSS Grid System
3 درس
الدروس
أعمدة Grid في CSSCSS Grid Columns
5 درس
الدروس
صفوف Grid في CSSCSS Grid rows
6 درس
الدروس
منطقة Grid في CSSCSS Grid Area
2 درس
الدروس
فجوات Grid في CSSCSS Grid Gaps
3 درس
الدروس
شبكة CSSCSS Grid
3 درس
الدروس
CSS المتجاوبCSS Responsive
9 درس
الدروس
تأثيرات نصوص CSSCSS Text Effects
3 درس
الدروس
CSS المتقدمCSS Advanced
18 درس
الدروس
محددات CSSCSS Selectors
2 درس
الدروس
04

JavaScript

جافا سكريبت
146 درس
تركز مادة JavaScript على تعلم كيفية عمل صفحات ويب ديناميكية تتفاعل مع المستخدم، كما يمكن استخدامها لإضافة تأثيرات حية لصفحات الويب مثل: التحقق من البيانات التي يدخلها المستخدم؛ فمن أهم ما يميز لغة JavaScript هو القدرة على استخدامها لبناء صفحات ويب متقدمة ومتعددة الوظائف.
بنية JavaScriptJavaScript Syntax
5 درس
الدروس
تخزين البيانات في JavaScriptJavaScript Store Data
4 درس
الدروس
العوامل في JavaScriptJavaScript Operators
9 درس
الدروس
مصفوفات JavaScriptJavaScript Arrays
5 درس
الدروس
كائنات JavaScriptJavaScript Objects
4 درس
الدروس
تدفق التحكم في JavaScriptJavaScript Control Flow
3 درس
الدروس
حلقات JavaScriptJavaScript Loops
5 درس
الدروس
دوال JavaScriptJavaScript Functions
10 درس
الدروس
أساسيات DOM في JavaScriptJS HTML DOM Basics
9 درس
الدروس
أحداث JavaScriptJavaScript Events
6 درس
الدروس
التنقل في JavaScriptJavaScript Navigation
10 درس
الدروس
BOM المتصفح في JavaScriptJavaScript Browser BOM
12 درس
الدروس
إصدار ES6 من JavaScriptJavaScript ES6
8 درس
الدروس
الكائنات المتقدمةOBJECTS Advanced
10 درس
الدروس
أصناف 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 درس
الدروس
05

Bootstrap

Bootstrap
34 درس
تركز مادة Bootstrap على تعلم كيفية إنشاء واجهات مستخدم سلسة ومرنة لمواقع الويب، وذلك من خلال المكونات والأدوات المساعدة في بناء صفحات الويب بسرعة وسهولة؛ وأهم ما يميز إطار العمل Bootstrap هو قدرته على إخراج تصميم متجاوب وجذاب يعمل على مختلف أحجام الشاشات.
أساسيات BootstrapBootStrap Basics
1 درس
الدروس
التقسيم في BootstrapBootStrap Division
2 درس
الدروس
تنسيق النصوص في BootstrapBootStrap Typography
1 درس
الدروس
CSS الأساسي في BootstrapBS Base CSS
17 درس
الدروس
JavaScript في BootstrapBS JavaScript
13 درس
الدروس
06

ReactJS

ReactJS
1 درس

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

07

Git

Version Control
1 درس
تركز مادة Git على معرفة كيفية استخدام Git لإدارة إصدارات المشروعات في بيئة عمل متكونة من أشخاص مختلفين يعملون معًا على نفس المشروع، وذلك من خلال تتبع التغييرات وبعد الانتهاء منها يتم دمج تلك التعديلات؛ مما يسهل التعاون على المشاريع البرمجية المشتركة.
دورة Git التعليميةGit Tutorial
1 درس
الدروس

Back-End

تطوير وبرمجة الواجهة الخلفية لمواقع وتطبيقات الويب

08

PHP

PHP
145 درس
لغة PHP هي لغة برمجة الواجهة الخلفية لمواقع وتطبيقات الويب، تستخدم لحفظ المعلومات على الخوادم والتعامل مع قواعد البيانات فيتم استخدامها في عمل لوحات التحكم لأصحاب المواقع ليتمكنوا من إضافة منتجات وخدمات للموقع دون الرجوع لمبرمج مرة أخرى أو كتابة كود جديد.
أساسيات PHPPHP Tutorial
60 درس
الدروس
PHP FormsPHP Forms
5 درس
الدروس
PHP AdvancedPHP Advanced
13 درس
الدروس
PHP OOPPHP OOP
14 درس
الدروس
MySQL DatabaseMySQL Database
14 درس
الدروس
PHP XMLPHP XML
5 درس
الدروس
PHP - AJAXPHP - AJAX
6 درس
الدروس
PHP ExamplesPHP Examples
8 درس
الدروس
PHP ReferencePHP Reference
20 درس
الدروس
09

MySQL

MySQL
1 درس
تشمل مادة MySQL معرفة كيفية إدارة وتنظيم قواعد البيانات على الخوادم؛ فهي عبارة عن نظام لإدارة قواعد البيانات يستخدم لتخزين واسترجاع وتعديل البيانات لأي تطبيق سواء كان التطبيق كبير أو صغير أو تطبيق موبايل أو تطبيق ويب، ويتم تخزين تلك البيانات عن طريق استخدام لغة PHP مع نظام MYSQL.
قاعدة البياناتDatabase
1 درس
الدروس
10

Laravel

Laravel
1 درس
إطار العمل Laravel هو إطار عمل مفتوح المصدر مبني على لغة PHP، ويستخدم في تبسيط عملية بناء وتطوير تطبيقات الويب خاصةً الكبيرة والمعقدة، مثل: نظام إدارة المحتوى، ومنصات التجارة الإلكترونية، والغرض الرئيسي من إنشائه هو تطوير تطبيقات الويب باستخدام نمط الـ MVC والذي سنتحدث عنه لاحقًا.
البدء مع LaravelGetting start
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

معلومات تهمك

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

جاهز تبدأ؟

ابدأ أول درس في المعسكر دلوقتي.

المنهج مرتّب خطوة بخطوة: ابدأ من أول درس متاح وكمّل بالترتيب، وكل مادة بتبني على اللي قبلها.