Home

initial page

HomeMy Docs

This Space:

• Web Dev Docs

• React

• Electrical Engineering

• Knowledge

• Blockchain

• EWmbeds

Navigation

Website Nav

Table of contents

• Home

• Navigation

Tools

• Tools

  • Heroku

• Showcase

Programming Languages

• Programming Languages

  • Tools-Of-The-Trade

    • Docker

  • Git

  • Python

    • Practice

    • Pipenv

  • Bash

  • JavaScript

    • NodeJS

      • Express

        • Sequelize

    • Regex

    • React

      • Redux

  • Java

  • Html

  • Markdown

  • CSS

  • SCSS

  • C & C++

  • Ruby

  • SQL

    • PostgreSQL

• What is a Programming Language?

• List Of Programming Languages By Type

Python

• Python

JavaScript

• JavaScript

Web Development Frameworks & Libraries

• React

• Jquery

• GATSBY

  • Building with Components

  • Plugins, Themes, & Starters

  • GraphQL Concepts

Productivity

• Productivity

  • Awesome Productivity Tools for Back-to-School

Misc

• Misc

Links

• Links

• Bookmarks

Websites

• Websites

• Not My Websites:

Backend

• Backend

Networking

• Networks

Resources

• Resources

• Video Resources

General Knowledge

• General Knowledge

• Knowledge Bank

Finance

• Finance

• Financial Trends

Science & Tech (Innovation)

• Science & Tech

• Untitled

Reading

• Reading

Social Media & Trends

• Trends In Web Dev

Docs

• Docs

Code Editors & Tools

• Vscode

  • How To Speed Up Vscode

Cool Stuff

• Cool Observable Notebooks

Server-Side

• GraphQL

  • Intro

• REST-API

WEB_DEV_TOOLS

• Cloudinary

• Netlify

  • Examples

  • Open Authoring

  • Netlify CMS

  • Git Gateway

GIT REPO FOR THIS WEBSITE:

GitHub - bgoonz/Web-Dev-Hub-Docs: General web dev notes and docsGitHub

GitHub - bgoonz/Web-Dev-Hub-Docs: General web dev notes and docsGitHub

Main Blog:

Web-Dev-Hubbgoonz

Web-Dev-Hubbgoonz

GitHub - bgoonz/BGOONZ_BLOG_2.0: The new home of my blog/resource sharing website. Uses graphql to query markdown files for content that is then fed into templated react components.GitHub

GitHub - bgoonz/BGOONZ_BLOG_2.0: The new home of my blog/resource sharing website. Uses graphql to query markdown files for content that is then fed into templated react components.GitHub

Website Navigation (my websites)

Website Navigation (my websites)

Table of contents

• Home

• Navigation

Tools

• Tools

  • Docker

  • G-Cloud & Firebase

  • Heroku

• Showcase

  • Continued

• Downloads

• REPL.IT Compilations

  • Part 2

• Past Notes

• Untitled

Programming Languages

• Programming Languages

  • PSEUDO Programing Languages

    • HTML

  • CSS

  • List Of Programming Languages By Type

  • Tools-Of-The-Trade

    • Linux

    • Docker

  • Git

  • Python

    • Practice

    • Pipenv

  • Bash

    • SED

  • JavaScript

    • jQuery

    • NodeJS

      • Node argv

      • NPM

      • Express

        • ExpressJS Overview

        • Sequelize

    • Regex

    • React

      • Redux

      • Redux Docs

        • Redux Resources

  • Java

  • Html

  • Markdown

  • CSS

  • SCSS

  • C & C++

  • Ruby

  • SQL

    • PostgreSQL

• What is a Programming Language?

Python

• Python

JavaScript

• JavaScript

  • Jquery

• JS-Leetcode

Web Development Frameworks & Libraries

• GRAPHQL

• React

• Jquery

  • Prac

• GATSBY

  • Untitled

  • Building with Components

  • Plugins, Themes, & Starters

  • GraphQL Concepts

Productivity

• Productivity

  • Awesome Productivity Tools for Back-to-School

Misc

• Misc

  • Experiments

GitGateway

• Links

• Bookmarks

Websites

• Websites

• Not My Websites:

Backend

• Backend

Networking

• Networks

Resources

• Resources

• Video Resources

General Knowledge

• General Knowledge

• Knowledge Bank

Finance

• Finance

• Financial Trends

Science & Tech (Innovation)

• Science & Tech

• Articles

Reading

• Reading

Social Media & Trends

• Trends In Web Dev

• FB-Dev-Open Source

  • Content Publishing

• IG-API

Docs

• Docs

Code Editors & Tools

• Vscode

  • Vscode Docs

  • How To Speed Up Vscode

Cool Stuff

• Cool Observable Notebooks

Server-Side

• GraphQL

  • Intro

• REST-API

• Public APIs

WEB_DEV_TOOLS

• Cloudinary

• Postman

  • Creating an API

  • Trouble Shooting Postman

• Netlify

  • Facebook Graph API

  • Pandoc

  • Graph API

  • Troubleshooting

  • Examples

  • HTTPS (SSL)

  • Open Authoring

  • Netlify CMS

  • Git Gateway

DS_ALGOS_BRAINTEASERS

• A Quick Guide to Big-O Notation, Memoization, Tabulation, and Sorting Algorithms by Example

Free-Stuff

• Free Stuff

Job-Search

• Job Search

General Comp Sci

• Principles behind the Agile Manifesto

Blockchain & Crypto

• Blockchain Basics

WEBSITE ⇄ Portfolio ⇄ Collaborate ⇄ Other-Websites ⇄ Recent Work

➤ Email [e-mail] Phone [phone]

A passionate Web Developer, Electrical Engineer, Musician & Producer

code

code

statistics

statistics

Bryans github activity graph

Bryans github activity graph

Languages and Tools:

postgresql

postgresql

GitHub	Gitlab	Bitbucket	Medium	code pen
Replit	Quora	Redit	webcomponents.dev	dev.to
runkit	Observable Notebooks	npm	stack-exchange	Observable Notebooks
Upwork	Notion	AngelList	StackShare	Plunk
giphy	kofi	Codewars	Dribble	Glitch
contentful	Netlify	Stackblitz	Vercel	Youtube
wordpress	Edabit	Vinmeo	js fiddle	hashnode
Google Developer Profile	Gittee	Wakatime	Hubpages	Free Code Camp

trophy

trophy

Top Langs

Top Langs

Python Website:

Homedatastructures-in-python

Homedatastructures-in-python

GitHub - bgoonz/python-gitbook: python docsGitHub

GitHub - bgoonz/python-gitbook: python docsGitHub

Widgets

Widgets define the data type and interface for entry fields. Netlify CMS comes with several built-in widgets. Click the widget names in the sidebar to jump to specific widget details. We’re always adding new widgets, and you can also create your own!

Widgets are specified as collection fields in the Netlify CMS config.yml file. Note that YAML syntax allows lists and objects to be written in block or inline style, and the code samples below include a mix of both.

To see working examples of all of the built-in widgets, try making a 'Kitchen Sink' collection item on the CMS demo site. (No login required: click the login button and the CMS will open.) You can refer to the demo configuration code to see how each field was configured.

Common widget options

The following options are available on all fields:

• required: specify as false to make a field optional; defaults to true

• hint: optionally add helper text directly below a widget. Useful for including instructions. Accepts markdown for bold, italic, strikethrough, and links.

• pattern: add field validation by specifying a list with a regex pattern and an error message; more extensive validation can be achieved with custom widgets

  • Example: yaml - label: "Title" name: "title" widget: "string" pattern: ['.{12,}', "Must have at least 12 characters"]

Default widgets

BooleanCodeColorDateDateTimeFileHiddenImageListMapMarkdownNumberObjectRelationSelectStringText

Boolean

The boolean widget translates a toggle switch input to a true/false value.

• Name: boolean

• UI: toggle switch

• Data type: boolean

• Options:

  • default: accepts true or false; defaults to false when required is set to false

• Example:

  - {label: "Draft", name: "draft", widget: "boolean", default: true}