< Back

VTEX Tech

Dive into the VTEX technology with this program designed to empower you with the skills and expertise needed to harness the full potential of the VTEX platform.

SYLLABUS

FastStore

  • What is and why use FastStore?
  • Preparing my computer to use FastStore
  • Starting a FastStore project
  • Basics about GitHub + VS Code
  • Basic explanation of the FastStore Structure
  • Running a project locally
  • Doing changes locally at FastStore
  • Creating a section and sync with the VTEX CMS Headless
  • Deploying a change using the VTEX CMS Headless
  • FastStore Technologies
  • Explaining FastStore Structure Advanced
  • Overview API extensions
  • Hooks & Components
  • Overriding a native component
  • Advanced Training CMS Headless
  • Singleton & Multiton (multiple) Content Pages
  • Automation of tests
  • Dynamic Content
  • Party Town Integration

VTEX IO

  • Introduction - computer language concept
  • Introduction - Node.js, NPM and Yarn
  • Introduction: store theme and minimum boilerplate
  • Introduction: app concept and versioning
  • Types of workspaces and Edition
  • CLI and commands
  • Files structure and native components
  • Blocks and props
  • Basic blocks: home components
  • Basic blocks: product page
  • Basic blocks: search page
  • Layout blocks I
  • Layout blocks II
  • Defining styles, CSS Handles, global styles and CSS
  • Building a custom landing page and props from search result
  • Publishing and installing an app
  • Store Framework: Site Editor: What is and how to manage it
  • Best practices for performance improvement: part 1
  • Best practices for performance improvement: part 2
  • Best practices for performance improvement: part 3
  • Best practices for performance improvement: part 4
  • Best practices for performance improvement: part 5
  • Admin applications
  • Developing custom blocks
  • Editable custom blocks on Site Editor
  • VTEX IO services and templates
  • Handling and receiving events
  • Using events as triggers
  • Clients: how to connect internal and external services
  • What is GraphQL: Query Language
  • GraphQL: retrieving data from Masterdata
  • Multilanguage store (apps)
  • Pixel app
  • Masterdata V2 on VTEX IO
  • VBase
  • Policies
  • Debugging: React Dev Tools
  • Debugging: queryString inspect
  • VTEX IO training - Sales Hub