دوره آموزشی توسعه Full-Stack جاوا اسکریپت: MongoDB، Node و React
3 ساعت 36 دقیقهپیشرفته2022-12-21
مدرسین

Samer Buna
Polyglot Coder and Instructor
جزئیات دوره
با انجام دادن یاد بگیرید! با ساختن یک برنامه وب با MongoDB، Node.js و React.js، توسعه جاوا اسکریپت فول پشته را بیاموزید. نحوه استفاده از Node به عنوان وب سرور و سرور API، نحوه مصرف داده ها و ایجاد رابط کاربری با React و نحوه خواندن و نوشتن داده ها با پایگاه داده MongoDB را بیاموزید. React به شما این امکان را میدهد که برنامههای دارای ویژگیهای کامل و مبتنی بر داده را سریعتر و کارآمدتر از آنچه که تنها با جاوا اسکریپت ممکن است بسازید. سامر بونا مفاهیم مدرن برنامه نویسی جاوا اسکریپت را با تاکید بر روش های کاربردی و ابزارهای منبع باز معرفی می کند. دروس تقریباً کاملاً عملی است، با نمایش برنامهنویسی زنده که مفاهیم را به خانه میآورد.
مهارت ها
Express.jsMongoDBNode.jsReact.jsJavaScript FrameworksMetaFull-Stack Web DevelopmentDatabase DevelopmentFront-End Web DevelopmentDatabase ManagementLearningWeb DevelopmentProgramming LanguagesOpen SourceSoftware Development
سرفصل ها
مقدمه
- آموزش توسعه جاوا اسکریپت فول استک
شروع به کار
- مخزن پروژه و NPM
- Express و TypeScript
- میان افزارها و قالب بندی
- ماژول های گره
- MongoDB و Docker
- React و webpack
- ESLint
React Fundamentals
- چرا واکنش نشان دهید
- نحو JSX
- اجزای عملکرد و پایه
- اداره کننده ایالت و رویداد
- چرخه حیات اجزا و عوارض جانبی
کار با داده ها
- ایجاد یک نقطه پایانی API ساختگی
- استفاده از نقطه پایانی API از مرورگر
- ارائه فهرستی از آیتم ها
- کلید React s برای آیتم های یک لیست
- واکشی داده ها در حالی که React در حال رندر است
- رندر سمت سرور مسیر ریشه
- به اشتراک گذاری داده ها بین سرور و کلاینت
- واکشی داده ها از MongoDB
مسیریابی و تاریخچه
- فراخوانی اعمال جزء در کودکان
- نمایش کامپوننت ریشه متفاوت
- واکشی داده ها پس از پیمایش به نمای جدید
- مدیریت تاریخچه ناوبری مرورگر
- رندر سمت سرور از یک مسیر سفارشی
- واکشی داده ها به صورت مشروط
- پیمایش روی لینک کلیک کنید
داده های ماندگار
- مدیریت داده ها در یک آرایه
- خواندن داده های فرم با DOM API
- آشنایی با روش های درخواست HTTP
- استفاده از نقطه پایانی API برای به روز رسانی داده ها
- به روز رسانی UI بر اساس پاسخ API
- چالش پروژه
- مراحل بعدی