Learning Path for PowerApps Portal

 Liquid Objects:

https://docs.microsoft.com/en-us/powerapps/maker/portals/liquid/liquid-objects

Portal's Pros and Cons:

http://shaikhd365.blogspot.com/2018/08/what-is-dynamic-crm-web-portal.html

Web API in Power Apps Portals:

https://www.ariclevin.com/Home/Post/web-api-powerapps-portals

https://docs.microsoft.com/en-us/powerapps/maker/portals/web-api-perform-operations

Java Environment Setup

 Java's environment setup:

1. Install Amazon Corretto

https://aws.amazon.com/corretto/

2. Install IntelliJ IDEA

https://www.jetbrains.com/idea/

Learning Path Dynamics 365 and Power Platform

https://docs.microsoft.com/en-us/learn/modules/becoming-solution-architect/

https://docs.microsoft.com/en-us/learn/modules/intro-model-driven-apps-common-data-service/

https://docs.microsoft.com/en-us/learn/browse/?products=power-platform&skip=30

Some Useful Resources to Create an Angular or Angular 9 Project

https://codecraft.tv/courses/angular/http/http-with-observables/

https://www.techiediaries.com/angular/angular-9-8-tutorial-by-example-rest-crud-apis-http-get-requests-with-httpclient/

https://itnext.io/choosing-the-right-file-structure-for-angular-in-2020-and-beyond-a53a71f7eb05

https://www.techiediaries.com/angular-mock-backend/

https://www.npmjs.com/package/ol

https://stackblitz.com/edit/angular-bing-maps?file=src%2Fapp%2Fapp.component.ts

https://www.tektutorialshub.com/angular/angular-routing-between-modules/

https://angular.io/guide/feature-modules

https://www.techiediaries.com/angular/angular-9-elements-web-components/

https://www.techiediaries.com/angular/styling-angular-9-8-7-example-with-bootstrap-4-navbar-tables-forms-and-cards/

https://www.djamware.com/post/5e435e84a8d0ef4300ffc5f6/angular-9-tutorial-learn-to-build-a-crud-angular-app-quickly

https://www.djamware.com/post/5e435e84a8d0ef4300ffc5f6/angular-9-tutorial-learn-to-build-a-crud-angular-app-quickly

Some Resources to Create PowerApps Custom Component

Install PowerApps Cli

https://docs.microsoft.com/en-us/powerapps/developer/data-platform/powerapps-cli

Create and build a code component:

https://carldesouza.com/creating-a-custom-component-using-the-powerapps-component-framework/

Package a code component:

https://docs.microsoft.com/en-us/powerapps/developer/component-framework/import-custom-controls

Publish to production:

https://docs.microsoft.com/en-us/powerapps/developer/component-framework/issues-and-workarounds

Add code component into portal app:

https://www.inogic.com/blog/2021/09/use-of-code-components-in-power-apps-portal/

Extra:

PCF ReactJs Implementation Samples:

https://blog.thenetw.org/2019/06/06/getting-react-and-office-ui-fabric-work-with-powerapps-component-framework/

https://blog.dynamicscode.net/2019/06/26/react-extended-boundary-of-powerapps-component-framework/

How to add tools for unit testing in react js project ?

Below are the packages and command which need to be installed for unit testing in reactjs app.

yarn add jest enzyme react-test-renderer enzyme-adapter-react-16

I have used several packages which are:

Jest is a delightful JavaScript Testing Framework with a focus on simplicity.

Enzyme is a JavaScript Testing utility for React that makes it easier to test React Components' output.

React renderer that can be used to render React components to pure JavaScript objects, without depending on the DOM or a native mobile environment.

Enzyme adapter has peer dependencies on react and react-dom.

Cross-Origin Resource Sharing in Ruby on Rails Application

While working in Ruby on Rails application I faced a problem with Cross-Origin Resource Sharing. Here is the configuration below how to sort out this problem:

Rack::Cors provides support for Cross-Origin Resource Sharing

Steps to enable rackcors :

1.add gem to your Gemfile:

gem 'rack-cors'

2.Add below code to config/application.rb

# if you are using Rails 3/4

config.middleware.insert_before 0, "Rack::Cors" do

  allow do

    origins '*'

    resource '*', :headers => :any, :methods => :any

  end

end

# if you are using Rails 5

config.middleware.insert_before 0, Rack::Cors do

  allow do

    origins '*'

    resource '*', headers: :any, methods: :any

  end

end