Merge pull request #675 from dawidborycki/LP-batch-2

LP batch 2: Xamarin.Forms, Windows Forms, CEF Framework, Electron, WinUI3

Author: pareenaverma

content/learning-paths/laptops-and-desktops/electron/Figures/01.png

@@ -0,0 +1,36 @@
+---
+title: Develop cross-platform desktop applications with Electron on Windows on Arm
+
+minutes_to_complete: 30
+
+who_is_this_for: This learning path is for developers who want to learn how to develop cross-platform desktop applications using Electron Framework on Windows on Arm (WoA).
+
+learning_objectives:
+    - Implement a sample application using the electron framework on a Windows on Arm machine
+    - Learn how to create a multi platform build of the application
+
+prerequisites:
+    - A Windows on Arm computer such as [Windows Dev Kit 2023](https://learn.microsoft.com/en-us/windows/arm/dev-kit), Lenovo Thinkpad X13s running Windows 11 or a Windows on Arm[virtual machine](/learning-paths/cross-platform/woa_azure/).
+    - Node.js for Arm64. You can find the installer [here](https://nodejs.org/dist/v20.10.0/node-v20.10.0-arm64.msi)
+    - Any code editor, we recommend using [Visual Studio Code for Arm64](https://code.visualstudio.com/docs/?dv=win32arm64user).
+
+author_primary: Dawid Borycki
+
+### Tags
+skilllevels: Introductory
+subjects: Migration to Arm
+armips:
+    - Cortex-A
+operatingsystems:
+    - Windows
+tools_software_languages:
+    - JavaScript
+    - HTML    
+    - Visual Studio Code
+
+### FIXED, DO NOT MODIFY
+# ================================================================================
+weight: 1                       # _index.md always has weight of 1 to order correctly
+layout: "learningpathall"       # All files under learning paths have this same wrapper
+learning_path_main_page: "yes"  # This should be surfaced when looking for related content. Only set for _index.md of learning path content.
+---

content/learning-paths/laptops-and-desktops/electron/Figures/02.png

@@ -0,0 +1,39 @@
+---
+# ================================================================================
+#       Edit
+# ================================================================================
+
+next_step_guidance: >
+   You have learned how to implement cross-platform desktop applications with Electron. You might be interested in learning how to build a Windows on Arm native application with the .NET Framework.
+# 1-3 sentence recommendation outlining how the reader can generally keep learning about these topics, and a specific explanation of why the next step is being recommended.
+
+recommended_path: "/learning-paths/laptops-and-desktops/win_net"
+# Link to the next learning path being recommended(For example this could be /learning-paths/servers-and-cloud-computing/mongodb).
+
+
+# further_reading links to references related to this path. Can be:
+    # Manuals for a tool / software mentioned   (type: documentation)
+    # Blog about related topics                 (type: blog)
+    # General online references                 (type: website) 
+
+further_reading:
+    - resource:
+        title: Electron
+        link: https://www.electronjs.org/blog/electron-doumentation
+        type: documentation
+    - resource:
+        title: Awesome Electron
+        link: https://github.com/sindresorhus/awesome-electron
+        type: website
+    - resource:
+        title: Electron support for Windows on Arm
+        link: https://www.electronjs.org/docs/latest/tutorial/windows-arm
+        type: documentation    
+
+# ================================================================================
+#       FIXED, DO NOT MODIFY
+# ================================================================================
+weight: 21                  # set to always be larger than the content in this path, and one more than 'review'
+title: "Next Steps"         # Always the same
+layout: "learningpathall"   # All files under learning paths have this same wrapper
+---

content/learning-paths/laptops-and-desktops/electron/Figures/03.png

@@ -0,0 +1,41 @@
+---
+# ================================================================================
+#       Edit
+# ================================================================================
+
+# Always 3 questions. Should try to test the reader's knowledge, and reinforce the key points you want them to remember.
+    # question:         A one sentence question
+    # answers:          The correct answers (from 2-4 answer options only). Should be surrounded by quotes.
+    # correct_answer:   An integer indicating what answer is correct (index starts from 0)
+    # explanation:      A short (1-3 sentence) explanation of why the correct answer is correct. Can add additional context if desired
+
+
+review:
+    - questions:
+        question: >
+            How do you style the Electron application?
+        answers:
+            - "Using CSS"
+            - "Using a style package"
+            - "Using an npm"            
+        correct_answer: 1               
+        explanation: >
+            CSS is the common approach to style Electron applications
+
+    - questions:
+        question: >
+            What is the JSONPlaceholder?
+        answers:
+            - "A library for JSON serialization"
+            - "A mock API for testing web apps"
+        correct_answer: 2
+        explanation: >
+            JSONPlaceholder is a free online REST API service that serves as a mock server for testing and prototyping web applications
+
+# ================================================================================
+#       FIXED, DO NOT MODIFY
+# ================================================================================
+title: "Review"                 # Always the same title
+weight: 20                      # Set to always be larger than the content in this path
+layout: "learningpathall"       # All files under learning paths have this same wrapper
+---