این آموزش در ۸ دقیقه شما را با مفهوم مهم Full Stack App آشنا میکند. آیا میدانید اپلیکیشن فول استک چیست ؟ آیا میدانید فرانت اند چیست؟ بک اند چیست؟ و ارتباط Front-end و Back-end چگونه شکل میگیرد؟
این فیلم در جریان ضبط فصل دوم آموزش ساخت فروشگاه با جنگو و ری اکت تولید شد. اما چون آگاهی از این بحث برای هر برنامه نویسی لازم است، در اینجا به صورت یک برگ رایگان نیز به شما هدیه میشود.
این آموزش در یک نگاه
فرقی نمیکند که بک اند را با جنگو بزنید یا با ASP و فرانت اند را با ریکت بزنید یا با فلاتر! در هر صورت شیوه کار یک اپ Fullstack مبتنی بر سیسیتم Web API یکسان است.
در سمت بک اند باید تعدادی url یا به اصطلاح دقیقتر Endpoint طراحی میکنید. کدها رو طوری مینویسید که با دریافت شدن هر url در سمت سرور، یک کار معین با دیتابیس انجام شود. با زدن کوئری روی پایگاه داده ممکن است دادههایی واکشی شود یا شاید دادهای درج یا حذف شود. نتیجه کار نیز به صورت کد وضعیت Response و همچنین در صورت لزوم به صورت JSON بازگردد.
حالا در سمت فرانت اند کافی است در مکان مناسب هر یک از این url ها را فراخوانی کنید. مثلا شاید در صفحه اصلی اپ یک url مبتنی بر متد GET فراخوانی کنیم که بک اند با دریافت این url فهرستی از محصولات فروشگاه را از جدول مربوطه واکشی و به فرمت جیسون به درخواست دهنده (فرانت اند) پرتاب کند. و شما کدهای لازم برای دریافت چنین پاسخی را هم از قبل در فرانت اند نوشتهاید. مثلا کامپوننتهایی طراحی کردهاید که اطلاعات لازم از قبیل نام محصول و شرح محصول و … را در کاشیهای منظمی به شکلی زیبا نمایش دهید.
اگر توضیح بالا کمی مبهم به نظر میرسد لطفا فیلم را با دقت ببینید. در فیلم به کمک تصاویر موضوع واضح تر بیان شده است.
کلیدواژگان
اپلیکیشن فول استک چیست – full stack – فول استک پایتون – فول استک جاوا اسکریپت – دوره آموزش پروژه محور فول استک – دوره فول استک – طراحی وب فول استک – بک اند چیست – Backend چیست – بک اند – Backend – فرانت اند بهتره یا بک اند – تفاوت برنامه نویسی بک اند و فرانت اند – فرانت اند و بک اند چیست – فرانت اند و بک اند – ارتباط فرانت اند و بک اند
نقد و بررسیها
هنوز بررسیای ثبت نشده است.