آموزش React JS و Web API با ایجاد یک برنامه وب Full Stack [ویدئو]

Learn React JS and Web API by Creating a Full Stack Web App [Video]

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره: در این دوره یاد می گیرید که چگونه از ابتدا یک وب اپلیکیشن بسازید. شما از React.js برای فرانت اند و مایکروسافت SQL Server به عنوان پایگاه داده استفاده خواهید کرد. شما همچنین از ASP.NET Web API برای ایجاد API استفاده خواهید کرد. این یک راهنمای جامع برای مفاهیم React.js نیست. در عوض، این دوره یک رویکرد عملی را اتخاذ می کند زیرا شما یاد می گیرید یک برنامه وب با استفاده از برخی از رایج ترین کنترل های React.js بسازید. مطمئن شوید که بخش منابع اضافی را برای مفاهیم نظری/پیشرفته بررسی کرده اید. • Angular 8 را نصب کنید و پروژه بسازید • Bootstrap را نصب کنید و طرح های متریال را به پروژه Angular خود اضافه کنید • روش‌های API را مصرف کنید (GET، PUT، POST، و DELETE) • مسیریابی زاویه ای • از فیلدهای فرم با فهرست های کشویی و انتخابگر تاریخ استفاده کنید در پایان این دوره، شما قادر خواهید بود یک برنامه ساده فول استک از ابتدا ایجاد کنید. همه کدها و فایل های پشتیبانی این دوره در دسترس هستند - https://github.com/PacktPublishing/Learn-React-JS-and-Web-API-by-Creating-a-Full-Stack-Web-App Learn React js و وب API آن. متدهای GET، POST، PUT و DELETE را پیاده سازی کنید. در مورد Material UI بیاموزید این دوره برای توسعه دهندگان وب، توسعه دهندگان دات نت، توسعه دهندگان جاوا و توسعه دهندگان UI و سایر کسانی است که از این دوره بهره مند می شوند. آموزش ساخت یک برنامه وب تمام پشته. * یک پروژه وب API ایجاد کنید * مسیریابی را برای برنامه های React خود پیاده سازی کنید

سرفصل ها و درس ها

معرفی Introduction

  • معرفی Introduction

وب API Web API

  • SQL Server و SSMS را نصب کنید Install SQL Server and SSMS

  • ویژوال استودیو 2019 را نصب کنید Install Visual Studio 2019

  • ایجاد پایگاه داده در MS SQL Server Create Database in MS SQL Server

  • ایجاد جدول بخش در MS SQL Create Department Table in MS SQL

  • ایجاد جدول کارکنان در MS SQL Create Employee Table in MS SQL

  • پروژه Web API را در ویژوال استودیو ایجاد کنید Create Web API project in Visual Studio

  • Web API را مجبور کنید که فقط پاسخ JSON را خروجی کند Force Web API to output JSON response only

  • سرویس گیرنده Postman را نصب کنید Install Postman client

  • کلاس مدل برای برنامه ما ایجاد کنید Create Model Class for our Application

  • کنترلرهای Web API را ایجاد کنید Create Web API Controllers

  • پیاده سازی متد GET در Web API Implement GET method in Web API

  • پیاده سازی متد POST در Web API Implement POST method in Web API

  • پیاده سازی روش PUT در Web API Implement PUT method in Web API

  • روش DELETE را در Web API پیاده سازی کنید Implement DELETE method in Web API

React JS React JS

  • Node JS را نصب کنید Install Node JS

  • کد ویژوال استودیو را نصب کنید Install Visual Studio Code

  • پروژه React JS را ایجاد کنید Create React JS Project

  • react-bootstrap را نصب کنید Install react-bootstrap

  • React Component ها را ایجاد کنید Create React Components

  • مسیریابی را برای برنامه React ما پیاده سازی کنید Implement Routing for our React Application

  • اضافه کردن منوی ناوبری Add Navigation menu

  • جدول بوت استرپ React React bootstrap Table

  • روش GET را مصرف کنید و جزئیات بخش را نمایش دهید Consume GET method and display Department details

  • مشکل CORS The CORS problem

  • Modal Pop up با استفاده از react bootstrap Modal Pop up using react bootstrap

  • فیلدهای فرم را اضافه کنید Add Form Fields

  • متد POST را در react js for Departments Table مصرف کنید Consume POST method in react js for Departments Table

  • در هنگام درج جدول بوت استرپ react را بازخوانی کنید Refresh react bootstrap table on insertion

  • جزء اسنک بار در طراحی متریال Snackbar component in Material design

  • روش Modal و PUT را برای بخش ویرایش کنید Edit Modal and PUT method for Department

  • روش حذف برای بخش Delete method for Department

  • روش‌ها را برای کارمندان دریافت و حذف کنید GET and DELETE Methods for Employee

  • Modal و POST برای کارمند Modal and POST for Employee

  • کشویی و Datepicker در فرم Dropdown and Datepicker in Form

  • روش Modal و PUT برای کارمند Modal and PUT method for Employee

نمایش نظرات

آموزش React JS و Web API با ایجاد یک برنامه وب Full Stack [ویدئو]
جزییات دوره
4 h 46 m
36
Packtpub Packtpub
(آخرین آپدیت)
از 5
ندارد
دارد
دارد
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Frahaan Hussain Frahaan Hussain

مدیر عامل و توسعه دهنده شرکت Sonar Systems من مدیر عامل شرکت Sonar Systems هستم که رهبر جهانی در زمینه مواد آموزشی برای موتور بازی Cocos2d-x ، یکی از بهترین و محبوب ترین موتورهای بازی در جهان است. با سالها تجربه برنامه نویسی و اجرای یک بستر آموزش آنلاین (یادگیری Sonar) می توانم از برنامه نویسی های جدید مانند شما کمک و پشتیبانی کنم. من همچنین یک مدرس دانشگاه هستم که موضوعات مختلفی را در برنامه نویسی بازی ها از طراحی بازی تا برنامه نویسی OpenGL Shader تدریس می کنم. من همچنین نویسنده منتشر شده ای در زمینه طراحی بازی ها هستم و به زودی منتشر می شود Responsive Web Design. من تمام جنبه های لازم برای آموزش و الهام گرفتن را دارم.

Vinay Kumar Vinay Kumar

مهندس نرم افزار سلام ، نام من Vinay است. من در حال حاضر به عنوان یک توسعه دهنده وب کاملاً پشته کار می کنم. من تجربه توسعه برنامه های وب و هوش تجاری را دارم. من روی فناوری هایی مانند .NET ، Angular ، React JS ، Vue JS ، SSIS و Power BI کار کرده ام. من فیلم های آموزشی برنامه نویسی را در اوقات فراغت خود ایجاد می کنم.