Introduction to B2B Commerce for Developers

Question 1

What are the three core building blocks (libraries) of the Insite development architecture?

Answer 1

• InsiteCommerce.Web
• Insite.Module
• Insite.Model

Question 2

What front-end components are contained within InsiteCommerce.Web?

Answer 2

• All widget views
• AngularJS directives
• AngularJS controllers
• AngularJS services

Question 3

What is the main responsibility of InsiteCommerce.Web?

Answer 3

Housing the client side models and services that call the WebAPI layer within each of the Modules.

Question 4

Name a few Insite.Modules.

Answer 4

• Insite.Account
• Insite.Cart
• Insite.Catalog
• Insite.Customers
• Insite.Order
• Insite.Requisition

Question 5

True or False - Insite.Modules have a dependency on InsiteCommerce.Web?

Answer 5

True

They have a dependency on the presentation layer of their component which is located in the InsiteCommerce.Web project.

Question 6

What are the responsibilities of Insite.Model?

Answer 6

Data Access and Persistence. Specificially:

• Unit of Work
• Repository
• Domain Services
• Context Provider
• Persistence of the platform

Question 7

Name the 3 projects in the B2B Commerce Visual Studio Solution.

Answer 7

1. InsiteCommerce.Web
2. Extensions
3. Theme

Question 8

True or False - Your B2B Commerce Solution can contain multiple themes?

Answer 8

True

You can create multiple themes by creating multiple theme projects using the Powershell script included with the solution.

Question 9

True or False - You can make changes to InsiteCommerce.Web?

Answer 9

False

Question 10

Which of the follow can you make changes to inorder to customize your site?

1. Web
   
   1. Insite.Web
   2. Extensions
   3. Theme
2. Modules
3. Model

Answer 10

1.2 & 1.3

You can only make changes to Web through Extensions and Theme projects.

Question 11

True or False - The UI/UX layer is tightly coupled to the platform’s core?

Answer 11

False

The UI/UX layer is seperated from the platform’s core to ensure its easy to adjust to meet unique branding requirements without impacting business rules.

Question 12

Name the front-end languages / frameworks used within B2B Commerce.

Answer 12

• TypeScript
• Angular JS (Classic)
• React (Spire)
• HTML5
• CSS3
• JS
• SAS (.scss)
• Dot Liquid

Question 13

Name the 3 components of a theme?

Answer 13

• Views
• Scripts
• Styles

Question 14

What are contained within the Views of a Theme?

Answer 14

For Classic:

• DotLiquid markup (rendered on the server)
• Angular directives (rendered on the client)

Question 15

What are contained within the Scripts of a Theme?

Answer 15

Javascript and Typescript files that contain:

• Angular directives
• Controllers
• Typescript Services that make up the API

Question 16

What are contained within the Styles of a Theme?

Answer 16

The stylesheets related to the theme in SAS (.scss) or CSS.

Question 17

How does the setup of the Theme project help ensure future updates to the base B2B Commerce theme(s) do not impact an existing site?

Answer 17

Base themes are decoupled from any project themes cloned from them. This isolates customer project themes, making them autonomous from Epi-provided themes.