Configuring VSCode | DLightHouse

Autoplay
Autocomplete

Previous Lesson Complete and Continue

Learn AEM + React

Quick Introduction to Nodejs and React

Introduction (0:38)
Configuring VSCode (2:16)
Nodejs (2:08)
Simple Nodejs Example (5:35)
Exercise - Nodejs Application
Creating the React App (3:56)
Running the App (1:43)
Create a React Component (3:06)
Function Components (2:54)
Generate a Static Site (2:03)
Exercise - React Application
Check your knowledge (COMING SOON)
What's Next (0:30)

Quick Introduction to AEM and Adobe's archetype

Introduction (1:11)
AEM (4:01)
Adobe’s Archetype (4:22)
Application High Level Structure (4:27)
VSCode (0:49)
What's Next (0:35)

Create an AEM component using React

Introduction (1:01)
Create an AEM Component (2:09)
Explore Component and Dialog (4:05)
Expose the Sling Model (4:06)
Integrate React Component (1:47)
Configure the Empty Placeholder (1:56)
Map AEM-React components (1:34)
Page Editor - Explore the Component (2:29)
CRXDE Lite - Explore the Component (1:56)
Sling Model - Explore the Component (1:33)
Reactjs Dev Tools - Explore the Component (1:22)
Exercise - AEM + React Component
What's Next (0:26)

JSX

Introduction (0:38)
What is JSX (5:40)
HTML (3:16)
Expressions (1:37)
Conditional Rendering (1:47)
Iterating Through Elements (2:19)
Exercise - Experimenting with JSX
What's Next (0:33)

Passing Data from AEM into React

Introduction (0:51)
AEM dialogs (5:55)
String Properties (7:21)
Boolean Properties (4:57)
Simple Array Properties (5:46)
Complex Array Properties (7:22)
Exercise - Experimenting with Dialogs - Coming Soon
What's Next - TBD

I would like to hear from you!

Let me hear from you

Teach online with

Configuring VSCode

Complete and Continue