وب سایت تخصصی شرکت فرین
دسته بندی دوره ها

Code a web app with React and Paypal

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

Intergrate Paypal into a React application


1. Introduction
  • 1.1 mypaypalappcopy.tar.zip
  • 1. Welcome to the tutorial.html
  • 2. Webpack installation
  • 3. Basic configuration for Webpack
  • 4. Enable CSS support by using Webpack
  • 5. Enable support for image files by using Webpack
  • 6. Enable support for font files by using Webpack
  • 7. Install a Webpack plugin to generate HTML files
  • 8. Configure HtmlWebpackPlugin
  • 9. Create the template to generate HTML files automatically with Webpack
  • 10. Configure React by using Webpack
  • 11. Installing some dependencies necessary for React to work
  • 12. Installing another dependencies necessary for React to work
  • 13. Code a simple React application
  • 14. Watch mode in Webpack
  • 15. Installing Express
  • 16. Coding a web server with Nodejs
  • 17. Fixing a tiny bug in the code
  • 18. Running the web server and testing the React app
  • 19. Creating the first React component
  • 20. Fixing ReactDOM import

  • 2. Creating the form to input product details
  • 1. Splitting the webpage layout into three sections
  • 2. Add font files to the project
  • 3. Understanding a PayPal order
  • 4. Apply a linear gradient as the background for the webpage
  • 5. Apply some styling to the text content of the webpage
  • 6. Add a CSS framework to the project
  • 7. Making a responsive grid with CSS
  • 8. Storing the items object into an state variable
  • 9. Adding a text field for the name of the product
  • 10. Adding a text field for the description of the product
  • 11. Adding a text field for the product SKU
  • 12. Adding a text field for the price of the product
  • 13. Adding a text field for the tax of the product
  • 14. Adding a text field for the quantity of the product
  • 15. Adding a dropdown menu for the category of the product
  • 16. Updating the responsive grid
  • 17. Adding the handleChange event handler to the form fields
  • 18. Create the logic for the handleChange event handler
  • 19. Styling the labels of the form fields
  • 20. Adding a button and styling it
  • 21. Create a Paypal order
  • 22. Saving the Paypal order into the web browser
  • 23. Redirecting the user to the next webpage
  • 24. Testing the Order Items page

  • 3. Create the form to input the shipping address
  • 1. Setting up a new webpage for the project using Webpack
  • 2. Add some React code to the new webpage
  • 3. Adding a new route to the web server
  • 4. Create a new React component from scratch
  • 5. Create the basic layout of the webpage
  • 6. Styling the Shipping Address page
  • 7. Save the shipping address into an state variable
  • 8. Create a responsive grid to center the content
  • 9. Add a text field to input the fullname of the buyer
  • 10. Dropdown menu to select the country code
  • 11. Text fields for the state and city
  • 12. Text field for the postal code
  • 13. Text field for the street and the number
  • 14. Text field for the apartment or unit number
  • 15. Creating the logic for the onChange event
  • 16. Adding a button and styling it with CSS
  • 17. Adding the logic for the button
  • 18. Redirecting the user to the Amount Breakdown page
  • 19. Testing the web application

  • 4. Creating a web page to calculate the final amount
  • 1. Configure a new page for the project with Webpack
  • 2. Creating the basic React code for the new page
  • 3. Adding a new route for the new page
  • 4. Testing the Webpack configuration so far
  • 5. Creating a new React component for the Amount Breakdown page
  • 6. Creating the basic sections of the new page
  • 7. Apply some CSS styling to the new page
  • 8. Create a new state variable for the amount details
  • 9. Create a table with the CSS framework
  • 10. Create a responsive grid to center the content
  • 11. Add a text field to enter the shipping cost
  • 12. Add a text field to enter the handling cost
  • 13. Add a text field to enter the tax total
  • 14. Add a text field for the shipping discount
  • 15. Add a text field for the discount
  • 16. Display the final amount
  • 17. Styling the Amount Breakdown table
  • 18. Configure the handleChange event handler
  • 19. Explanation of the logic inside the handleChange event handler
  • 20. Complete the logic inside the handleChange event handler
  • 21. Explanation on how to calculate the item total
  • 22. Create the code to calculate the item total
  • 23. Create the code to calculate the tax total
  • 24. Create the code to calculate the final amount
  • 25. Testing the web app

  • 5. Configure Paypal to work with the React app
  • 1. Creating a test buyer account
  • 2. Creating a test seller account
  • 3. Creating a Paypal App
  • 4. Install fetch
  • 5. Get the access token from Paypal
  • 6. Function which creates a Paypal order
  • 7. PayPal request id
  • 8. Function which captures a Paypal order
  • 9. Create order endpoint
  • 10. Capture order endpoint
  • 11. Adding the Pay Now button
  • 12. Creating the logic for the Pay Now button
  • 13. Completing the logic for the Pay Now button
  • 14. Testing the response from PayPal
  • 15. Redirecting the user to Paypal
  • 16. Testing the web application
  • 17. Adding a new web page for the project with Webpack
  • 18. Create the initial React code for the new page
  • 19. Create a new route for the new page
  • 20. Checking whether the new page works
  • 21. Creating a new React component
  • 22. Getting the access token
  • 23. Capture order HTTP request
  • 24. Confirmation message when the transaction is completed
  • 25. Apply some CSS styling to the previous web page
  • 26. Testing a Paypal transaction
  • 27. Add the cancel page with Webpack
  • 28. Initial React code for the cancel page
  • 29. Add a new route for the cancel page
  • 30. Check the new page configuration
  • 31. Creating an new React component
  • 32. Adding an image file to the project
  • 33. Cancel page content
  • 34. Checking the cancel page
  • 35. Cancelling a payment
  • 179,000 تومان
    بیش از یک محصول به صورت دانلودی میخواهید؟ محصول را به سبد خرید اضافه کنید.
    افزودن به سبد خرید
    خرید دانلودی فوری

    در این روش نیاز به افزودن محصول به سبد خرید و تکمیل اطلاعات نیست و شما پس از وارد کردن ایمیل خود و طی کردن مراحل پرداخت لینک های دریافت محصولات را در ایمیل خود دریافت خواهید کرد.

    ایمیل شما:
    تولید کننده:
    شناسه: 17040
    حجم: 5225 مگابایت
    مدت زمان: 573 دقیقه
    تاریخ انتشار: ۸ مرداد ۱۴۰۲
    دیگر آموزش های این مدرس
    طراحی سایت و خدمات سئو

    179,000 تومان
    افزودن به سبد خرید