Giter Site home page Giter Site logo

servicenownextexperience / nextexperiencecoe.github.io Goto Github PK

View Code? Open in Web Editor NEW

This project forked from creatorworkflowsnow/creatorworkflowsnow.github.io

0.0 0.0 0.0 628.49 MB

Next Experience Center of Excellence

Home Page: https://nextexperienceCOE.github.io/

Shell 1.17% JavaScript 29.85% Python 1.91% TypeScript 8.47% CSS 7.40% SCSS 50.80% MDX 0.41%

nextexperiencecoe.github.io's Introduction

Contributors Forks Stargazers

Source Build

Pages Build


Logo

Creator Workshops Lab Guides

An awesome repository of Lab Guides for ServiceNow Creator Workflows!
Explore the docs »

View Demo · Report Bug · Request Feature

Table of Contents

About The Project

creatorworkflowsnow.github.io Screen Shot

A lab guide website for ServiceNow Creator Workflow Workshops. The lab guides are designed to be used with a pre-configured ServiceNow instance provided to you at a live Workshop event. Results may vary trying on your own instance.

Built With

Docusaurus
Docusaurus

Back to top

Getting Started

This is of how to list things you need to know to contribute to the lab guides.

Pre-requisites

Creating or Updating content

Below is an example of how setup your local system to edit the lab guides and contribute back to this project .

  1. Clone this repo by clicking the green code button above, then click Open with GitHub Desktop.

    Open with GitHub Desktop

  2. In GitHub Desktop, Create a new Branch.

    Create a new Branch

  3. Pick a unique name for your branch, then click Create Branch.

    Create a new Branch;

  4. In GitHub Desktop, go to Repository >> Open in Visual Studio Code

    Open in VS Code

  5. Open a terminal in VS Code.

    Open a terminal

  6. Install NPM packages with this command:

    npm install
  7. Run a local server to see your changes locally before you publish back to the repo:

    npm run start
  8. Your desktop should open a new browser tab to the URL: http://localhost:3000/

  9. Edit the markdown files in the labs/ folder as needed. Pay close attention to the frontmatter at the top of the file. Refer to to existing lab files for guidance or the Docusuarus documentation.

  10. When you are done editing and ready to commit back to the repo, go back to GitHub Desktop.

  11. Check the blue box next to each file and add a cool commit message like this:

    Add commit message

  12. Push your commits back to the GitHub repo.

    Push your commits

  13. Create a Pull Request. This pulls your code to the target branch when it gets approved.

    Create Pull Request;

  14. Patiently wait for one of the maintainers below to approve your Pull Request.

Back to top

Examples

Example Lab Guide

Check out this Example Lab Guide for how to lay out the files in your lab and basic styling guidelines.

Admonitions

This is an example of a TIP admonition.

How to add Admonitions to your lab guide

Front Matter

Front matter is the metadata at the top of a markdown file that tells the Docusuarus framework what to do with it. Here is an example:

---
id: front-matter
title: "Front Matter"
pagination_label: "Amazing Front Matter Examples"
hide_table_of_contents: true
draft: false
---

The information at the top of your markdown file is important for helping the site understand how to present your page.

Guide to Front Matter

VS Code tips

  1. Markdown All in One - All you need to write Markdown (keyboard shortcuts, table of contents, auto preview and more)

  2. Paste Image - Paste image from clipboard directly into your markdown file.

Back to top

FAQs

How do I install Node.js and NPM on MacOS?

Here are the steps to install Node.js and NPM on macOS:

  1. Install Homebrew: Homebrew is a package manager for macOS that simplifies the installation of software. You can install it by visiting the Homebrew's official website and following the instructions.

  2. Install Node.js and NPM: Once you have Homebrew installed, you can install Node.js and NPM by typing the following command in your terminal: brew install node. This command will download and install the dependencies.

  3. Verify Installation: After the installation finishes, you can confirm that you successfully installed Node.js by checking its version with the command: node -v. Similarly, you can check the installed version of NPM by typing: npm -v.

Please note that Node.js has a PKG installer for macOS available on its website. However, installing with Homebrew is the recommended approach.

How do I install Node.js and NPM on Windows?

  1. Download the installer: Download the Windows Installer from the Node.js official website. https://nodejs.org/en/download

  2. Run the installer: Double-click the .msi binary files to initiate the installation process.

  3. Verify Installation: After the installation finishes, you can confirm that you successfully installed Node.js by checking its version with the command: node -v. Similarly, you can check the installed version of NPM by typing: npm -v.

Back to top

How are the new changes published?

When new the pull request to 'source' is approved and code gets merged, this kicks off a series of GitHub Actions.

Source build and deploy to gh-pages

  • Uses a GitHub runner to build a new npm site and then deploy to the branch 'gh-pages'

2. pages build and deployment

pages-build-deployment

Back to top

Who do I talk to?

If you have any questions or problems, please open an issue on GitHub and we will do our best to give you a timely answer.

Maintainers

The lab guides are maintained by:

Back to top

nextexperiencecoe.github.io's People

Contributors

dalestubblefield avatar marcmouries avatar kateflood-sn avatar kristys96 avatar syaosnow avatar customerworkflows avatar bourland55 avatar dependabot[bot] avatar shaoservicenow avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.