الصفحة الرئيسية>المتعلقة بالبرمجة>شفرة المصدر الأخرى
تنزيل

مسار مطور الويب الكامل مكدس

هذا دليل لتعلم تطوير الويب الكامل. وهي تركز على جافا سكريبت الكامل. ويغطي طوال الطريق من الأساسيات إلى رد الفعل والعقدة.
الفكرة وراء هذا الريبو هي أن يكون لديك مكان لتسجيل عملية التعلم بطريقة منظمة.

يمكن استخدام هذا كصاحبة في منهج FreeCodecamp

سجل الترميز

الأساسيات

تقدم يكتب غرض المشروع (المشروع) تاريخ
دورة CS50 على edx
دورة Team Treehouse أو Codeschool's HTML أو CSS Path (مدفوع) أو دورة HTML ، CSS Shay Howe
مشروع مشروع FCC الأمامي - قم ببناء محفظتك
دورة تعلم استخدام سطر الأوامر
دورة تعلم التحكم في الإصدار (GIT) - Git CourseCodeschool أو Udacity - Git و Github
دورة تعلم Flexbox - Flexbox.io أو FlexBoxFroggy
دورة تعلم Sass - Sass -Gerfer أو Sass Tuils
مشروع Refactor تخطيط موقع المحفظة و CSS باستخدام Flexbox و Sass
دورة مشاهدة والرمز - JavaScript العملي
كتاب جافا سكريبت بليغة
مشروع هل تحديات خوارزمية جافا سكريبت FCC
كتاب تعلم معالجة DOM - تنوير DOM
مشروع اصنع قائمة TODO WebApp
دورة تعلم أياكس
مشروع مشروع FCC الوسيط - بناء مولد اقتباس عشوائي
مشروع مشروع FCC الوسيط - قم ببناء تطبيق طقس محلي
مشروع مشروع FCC الوسيط - بناء عارض ويكيبيديا
مشروع مشروع FCC الوسيط - بناء عارض تلفزيون Twitch
دورة تعلم ES6 - WES BOS - ES6 للجميع (المدفوع) أو دورة تحطم ES6
دورة JavaScript30
مشروع هل تحديات الخوارزمية الوسيطة
مشروع مشروع FCC Advanced Project - إنشاء حاسبة JavaScript
مشروع PCC Advanced Project - بناء ساعة Pomodoro
مشروع PCC Advanced Project - بناء لعبة TIC TAC TOE
مشروع مشروع FCC Advanced Project - بناء لعبة سيمون
منعطف شهادة FreeCodecamp الأمامية
دورة [اختياري] JavaScript: فهم الأجزاء الغريبة (مدفوعة)
كتاب ydkjs: Up & Going
كتاب ydkjs: النطاق والإغلاق
كتاب ydkjs: هذه النماذج الأولية
كتاب ydkjs: الأنواع والقواعد النحوية
كتاب ydkjs: Async والأداء
كتاب ydkjs: ES6 & Beyond

رد فعل

تقدم يكتب غرض المشروع (المشروع) تاريخ
دورة تعلم رد الفعل - رد الفعل للمبتدئين - WES BOS (مدفوع الأجر) أو React Proocedals - Tyler McGinnis (الدفع) أو تعلم React @egghead.io
دورة تعلم Redux - دورة Redux - Wes Bos
مشروع مشروع React FCC - بناء معاينة تخفيض
مشروع FCC React Project - إنشاء تطبيق صندوق وصفة
مشروع استنساخ واجهة Netflix باستخدام React - سحب البيانات من فيلم DB API
مشروع استنساخ هذا قالب المسؤول باستخدام React

الواجهة الخلفية (العقدة)

تقدم يكتب غرض المشروع (المشروع) تاريخ
دورة تعلم العقدة - دروس Wes BOS (مدفوعة) أو دروس العقد
مشروع مشروع الواجهة الخلفية لجنة الاتصالات الفيدرالية (FCC) - الخدمات الدقيقة الطابع الزمني
مشروع FCC Backend Project- طلب رأس Microservice microservice
مشروع FCC Backend Project- URL Shorterener Microservice
مشروع FCC Backend Project- طبقة تجريد البحث عن الصور
مشروع FCC الخلفية المشروع- ملف تعريف بيانات ملفات تعريف microservice
مشروع FCC Backend Project- بناء تطبيق تصويت
مشروع FCC Backend Project- بناء تطبيق تنسيق للحياة الليلية
مشروع FCC Backend Project- رسم سوق الأوراق المالية
مشروع FCC Backend Project- إدارة نادي تداول الكتب
مشروع FCC Backend Project- بناء استنساخ Pinterest
منعطف FreeCodecamp شهادة الخلفية

أهداف إضافية

  • تعلم كيفية إعداد بيئة التطوير المحلية الخاصة بك
  • نشر المشاريع المكتملة باستخدام صفحات github أو surge.sh (كلا الواجهة الأمامية فقط) أو خلل (يعمل مع الواجهة الخلفية أيضًا)
  • تعرف على أدوات البناء مثل Gulp وتضمينها في المشاريع
  • تعرف على linting. استخدم المبيدات مثل Eslint لـ JavaScript و Stylelint لـ CSS في مشاريعك.
  • تعرف على اتفاقيات CSS مثل BEM و SMACSS.
  • كل أسبوع ، اكتب منشورًا متوسطًا عن تعلم هذا الأسبوع.
  • جعل عادة الترميز يوميا. حاول تحدي #100DaysofCode

كيفية استخدام الدليل

  • لبدء استخدام الدليل ، شوكة الريبو.

ملحوظات

  • هذا قالب. يمكنك تخصيصه أو إضافة أو إزالة الدورات حسب اختياراتك.
  • إذا كنت تحب هذا الريبو وتجدها مفيدة ، فيرجى مراعاة ★ بطولة ذلك (في أعلى يمين الصفحة) :)
  • إذا كان لديك أي أسئلة ، فلا تتردد في طرحها على Twitter: Shovan Chatterjee

الإسناد

مستوحاة من أدلة P1XT ، رحلتي لتصبح مطور ويب من نقطة الصفر بدون درجة CS (وما تعلمته منه)

يوسع
معلومات إضافية
تطبيقات ذات صلة
نوصي لك
أخبار ذات صلة الكل