> For the complete documentation index, see [llms.txt](https://bryan-guner.gitbook.io/my-docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://bryan-guner.gitbook.io/my-docs/copy-of-web-dev-hub-docs/readme.md).

# Home

initial page

{% embed url="<https://codesandbox.io/s/google-search-custom-3muj7?file=%2Findex.html>" %}

![](https://2657306925-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FICITuXU1acrCOtnCgtfk%2Fuploads%2FTbufBUtZs5Pnj9xWCRmz%2Fdevider.png?alt=media\&token=b3815dc4-e849-4195-bf00-aef70e9ec40a)

{% embed url="<https://bryan-guner.gitbook.io/my-docs>" %}

![](https://2657306925-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MjLjuvITJh8ZwT8mVxp%2F-MlYL0QaWBDGAixbx8AJ%2F-MlYN1XbjOZzG1XeEo4H%2Fgithub.png?alt=media\&token=e21769dc-3b4c-4576-8c24-1ac332ba5e79)

{% embed url="<https://app.box.com/s/qlgv34ehsd5mj1o8otreztvl1qb42q1z>" %}

![](https://2657306925-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FICITuXU1acrCOtnCgtfk%2Fuploads%2FLNKP0vq9MpysErJqHygv%2Fchrome_SqClVwdG06.png?alt=media)

### This Space:

* [Web Dev Docs](https://bryan-guner.gitbook.io/my-docs/)
* [React](https://bryan-guner.gitbook.io/my-docs/v/mynotes/)
* [Electrical Engineering](https://bryan-guner.gitbook.io/my-docs/v/electrical-engineering/)
* [Knowledge](https://bryan-guner.gitbook.io/my-docs/v/knowledge/)
* [Blockchain](https://bryan-guner.gitbook.io/my-docs/v/solidarity-blockchain-nfts/)
* [EWmbeds](https://bryan-guner.gitbook.io/my-docs/v/embeds/)

{% content-ref url="/pages/-MkCTSviGvNxjE5jtxZa" %}
[Navigation](/my-docs/copy-of-web-dev-hub-docs/navigation.md)
{% endcontent-ref %}

{% tabs %}
{% tab title="Website Nav" %}
**Table of contents**

* [Home](https://bryan-guner.gitbook.io/web-dev-hub-docs/README)
* [Navigation](https://bryan-guner.gitbook.io/web-dev-hub-docs/navigation)

**Tools**

* [Tools](https://bryan-guner.gitbook.io/web-dev-hub-docs/tools/tools/README)
  * [Heroku](https://bryan-guner.gitbook.io/web-dev-hub-docs/tools/tools/heroku)
* [Showcase](https://bryan-guner.gitbook.io/web-dev-hub-docs/tools/showcase)

**Programming Languages**

* [Programming Languages](https://bryan-guner.gitbook.io/web-dev-hub-docs/programming-languages/programming-languages/README)
  * [Tools-Of-The-Trade](https://bryan-guner.gitbook.io/web-dev-hub-docs/programming-languages/programming-languages/frameworks/README)
    * [Docker](https://bryan-guner.gitbook.io/web-dev-hub-docs/programming-languages/programming-languages/frameworks/docker)
  * [Git](https://bryan-guner.gitbook.io/web-dev-hub-docs/programming-languages/programming-languages/git)
  * [Python](https://bryan-guner.gitbook.io/web-dev-hub-docs/programming-languages/programming-languages/python/README)
    * [Practice](https://bryan-guner.gitbook.io/web-dev-hub-docs/programming-languages/programming-languages/python/practice)
    * [Pipenv](https://bryan-guner.gitbook.io/web-dev-hub-docs/programming-languages/programming-languages/python/pipenv)
  * [Bash](https://bryan-guner.gitbook.io/web-dev-hub-docs/programming-languages/programming-languages/bash)
  * [JavaScript](https://bryan-guner.gitbook.io/web-dev-hub-docs/programming-languages/programming-languages/javascript/README)
    * [NodeJS](https://bryan-guner.gitbook.io/web-dev-hub-docs/programming-languages/programming-languages/javascript/nodejs/README)
      * [Express](https://bryan-guner.gitbook.io/web-dev-hub-docs/programming-languages/programming-languages/javascript/nodejs/express/README)
        * [Sequelize](https://bryan-guner.gitbook.io/web-dev-hub-docs/programming-languages/programming-languages/javascript/nodejs/express/sequelize)
    * [Regex](https://bryan-guner.gitbook.io/web-dev-hub-docs/programming-languages/programming-languages/javascript/regex)
    * [React](https://bryan-guner.gitbook.io/web-dev-hub-docs/programming-languages/programming-languages/javascript/react/README)
      * [Redux](https://bryan-guner.gitbook.io/web-dev-hub-docs/programming-languages/programming-languages/javascript/react/redux)
  * [Java](https://bryan-guner.gitbook.io/web-dev-hub-docs/programming-languages/programming-languages/java)
  * [Html](https://bryan-guner.gitbook.io/web-dev-hub-docs/programming-languages/programming-languages/html)
  * [Markdown](https://bryan-guner.gitbook.io/web-dev-hub-docs/programming-languages/programming-languages/markdown)
  * [CSS](https://bryan-guner.gitbook.io/web-dev-hub-docs/programming-languages/programming-languages/css)
  * [SCSS](https://bryan-guner.gitbook.io/web-dev-hub-docs/programming-languages/programming-languages/scss)
  * [C & C++](https://bryan-guner.gitbook.io/web-dev-hub-docs/programming-languages/programming-languages/c-and-c++)
  * [Ruby](https://bryan-guner.gitbook.io/web-dev-hub-docs/programming-languages/programming-languages/ruby)
  * [SQL](https://bryan-guner.gitbook.io/web-dev-hub-docs/programming-languages/programming-languages/sql/README)
    * [PostgreSQL](https://bryan-guner.gitbook.io/web-dev-hub-docs/programming-languages/programming-languages/sql/postgresql)
* [What is a Programming Language?](https://bryan-guner.gitbook.io/web-dev-hub-docs/programming-languages/what-is-a-programming-language)
* [List Of Programming Languages By Type](https://bryan-guner.gitbook.io/web-dev-hub-docs/programming-languages/list-of-programming-languages-by-type)

**Python**

* [Python](https://bryan-guner.gitbook.io/web-dev-hub-docs/python/untitled)

**JavaScript**

* [JavaScript](https://bryan-guner.gitbook.io/web-dev-hub-docs/javascript/untitled)

**Web Development Frameworks & Libraries**

* [React](https://bryan-guner.gitbook.io/web-dev-hub-docs/web-development-frameworks/react)
* [Jquery](https://bryan-guner.gitbook.io/web-dev-hub-docs/web-development-frameworks/jquery)
* [GATSBY](https://bryan-guner.gitbook.io/web-dev-hub-docs/web-development-frameworks/gatsby/README)
  * [Building with Components](https://bryan-guner.gitbook.io/web-dev-hub-docs/web-development-frameworks/gatsby/building-with-components)
  * [Plugins, Themes, & Starters](https://bryan-guner.gitbook.io/web-dev-hub-docs/web-development-frameworks/gatsby/plugins-themes-and-starters)
  * [GraphQL Concepts](https://bryan-guner.gitbook.io/web-dev-hub-docs/web-development-frameworks/gatsby/graphql-concepts)

**Productivity**

* [Productivity](https://bryan-guner.gitbook.io/web-dev-hub-docs/productivity/untitled/README)
  * [Awesome Productivity Tools for Back-to-School](https://bryan-guner.gitbook.io/web-dev-hub-docs/productivity/untitled/untitled)

**Misc**

* [Misc](https://bryan-guner.gitbook.io/web-dev-hub-docs/misc/untitled)

**Links**

* [Links](https://bryan-guner.gitbook.io/web-dev-hub-docs/links/untitled)
* [Bookmarks](https://bryan-guner.gitbook.io/web-dev-hub-docs/links/untitled-1)

**Websites**

* [Websites](https://bryan-guner.gitbook.io/web-dev-hub-docs/websites/untitled)
* [Not My Websites:](https://bryan-guner.gitbook.io/web-dev-hub-docs/websites/untitled-1)

**Backend**

* [Backend](https://bryan-guner.gitbook.io/web-dev-hub-docs/backend/untitled)

**Networking**

* [Networks](https://bryan-guner.gitbook.io/web-dev-hub-docs/networking/untitled)

**Resources**

* [Resources](https://bryan-guner.gitbook.io/web-dev-hub-docs/resources/untitled)
* [Video Resources](https://bryan-guner.gitbook.io/web-dev-hub-docs/resources/untitled-1)

**General Knowledge**

* [General Knowledge](https://bryan-guner.gitbook.io/web-dev-hub-docs/general-knowledge/untitled)
* [Knowledge Bank](https://bryan-guner.gitbook.io/web-dev-hub-docs/general-knowledge/untitled-1)

**Finance**

* [Finance](https://bryan-guner.gitbook.io/web-dev-hub-docs/finance/untitled)
* [Financial Trends](https://bryan-guner.gitbook.io/web-dev-hub-docs/finance/untitled-1)

**Science & Tech (Innovation)**

* [Science & Tech](https://bryan-guner.gitbook.io/web-dev-hub-docs/science-and-tech-innovation/untitled)
* [Untitled](https://bryan-guner.gitbook.io/web-dev-hub-docs/science-and-tech-innovation/untitled-1)

**Reading**

* [Reading](https://bryan-guner.gitbook.io/web-dev-hub-docs/reading/untitled)

**Social Media & Trends**

* [Trends In Web Dev](https://bryan-guner.gitbook.io/web-dev-hub-docs/social-media-and-trends/untitled)

**Docs**

* [Docs](https://bryan-guner.gitbook.io/web-dev-hub-docs/docs/docs)

**Code Editors & Tools**

* [Vscode](https://bryan-guner.gitbook.io/web-dev-hub-docs/code-editors-and-tools/vscode/README)
  * [How To Speed Up Vscode](https://bryan-guner.gitbook.io/web-dev-hub-docs/code-editors-and-tools/vscode/how-to-speed-up-vscode)

**Cool Stuff**

* [Cool Observable Notebooks](https://bryan-guner.gitbook.io/web-dev-hub-docs/cool-stuff/cool-observable-notebooks)

**Server-Side**

* [GraphQL](https://bryan-guner.gitbook.io/web-dev-hub-docs/server-side/graphql/README)
  * [Intro](https://bryan-guner.gitbook.io/web-dev-hub-docs/server-side/graphql/intro)
* [REST-API](https://bryan-guner.gitbook.io/web-dev-hub-docs/server-side/rest-api)

**WEB\_DEV\_TOOLS**

* [Cloudinary](https://bryan-guner.gitbook.io/web-dev-hub-docs/web_dev_tools/cloudinary)
* [Netlify](https://bryan-guner.gitbook.io/web-dev-hub-docs/web_dev_tools/netlify/README)
  * [Examples](https://bryan-guner.gitbook.io/web-dev-hub-docs/web_dev_tools/netlify/examples)
  * [Open Authoring](https://bryan-guner.gitbook.io/web-dev-hub-docs/web_dev_tools/netlify/open-authoring)
  * [Netlify CMS](https://bryan-guner.gitbook.io/web-dev-hub-docs/web_dev_tools/netlify/netlify-cms)
  * [Git Gateway](https://bryan-guner.gitbook.io/web-dev-hub-docs/web_dev_tools/netlify/git-gateway)
    {% endtab %}
    {% endtabs %}

## GIT REPO FOR THIS WEBSITE:

{% embed url="<https://github.com/bgoonz/Web-Dev-Hub-Docs>" %}

{% embed url="<https://github.com/bgoonz/Web-Dev-Hub-Docs>" %}

## Main Blog:

{% embed url="<https://codepen.io/bgoonz/full/LYyBwEp>" %}

{% embed url="<https://codepen.io/bgoonz/full/LYyBwEp>" %}

{% embed url="<https://bgoonz-blog.netlify.app/>" %}

{% embed url="<https://bgoonz-blog.netlify.app/>" %}

{% embed url="<https://github.com/bgoonz/BGOONZ_BLOG_2.0>" %}

{% embed url="<https://github.com/bgoonz/BGOONZ_BLOG_2.0>" %}

{% embed url="<https://codepen.io/bgoonz/full/OJgxqbm>" %}
Website Navigation (my websites)
{% endembed %}

{% embed url="<https://codepen.io/bgoonz/full/OJgxqbm>" %}
Website Navigation (my websites)
{% endembed %}

##

##

## Table of contents

* [Home](https://bryan-guner.gitbook.io/web-dev-hub-docs/README)
* [Navigation](https://bryan-guner.gitbook.io/web-dev-hub-docs/navigation)

### Tools

* [Tools](https://bryan-guner.gitbook.io/web-dev-hub-docs/tools/tools/README)
  * [Docker](https://bryan-guner.gitbook.io/web-dev-hub-docs/tools/tools/docker)
  * [G-Cloud & Firebase](https://bryan-guner.gitbook.io/web-dev-hub-docs/tools/tools/g-cloud-and-firebase)
  * [Heroku](https://bryan-guner.gitbook.io/web-dev-hub-docs/tools/tools/heroku)
* [Showcase](https://bryan-guner.gitbook.io/web-dev-hub-docs/tools/showcase/README)
  * [Continued](https://bryan-guner.gitbook.io/web-dev-hub-docs/tools/showcase/untitled)
* [Downloads](https://bryan-guner.gitbook.io/web-dev-hub-docs/tools/downloads)
* [REPL.IT Compilations](https://bryan-guner.gitbook.io/web-dev-hub-docs/tools/links/README)
  * [Part 2](https://bryan-guner.gitbook.io/web-dev-hub-docs/tools/links/part-2)
* [Past Notes](https://bryan-guner.gitbook.io/web-dev-hub-docs/tools/past-notes)
* [Untitled](https://bryan-guner.gitbook.io/web-dev-hub-docs/tools/untitled)

### Programming Languages

* [Programming Languages](https://bryan-guner.gitbook.io/web-dev-hub-docs/programming-languages/programming-languages/README)
  * [PSEUDO Programing Languages](https://bryan-guner.gitbook.io/web-dev-hub-docs/programming-languages/programming-languages/untitled/README)
    * [HTML](https://bryan-guner.gitbook.io/web-dev-hub-docs/programming-languages/programming-languages/untitled/html)
  * [CSS](https://bryan-guner.gitbook.io/web-dev-hub-docs/programming-languages/programming-languages/css-1)
  * [List Of Programming Languages By Type](https://bryan-guner.gitbook.io/web-dev-hub-docs/programming-languages/programming-languages/list-of-programming-languages-by-type)
  * [Tools-Of-The-Trade](https://bryan-guner.gitbook.io/web-dev-hub-docs/programming-languages/programming-languages/frameworks/README)
    * [Linux](https://bryan-guner.gitbook.io/web-dev-hub-docs/programming-languages/programming-languages/frameworks/linux)
    * [Docker](https://bryan-guner.gitbook.io/web-dev-hub-docs/programming-languages/programming-languages/frameworks/docker)
  * [Git](https://bryan-guner.gitbook.io/web-dev-hub-docs/programming-languages/programming-languages/git)
  * [Python](https://bryan-guner.gitbook.io/web-dev-hub-docs/programming-languages/programming-languages/python/README)
    * [Practice](https://bryan-guner.gitbook.io/web-dev-hub-docs/programming-languages/programming-languages/python/practice)
    * [Pipenv](https://bryan-guner.gitbook.io/web-dev-hub-docs/programming-languages/programming-languages/python/pipenv)
  * [Bash](https://bryan-guner.gitbook.io/web-dev-hub-docs/programming-languages/programming-languages/bash/README)
    * [SED](https://bryan-guner.gitbook.io/web-dev-hub-docs/programming-languages/programming-languages/bash/sed)
  * [JavaScript](https://bryan-guner.gitbook.io/web-dev-hub-docs/programming-languages/programming-languages/javascript/README)
    * [jQuery](https://bryan-guner.gitbook.io/web-dev-hub-docs/programming-languages/programming-languages/javascript/jquery)
    * [NodeJS](https://bryan-guner.gitbook.io/web-dev-hub-docs/programming-languages/programming-languages/javascript/nodejs/README)
      * [Node argv](https://bryan-guner.gitbook.io/web-dev-hub-docs/programming-languages/programming-languages/javascript/nodejs/node-argv)
      * [NPM](https://bryan-guner.gitbook.io/web-dev-hub-docs/programming-languages/programming-languages/javascript/nodejs/npm)
      * [Express](https://bryan-guner.gitbook.io/web-dev-hub-docs/programming-languages/programming-languages/javascript/nodejs/express/README)
        * [ExpressJS Overview](https://bryan-guner.gitbook.io/web-dev-hub-docs/programming-languages/programming-languages/javascript/nodejs/express/untitled)
        * [Sequelize](https://bryan-guner.gitbook.io/web-dev-hub-docs/programming-languages/programming-languages/javascript/nodejs/express/sequelize)
    * [Regex](https://bryan-guner.gitbook.io/web-dev-hub-docs/programming-languages/programming-languages/javascript/regex)
    * [React](https://bryan-guner.gitbook.io/web-dev-hub-docs/programming-languages/programming-languages/javascript/react/README)
      * [Redux](https://bryan-guner.gitbook.io/web-dev-hub-docs/programming-languages/programming-languages/javascript/react/redux)
      * [Redux Docs](https://bryan-guner.gitbook.io/web-dev-hub-docs/programming-languages/programming-languages/javascript/react/redux-docs/README)
        * [Redux Resources](https://bryan-guner.gitbook.io/web-dev-hub-docs/programming-languages/programming-languages/javascript/react/redux-docs/redux-resources)
  * [Java](https://bryan-guner.gitbook.io/web-dev-hub-docs/programming-languages/programming-languages/java)
  * [Html](https://bryan-guner.gitbook.io/web-dev-hub-docs/programming-languages/programming-languages/html)
  * [Markdown](https://bryan-guner.gitbook.io/web-dev-hub-docs/programming-languages/programming-languages/markdown)
  * [CSS](https://bryan-guner.gitbook.io/web-dev-hub-docs/programming-languages/programming-languages/css)
  * [SCSS](https://bryan-guner.gitbook.io/web-dev-hub-docs/programming-languages/programming-languages/scss)
  * [C & C++](https://bryan-guner.gitbook.io/web-dev-hub-docs/programming-languages/programming-languages/c-and-c++)
  * [Ruby](https://bryan-guner.gitbook.io/web-dev-hub-docs/programming-languages/programming-languages/ruby)
  * [SQL](https://bryan-guner.gitbook.io/web-dev-hub-docs/programming-languages/programming-languages/sql/README)
    * [PostgreSQL](https://bryan-guner.gitbook.io/web-dev-hub-docs/programming-languages/programming-languages/sql/postgresql)
* [What is a Programming Language?](https://bryan-guner.gitbook.io/web-dev-hub-docs/programming-languages/what-is-a-programming-language)

### Python

* [Python](https://bryan-guner.gitbook.io/web-dev-hub-docs/python/untitled)

### JavaScript

* [JavaScript](https://bryan-guner.gitbook.io/web-dev-hub-docs/javascript/untitled/README)
  * [Jquery](https://bryan-guner.gitbook.io/web-dev-hub-docs/javascript/untitled/jquery)
* [JS-Leetcode](https://bryan-guner.gitbook.io/web-dev-hub-docs/javascript/js-leetcode)

### Web Development Frameworks & Libraries <a href="#web-development-frameworks" id="web-development-frameworks"></a>

* [GRAPHQL](https://bryan-guner.gitbook.io/web-dev-hub-docs/web-development-frameworks/graphql)
* [React](https://bryan-guner.gitbook.io/web-dev-hub-docs/web-development-frameworks/react)
* [Jquery](https://bryan-guner.gitbook.io/web-dev-hub-docs/web-development-frameworks/jquery/README)
  * [Prac](https://bryan-guner.gitbook.io/web-dev-hub-docs/web-development-frameworks/jquery/prac)
* [GATSBY](https://bryan-guner.gitbook.io/web-dev-hub-docs/web-development-frameworks/gatsby/README)
  * [Untitled](https://bryan-guner.gitbook.io/web-dev-hub-docs/web-development-frameworks/gatsby/untitled)
  * [Building with Components](https://bryan-guner.gitbook.io/web-dev-hub-docs/web-development-frameworks/gatsby/building-with-components)
  * [Plugins, Themes, & Starters](https://bryan-guner.gitbook.io/web-dev-hub-docs/web-development-frameworks/gatsby/plugins-themes-and-starters)
  * [GraphQL Concepts](https://bryan-guner.gitbook.io/web-dev-hub-docs/web-development-frameworks/gatsby/graphql-concepts)

### Productivity

* [Productivity](https://bryan-guner.gitbook.io/web-dev-hub-docs/productivity/untitled/README)
  * [Awesome Productivity Tools for Back-to-School](https://bryan-guner.gitbook.io/web-dev-hub-docs/productivity/untitled/untitled)

### Misc

* [Misc](https://bryan-guner.gitbook.io/web-dev-hub-docs/misc/untitled/README)
  * [Experiments](https://bryan-guner.gitbook.io/web-dev-hub-docs/misc/untitled/experiments)

### GitGateway <a href="#links" id="links"></a>

* [Links](https://bryan-guner.gitbook.io/web-dev-hub-docs/links/untitled)
* [Bookmarks](https://bryan-guner.gitbook.io/web-dev-hub-docs/links/untitled-1)

### Websites

* [Websites](https://bryan-guner.gitbook.io/web-dev-hub-docs/websites/untitled)
* [Not My Websites:](https://bryan-guner.gitbook.io/web-dev-hub-docs/websites/untitled-1)

### Backend

* [Backend](https://bryan-guner.gitbook.io/web-dev-hub-docs/backend/untitled)

### Networking

* [Networks](https://bryan-guner.gitbook.io/web-dev-hub-docs/networking/untitled)

### Resources

* [Resources](https://bryan-guner.gitbook.io/web-dev-hub-docs/resources/untitled)
* [Video Resources](https://bryan-guner.gitbook.io/web-dev-hub-docs/resources/untitled-1)

### General Knowledge

* [General Knowledge](https://bryan-guner.gitbook.io/web-dev-hub-docs/general-knowledge/untitled)
* [Knowledge Bank](https://bryan-guner.gitbook.io/web-dev-hub-docs/general-knowledge/untitled-1)

### Finance

* [Finance](https://bryan-guner.gitbook.io/web-dev-hub-docs/finance/untitled)
* [Financial Trends](https://bryan-guner.gitbook.io/web-dev-hub-docs/finance/untitled-1)

### Science & Tech (Innovation)

* [Science & Tech](https://bryan-guner.gitbook.io/web-dev-hub-docs/science-and-tech-innovation/untitled)
* [Articles](https://bryan-guner.gitbook.io/web-dev-hub-docs/science-and-tech-innovation/untitled-1)

### Reading

* [Reading](https://bryan-guner.gitbook.io/web-dev-hub-docs/reading/untitled)

### Social Media & Trends

* [Trends In Web Dev](https://bryan-guner.gitbook.io/web-dev-hub-docs/social-media-and-trends/untitled)
* [FB-Dev-Open Source](https://bryan-guner.gitbook.io/web-dev-hub-docs/social-media-and-trends/fb-dev-open-source/README)
  * [Content Publishing](https://bryan-guner.gitbook.io/web-dev-hub-docs/social-media-and-trends/fb-dev-open-source/content-publishing)
* [IG-API](https://bryan-guner.gitbook.io/web-dev-hub-docs/social-media-and-trends/ig-api)

### Docs

* [Docs](https://bryan-guner.gitbook.io/web-dev-hub-docs/docs/docs)

### Code Editors & Tools

* [Vscode](https://bryan-guner.gitbook.io/web-dev-hub-docs/code-editors-and-tools/vscode/README)
  * [Vscode Docs](https://bryan-guner.gitbook.io/web-dev-hub-docs/code-editors-and-tools/vscode/vscode-docs)
  * [How To Speed Up Vscode](https://bryan-guner.gitbook.io/web-dev-hub-docs/code-editors-and-tools/vscode/how-to-speed-up-vscode)

### Cool Stuff

* [Cool Observable Notebooks](https://bryan-guner.gitbook.io/web-dev-hub-docs/cool-stuff/cool-observable-notebooks)

### Server-Side

* [GraphQL](https://bryan-guner.gitbook.io/web-dev-hub-docs/server-side/graphql/README)
  * [Intro](https://bryan-guner.gitbook.io/web-dev-hub-docs/server-side/graphql/intro)
* [REST-API](https://bryan-guner.gitbook.io/web-dev-hub-docs/server-side/rest-api)
* [Public APIs](https://bryan-guner.gitbook.io/web-dev-hub-docs/server-side/public-apis)

### WEB\_DEV\_TOOLS

* [Cloudinary](https://bryan-guner.gitbook.io/web-dev-hub-docs/web_dev_tools/cloudinary)
* [Postman](https://bryan-guner.gitbook.io/web-dev-hub-docs/web_dev_tools/postman/README)
  * [Creating an API](https://bryan-guner.gitbook.io/web-dev-hub-docs/web_dev_tools/postman/creating-an-api)
  * [Trouble Shooting Postman](https://bryan-guner.gitbook.io/web-dev-hub-docs/web_dev_tools/postman/trouble-shooting-postman)
* [Netlify](https://bryan-guner.gitbook.io/web-dev-hub-docs/web_dev_tools/netlify/README)
  * [Facebook Graph API](https://bryan-guner.gitbook.io/web-dev-hub-docs/web_dev_tools/netlify/facebook-graph-api)
  * [Pandoc](https://bryan-guner.gitbook.io/web-dev-hub-docs/web_dev_tools/netlify/pandoc)
  * [Graph API](https://bryan-guner.gitbook.io/web-dev-hub-docs/web_dev_tools/netlify/graph-api)
  * [Troubleshooting](https://bryan-guner.gitbook.io/web-dev-hub-docs/web_dev_tools/netlify/troubleshooting)
  * [Examples](https://bryan-guner.gitbook.io/web-dev-hub-docs/web_dev_tools/netlify/examples)
  * [HTTPS (SSL)](https://bryan-guner.gitbook.io/web-dev-hub-docs/web_dev_tools/netlify/https-ssl)
  * [Open Authoring](https://bryan-guner.gitbook.io/web-dev-hub-docs/web_dev_tools/netlify/open-authoring)
  * [Netlify CMS](https://bryan-guner.gitbook.io/web-dev-hub-docs/web_dev_tools/netlify/netlify-cms)
  * [Git Gateway](https://bryan-guner.gitbook.io/web-dev-hub-docs/web_dev_tools/netlify/git-gateway)

### DS\_ALGOS\_BRAINTEASERS

* [A Quick Guide to Big-O Notation, Memoization, Tabulation, and Sorting Algorithms by Example](https://bryan-guner.gitbook.io/web-dev-hub-docs/ds_algos_brainteasers/ds_algos_brainteasers)

### Free-Stuff

* [Free Stuff](https://bryan-guner.gitbook.io/web-dev-hub-docs/free-stuff/free-stuff)

### Job-Search

* [Job Search](https://bryan-guner.gitbook.io/web-dev-hub-docs/job-search/job-search)

### General Comp Sci

* [Principles behind the Agile Manifesto](https://bryan-guner.gitbook.io/web-dev-hub-docs/general-comp-sci/principles-behind-the-agile-manifesto)

### Blockchain & Crypto

* [Blockchain Basics](https://bryan-guner.gitbook.io/web-dev-hub-docs/blockchain-and-crypto/blockchain-basics)

![](https://2657306925-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MjLjuvITJh8ZwT8mVxp%2Fsync%2F21449b9087760f2efce89567dd6bfb1c3bade7dd.png?generation=1632883017368246\&alt=media)

![](https://2657306925-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MjLjuvITJh8ZwT8mVxp%2Fsync%2F21449b9087760f2efce89567dd6bfb1c3bade7dd.png?generation=1632883017078911\&alt=media)

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

[![Profile views](https://camo.githubusercontent.com/41fbd874c1ba0b69222440c1527ceb24831f388dcf4b875c048dbf0ce11fce58/68747470733a2f2f76696577732e77686174696c656172656e65642e746f6461792f76696577732f6769746875622f62676f6f6e7a2f76696577732e737667)](https://camo.githubusercontent.com/41fbd874c1ba0b69222440c1527ceb24831f388dcf4b875c048dbf0ce11fce58/68747470733a2f2f76696577732e77686174696c656172656e65642e746f6461792f76696577732f6769746875622f62676f6f6e7a2f76696577732e737667)[![Gitter](https://camo.githubusercontent.com/3b010aaec4938434c93c158f7ad38fd70693fdc8c1ec39baeadbebab61458138/68747470733a2f2f6261646765732e6769747465722e696d2f62676f6f6e7a2f636f6d6d756e6974792e737667)](https://gitter.im/bgoonz/community)[![hackmd-github-sync-badge](https://camo.githubusercontent.com/c2a5c84d227b48f8b214bf813206875ac60e5f5a93ab8a22169e1b72e2764255/68747470733a2f2f6861636b6d642e696f2f354465596a326f585476474a312d587670314a6f32512f6261646765)](https://hackmd.io/5DeYj2oXTvGJ1-Xvp1Jo2Q)[![GitHub followers](https://camo.githubusercontent.com/c2e34390f77ac43483e3b319f52845547e27f20b2efe79455385c132962cf102/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f666f6c6c6f776572732f62676f6f6e7a2e7376673f7374796c653d736f6369616c266c6162656c3d466f6c6c6f77266d61784167653d32353932303030)](https://github.com/bgoonz?tab=followers)

#### ➤ *Email* [bryan.guner@gmail.com](https://github.com/bgoonz#) *Phone* [551-254-5505](https://github.com/bgoonz/bgoonz/blob/master/551-254-5505)

**A passionate Web Developer, Electrical Engineer, Musician & Producer**

![](https://camo.githubusercontent.com/727b46e1d3fa1dc9460d1f7a8c4f4fb8a5523029a3389abf818bc1f95430b4ac/68747470733a2f2f726561646d652d6a6f6b65732e76657263656c2e6170702f617069)

![](https://camo.githubusercontent.com/727b46e1d3fa1dc9460d1f7a8c4f4fb8a5523029a3389abf818bc1f95430b4ac/68747470733a2f2f726561646d652d6a6f6b65732e76657263656c2e6170702f617069)

![code](https://github.com/bgoonz/bgoonz/raw/master/code.png?raw=true)

![code](https://github.com/bgoonz/bgoonz/raw/master/code.png?raw=true)

![statistics](https://github.com/bgoonz/bgoonz/raw/master/summary_50.png?raw=true)

![statistics](https://github.com/bgoonz/bgoonz/raw/master/summary_50.png?raw=true)

[![Portfolio](https://camo.githubusercontent.com/ede4d8e5abd93426806a9e7bd3467603135f5ac527225f8cc01891948b48dd53/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f2d2545322539442541345f506f7274666f6c696f2d6635383f7374796c653d666c61742d737175617265266c6f676f3d61266c6f676f436f6c6f723d7768697465266c696e6b3d68747470733a2f2f62672d706f7274666f6c696f2e6e65746c6966792e6170702f)](https://bg-portfolio.netlify.app) [![Resume PDF](https://camo.githubusercontent.com/be39e4efa075ffc9dec9f08ffa5296ab259a2190ca575bbc58881c2c79fc3447/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f2d526573756d652d6630303f7374796c653d666c61742d737175617265266c6f676f3d61646f62652d6163726f6261742d726561646572266c6f676f436f6c6f723d7768697465)](https://github.com/bgoonz/resume-cv-portfolio-samples/blob/master/2021-resume/bryan-guner-resume-2021.pdf) [![Bryan's email](https://camo.githubusercontent.com/917b3c0fed1a17b7658bc96dcae513d12e4bbf98e492342c33eb7b5089a7527f/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f627279616e2e67756e657240676d61696c2e636f6d2d6634623430303f7374796c653d666c61742d737175617265266c6f676f3d676d61696c266c6f676f436f6c6f723d626c61636b266c696e6b3d6d61696c746f3a627279616e2e67756e657240676d61696c2e636f6d)](mailto:bryan.guner@gmail.com) [![Blog](https://camo.githubusercontent.com/8e538703dad4c1dd05103d6a9aa6dfcecdd735439967d2501c172c1780bb3929/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f2d426c6f672d3231373539623f7374796c653d666c61742d737175617265266c6f676f3d576f72645072657373266c6f676f436f6c6f723d7768697465266c696e6b3d68747470733a2f2f7765622d6465762d6875622e636f6d2f)](https://web-dev-hub.com) [![Linkedin](https://camo.githubusercontent.com/bc53eadd154132f3d3cc16188c2c49c98d07c60a59ffed1e42caa3f133afff12/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f2d4c696e6b6564496e2d3030373762353f7374796c653d666c61742d737175617265266c6f676f3d4c696e6b6564696e266c6f676f436f6c6f723d7768697465266c696e6b3d68747470733a2f2f7777772e6c696e6b6564696e2e636f6d2f696e2f627279616e2d67756e65722d3034363139393132382f)](https://www.linkedin.com/in/bryan-guner-046199128/) [![AngelList](https://camo.githubusercontent.com/c64472a38fcb4e49cb16b8026a44d74e8d9c5b0003796a282564ab8a40143d68/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f2d416e67656c4c6973742d626c61636b3f7374796c653d666c61742d737175617265266c6f676f3d416e67656c4c697374266c6f676f436f6c6f723d7768697465266c696e6b3d68747470733a2f2f616e67656c2e636f2f752f627279616e2d67756e6572)](https://angel.co/u/bryan-guner) [![GitHub bgoonz](https://camo.githubusercontent.com/32df1587a64824a89d979fe5b59a3e0bd166c44ced566dccf0d33ed62799157c/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f666f6c6c6f776572732f62676f6f6e7a3f6c6162656c3d666f6c6c6f77267374796c653d736f6369616c)](https://github.com/bgoonz)

[![email](https://camo.githubusercontent.com/987e9d7d7e70f98c5cd1d613add6ef56bcab60a8eda9e3df9f4f505b611ff773/68747470733a2f2f696d672e69636f6e73382e636f6d2f636f6c6f722f39362f3030303030302f676d61696c2e706e67)](mailto:bryan.guner@gmail.com)[![facebook](https://camo.githubusercontent.com/6acccefe72a9ad3380c0802e7a78988adad9d186eefff43b715bd7d7d07dc52a/68747470733a2f2f696d672e69636f6e73382e636f6d2f636f6c6f722f39362f3030303030302f66616365626f6f6b2e706e67)](https://www.facebook.com/bryan.guner/)[![twitter](https://camo.githubusercontent.com/a6a76173a04df8b3239debac70858c0d8bebd8d882b6572a0419cff3f51a2fc3/68747470733a2f2f696d672e69636f6e73382e636f6d2f636f6c6f722f39362f3030303030302f747769747465722d737175617265642e706e67)](https://twitter.com/bgooonz)[![youtube](https://camo.githubusercontent.com/aec347ccecfb57c504334b6723d26a419c1e7a871d467603d0a301272d5ac329/68747470733a2f2f696d672e69636f6e73382e636f6d2f636f6c6f722f39362f3030303030302f796f75747562652e706e67)](https://www.youtube.com/channel/UC9-rYyUMsnEBK8G8fCyrXXA/videos)[![instagram](https://camo.githubusercontent.com/13b4ab64e1a639ef039c1688b03c7a1a0aaa875a1858fa56888aa09c492aac6a/68747470733a2f2f696d672e69636f6e73382e636f6d2f636f6c6f722f39362f3030303030302f696e7374616772616d2d6e65772e706e67)](https://www.instagram.com/bgoonz/?hl=en)[![linkedin](https://camo.githubusercontent.com/4f660401d8469647f004f5740254c81a657f48d4c55a635be05ffb196c2be320/68747470733a2f2f696d672e69636f6e73382e636f6d2f636f6c6f722f39362f3030303030302f6c696e6b6564696e2e706e67)](https://www.linkedin.com/in/bryan-guner-046199128/) [![medium](https://camo.githubusercontent.com/a9c0792a5acd4b406effc40cd8b8c6575fad4a4062a37c5a1787e032f5a6192f/68747470733a2f2f696d672e69636f6e73382e636f6d2f636f6c6f722f39362f3030303030302f6d656469756d2d6c6f676f2e706e67)](https://bryanguner.medium.com)[![spotify](https://camo.githubusercontent.com/936d3874f5be4f3e8b6dce7582d12d1425c9fc24dab49159180ee55c0dcba92a/68747470733a2f2f696d672e69636f6e73382e636f6d2f636f6c6f722f39362f3030303030302f73706f746966792d2d76312e706e67)](https://open.spotify.com/user/bgoonz?si=ShH9wYbIQWab5Jz_30BKFw)

![Bryans github activity graph](https://camo.githubusercontent.com/df85fe41e52c487dfc79d46086816010d0c40d54bbc03dfb5b1e89839bf27ec9/68747470733a2f2f61637469766974792d67726170682e6865726f6b756170702e636f6d2f67726170683f757365726e616d653d62676f6f6e7a26637573746f6d5f7469746c653d546869732532306973253230427279616e73253230416374697669747926686964655f626f726465723d74727565267468656d653d636861727472657573652d6461726b)

![Bryans github activity graph](https://camo.githubusercontent.com/df85fe41e52c487dfc79d46086816010d0c40d54bbc03dfb5b1e89839bf27ec9/68747470733a2f2f61637469766974792d67726170682e6865726f6b756170702e636f6d2f67726170683f757365726e616d653d62676f6f6e7a26637573746f6d5f7469746c653d546869732532306973253230427279616e73253230416374697669747926686964655f626f726465723d74727565267468656d653d636861727472657573652d6461726b)

#### Languages and Tools:

[![arduino](https://camo.githubusercontent.com/b3a1cdd20d0f308634ddd4598cdaa729c2d77047f51e66fa7206b9b4bac94c23/68747470733a2f2f63646e2e776f726c64766563746f726c6f676f2e636f6d2f6c6f676f732f61726475696e6f2d312e737667) ](https://www.arduino.cc)[![aws](https://raw.githubusercontent.com/devicons/devicon/master/icons/amazonwebservices/amazonwebservices-original-wordmark.svg) ](https://aws.amazon.com)[![azure](https://camo.githubusercontent.com/6df31a460cb0c38f960e92812c8b6f8bce4c7f13170fb4782f0b31ab8e792ac2/68747470733a2f2f7777772e766563746f726c6f676f2e7a6f6e652f6c6f676f732f6d6963726f736f66745f617a7572652f6d6963726f736f66745f617a7572652d69636f6e2e737667) ](https://azure.microsoft.com/en-in/)[![babel](https://camo.githubusercontent.com/1abf71d00a4a13bfdeccdc131c65f02644fae4e746289bd7c21bf1d2af986389/68747470733a2f2f7777772e766563746f726c6f676f2e7a6f6e652f6c6f676f732f626162656c6a732f626162656c6a732d69636f6e2e737667) ](https://babeljs.io)[![bash](https://camo.githubusercontent.com/bbb327d6ba7708520eaafd13396fed64d73bf5df5c4cdd0ba03cf0843f7a9340/68747470733a2f2f7777772e766563746f726c6f676f2e7a6f6e652f6c6f676f732f676e755f626173682f676e755f626173682d69636f6e2e737667) ](https://www.gnu.org/software/bash/)[![bootstrap](https://raw.githubusercontent.com/devicons/devicon/master/icons/bootstrap/bootstrap-plain-wordmark.svg) ](https://getbootstrap.com)[![cplusplus](https://raw.githubusercontent.com/devicons/devicon/master/icons/cplusplus/cplusplus-original.svg) ](https://www.w3schools.com/cpp/)[![css3](https://raw.githubusercontent.com/devicons/devicon/master/icons/css3/css3-original-wordmark.svg) ](https://www.w3schools.com/css/)[![d3js](https://raw.githubusercontent.com/devicons/devicon/master/icons/d3js/d3js-original.svg) ](https://d3js.org)[![docker](https://raw.githubusercontent.com/devicons/devicon/master/icons/docker/docker-original-wordmark.svg) ](https://www.docker.com)[![elasticsearch](https://camo.githubusercontent.com/d4cbacdc000de378e0dcae3b5ee54923c0ad04f6e52b7aa886a748fba5578def/68747470733a2f2f7777772e766563746f726c6f676f2e7a6f6e652f6c6f676f732f656c61737469632f656c61737469632d69636f6e2e737667) ](https://www.elastic.co)[![ember](https://raw.githubusercontent.com/devicons/devicon/master/icons/ember/ember-original-wordmark.svg) ](https://emberjs.com)[![express](https://raw.githubusercontent.com/devicons/devicon/master/icons/express/express-original-wordmark.svg) ](https://expressjs.com)[![firebase](https://camo.githubusercontent.com/dd4b2422ed3bfc9da88c43d18550375c66f9584327dff7ecc19315ce50b96f07/68747470733a2f2f7777772e766563746f726c6f676f2e7a6f6e652f6c6f676f732f66697265626173652f66697265626173652d69636f6e2e737667) ](https://firebase.google.com)[![gatsby](https://camo.githubusercontent.com/ba9df1e4c5f7c9f6503f2668f03a934b4553c5840dd6067ee1ab013c2af86afc/68747470733a2f2f7777772e766563746f726c6f676f2e7a6f6e652f6c6f676f732f6761747362796a732f6761747362796a732d69636f6e2e737667) ](https://www.gatsbyjs.com)[![gcp](https://camo.githubusercontent.com/582944f6627732531ce1a2e20ad43538d1896e16a5f159ea28fd137dbb8e798a/68747470733a2f2f7777772e766563746f726c6f676f2e7a6f6e652f6c6f676f732f676f6f676c655f636c6f75642f676f6f676c655f636c6f75642d69636f6e2e737667) ](https://cloud.google.com)[![git](https://camo.githubusercontent.com/fbfcb9e3dc648adc93bef37c718db16c52f617ad055a26de6dc3c21865c3321d/68747470733a2f2f7777772e766563746f726c6f676f2e7a6f6e652f6c6f676f732f6769742d73636d2f6769742d73636d2d69636f6e2e737667) ](https://git-scm.com)[![heroku](https://camo.githubusercontent.com/df12cb598044a3f38efc1f45e3580558c324cf8789b79487125044eeebcc4dee/68747470733a2f2f7777772e766563746f726c6f676f2e7a6f6e652f6c6f676f732f6865726f6b752f6865726f6b752d69636f6e2e737667) ](https://heroku.com)[![html5](https://raw.githubusercontent.com/devicons/devicon/master/icons/html5/html5-original-wordmark.svg) ](https://www.w3.org/html/)[![javascript](https://raw.githubusercontent.com/devicons/devicon/master/icons/javascript/javascript-original.svg) ](https://developer.mozilla.org/en-US/docs/Web/JavaScript)[![jekyll](https://camo.githubusercontent.com/d7a4f32c1f2f389d3db9810abfe171cd5d68f9239d2918f975845faf0cbbb70c/68747470733a2f2f7777772e766563746f726c6f676f2e7a6f6e652f6c6f676f732f6a656b796c6c72622f6a656b796c6c72622d69636f6e2e737667) ](https://jekyllrb.com)[![linux](https://raw.githubusercontent.com/devicons/devicon/master/icons/linux/linux-original.svg) ](https://www.linux.org)[![mocha](https://camo.githubusercontent.com/4253eb6921d60a216772940978dea3a0cf2113f2f29b5545720d3b5b6960e467/68747470733a2f2f7777772e766563746f726c6f676f2e7a6f6e652f6c6f676f732f6d6f6368616a732f6d6f6368616a732d69636f6e2e737667) ](https://mochajs.org)[![mongodb](https://raw.githubusercontent.com/devicons/devicon/master/icons/mongodb/mongodb-original-wordmark.svg) ](https://www.mongodb.com)[![nextjs](https://camo.githubusercontent.com/300c2986a53648631c34798554da7cde3779de253b02a15da6bccc59ea9f0317/68747470733a2f2f63646e2e776f726c64766563746f726c6f676f2e636f6d2f6c6f676f732f6e6578746a732d332e737667) ](https://nextjs.org)[![nodejs](https://raw.githubusercontent.com/devicons/devicon/master/icons/nodejs/nodejs-original-wordmark.svg) ](https://nodejs.org)[![photoshop](https://raw.githubusercontent.com/devicons/devicon/master/icons/photoshop/photoshop-line.svg) ](https://www.photoshop.com/en)[![postman](https://camo.githubusercontent.com/93b32389bf746009ca2370de7fe06c3b5146f4c99d99df65994f9ced0ba41685/68747470733a2f2f7777772e766563746f726c6f676f2e7a6f6e652f6c6f676f732f676574706f73746d616e2f676574706f73746d616e2d69636f6e2e737667) ](https://postman.com)[![pug](https://camo.githubusercontent.com/e6f31db76aa258d4e26be8464f2dff9796d5cf59185976df02dd80ae6a60cc9e/68747470733a2f2f63646e2e776f726c64766563746f726c6f676f2e636f6d2f6c6f676f732f7075672e737667) ](https://pugjs.org)[![puppeteer](https://camo.githubusercontent.com/9391ab4ec8994e921292160bd31966a5886d8599af858ee5e513f2a3d868c403/68747470733a2f2f7777772e766563746f726c6f676f2e7a6f6e652f6c6f676f732f707074726465762f707074726465762d6f6666696369616c2e737667) ](https://github.com/puppeteer/puppeteer)[![python](https://raw.githubusercontent.com/devicons/devicon/master/icons/python/python-original.svg) ](https://www.python.org)[![react](https://raw.githubusercontent.com/devicons/devicon/master/icons/react/react-original-wordmark.svg) ](https://reactjs.org)[![reactnative](https://camo.githubusercontent.com/5c92eeb467fd5d2b1ef1c560e3c3c2f758a8d4e03a8136bda7b41a2d3d4a1b59/68747470733a2f2f72656163746e61746976652e6465762f696d672f6865616465725f6c6f676f2e737667) ](https://reactnative.dev)[![typescript](https://raw.githubusercontent.com/devicons/devicon/master/icons/typescript/typescript-original.svg) ](https://www.typescriptlang.org)[![vagrant](https://camo.githubusercontent.com/8ce24bc85eb4a64c6ad571675cbc7dca48a49feea462d572204505907c6ca957/68747470733a2f2f7777772e766563746f726c6f676f2e7a6f6e652f6c6f676f732f76616772616e7475702f76616772616e7475702d69636f6e2e737667) ](https://www.vagrantup.com)[![webpack](https://raw.githubusercontent.com/devicons/devicon/d00d0969292a6569d45b06d3f350f463a0107b0d/icons/webpack/webpack-original-wordmark.svg) ](https://webpack.js.org)[![xd](https://camo.githubusercontent.com/c205ecbe12500177d102169d97bc1c17c545155fdf5ec78c08d54ac53e5b38c1/68747470733a2f2f63646e2e776f726c64766563746f726c6f676f2e636f6d2f6c6f676f732f61646f62652d78642e737667) ](https://www.adobe.com/products/xd.html)[![zapier](https://camo.githubusercontent.com/8f391d66440860f43c55d4d8ad22733a6919059108642cfdad9be4fc5f4f1d79/68747470733a2f2f7777772e766563746f726c6f676f2e7a6f6e652f6c6f676f732f7a61706965722f7a61706965722d69636f6e2e737667)](https://zapier.com)

![postgresql](https://raw.githubusercontent.com/devicons/devicon/master/icons/postgresql/postgresql-original-wordmark.svg)

![postgresql](https://raw.githubusercontent.com/devicons/devicon/master/icons/postgresql/postgresql-original-wordmark.svg)

[![bgoonz](https://camo.githubusercontent.com/3a0b40daebc9fe1d25f51ff4923c0d02451e3f986c04d95692e919412afc3f95/68747470733a2f2f6769746875622d726561646d652d73747265616b2d73746174732e6865726f6b756170702e636f6d2f3f757365723d62676f6f6e7a26)](https://camo.githubusercontent.com/3a0b40daebc9fe1d25f51ff4923c0d02451e3f986c04d95692e919412afc3f95/68747470733a2f2f6769746875622d726561646d652d73747265616b2d73746174732e6865726f6b756170702e636f6d2f3f757365723d62676f6f6e7a26)[![bgoonz](https://camo.githubusercontent.com/cf5d4a973533a4c4231a2385ee68163bc88bc95bcc047eb238ee8269943a60b6/68747470733a2f2f6769746875622d726561646d652d73746174732e76657263656c2e6170702f6170693f757365726e616d653d62676f6f6e7a2673686f775f69636f6e733d74727565266c6f63616c653d656e)](https://camo.githubusercontent.com/cf5d4a973533a4c4231a2385ee68163bc88bc95bcc047eb238ee8269943a60b6/68747470733a2f2f6769746875622d726561646d652d73746174732e76657263656c2e6170702f6170693f757365726e616d653d62676f6f6e7a2673686f775f69636f6e733d74727565266c6f63616c653d656e)

|                                                                                                    |                                                                                     |                                                   |                                                                           |                                                                              |
| -------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------- | ------------------------------------------------- | ------------------------------------------------------------------------- | ---------------------------------------------------------------------------- |
| [GitHub](https://github.com/bgoonz)                                                                | [Gitlab](https://gitlab.com/bryan.guner.dev)                                        | [Bitbucket](https://bitbucket.org/bgoonz/)        | [Medium](https://bryanguner.medium.com)                                   | [code pen](https://codepen.io/bgoonz)                                        |
| [Replit](https://repl.it/@bgoonz/)                                                                 | [Quora](https://www.quora.com/q/webdevresourcehub?invite_code=qwZOqbpAhgQ6hjjGl8NN) | [Redit](https://www.reddit.com/user/bgoonz1)      | [webcomponents.dev](https://webcomponents.dev/user/bgoonz)                | [dev.to](https://dev.to/bgoonz)                                              |
| [runkit](https://runkit.com/bgoonz)                                                                | [Observable Notebooks](https://observablehq.com/@bgoonz?tab=profile)                | [npm](https://www.npmjs.com/~bgoonz11)            | [stack-exchange](https://meta.stackexchange.com/users/936785/bryan-guner) | [Observable Notebooks](https://observablehq.com/@bgoonz?tab=profile)         |
| [Upwork](https://www.upwork.com/freelancers/~01bb1a3627e1e9c630?viewMode=1\&s=1110580755057594368) | [Notion](https://www.notion.so/Overview-Of-Css-5d88b0bc9a73422a9be1481d599a56ba)    | [AngelList](https://angel.co/u/bryan-guner)       | [StackShare](https://stackshare.io/bryanguner)                            | [Plunk](http://plnkr.co/account/plunks)                                      |
| [giphy](https://giphy.com/channel/bryanguner)                                                      | [kofi](https://ko-fi.com/bgoonz)                                                    | [Codewars](https://www.codewars.com/users/bgoonz) | [Dribble](https://dribbble.com/bgoonz4242?onboarding=true)                | [Glitch](https://glitch.com/@bgoonz)                                         |
| [contentful](https://app.contentful.com/spaces/lelpu0ihaz11/assets?id=MocOPmmNliLn6PPv)            | [Netlify](https://app.netlify.com/user/settings#profile)                            | [Stackblitz](https://stackblitz.com/@bgoonz)      | [Vercel](https://vercel.com/bgoonz)                                       | [Youtube](https://www.youtube.com/channel/UC9-rYyUMsnEBK8G8fCyrXXA/featured) |
| [wordpress](https://web-dev-hub.com)                                                               | [Edabit](https://edabit.com/user/dsRcx6yCwAgYwZbRB)                                 | [Vinmeo](https://vimeo.com/user128661018)         | [js fiddle](https://jsfiddle.net/user/bgoonz/)                            | [hashnode](https://hashnode.com/@bgoonz/joinme)                              |
| [Google Developer Profile](https://developers.google.com/profile/u/100803355943326309646)          | [Gittee](https://gitee.com/bgoonz)                                                  | [Wakatime](https://wakatime.com/@bgoonz42)        | [Hubpages](https://hubpages.com/@bryanguner)                              | [Free Code Camp](https://www.freecodecamp.org/bgoonz)                        |

[![ReadMe Card](https://camo.githubusercontent.com/19e0a9e7039e5b0cfda7c36d7cae8b212758ad4435983ec2b0ea0bd4dccb153b/68747470733a2f2f6769746875622d726561646d652d73746174732e76657263656c2e6170702f6170692f70696e2f3f757365726e616d653d62676f6f6e7a267265706f3d4c616d626461)](https://github.com/bgoonz/Lambda) [![ReadMe Card](https://camo.githubusercontent.com/083e5f58841eeac90d6d98bde702aebf767f84f4734480c69b328920a901e863/68747470733a2f2f6769746875622d726561646d652d73746174732e76657263656c2e6170702f6170692f70696e2f3f757365726e616d653d62676f6f6e7a267265706f3d44532d414c474f2d4f4646494349414c)](https://github.com/bgoonz/DS-ALGO-OFFICIAL) [![ReadMe Card](https://camo.githubusercontent.com/c8b96a2b22ddc2ef31acba921d0317e3e37dc1433fd384b18b6cab7dcf4d1dff/68747470733a2f2f6769746875622d726561646d652d73746174732e76657263656c2e6170702f6170692f70696e2f3f757365726e616d653d62676f6f6e7a267265706f3d42474f4f4e5a5f424c4f475f322e30)](https://github.com/bgoonz/BGOONZ_BLOG_2.0)[![ReadMe Card](https://camo.githubusercontent.com/2863e7bc53a33d6fe810d97bbd699d186ade3f1b73841fe03f71f62af19de825/68747470733a2f2f6769746875622d726561646d652d73746174732e76657263656c2e6170702f6170692f70696e2f3f757365726e616d653d62676f6f6e7a267265706f3d444154415f53545255435f505954484f4e5f4e4f544553)](https://github.com/bgoonz/DATA_STRUC_PYTHON_NOTES)

![trophy](https://camo.githubusercontent.com/ec5908a2b7b26de2d103e5281abfb6ca1d1a31b3b9b6e54c1e72c01c123e995f/68747470733a2f2f6769746875622d70726f66696c652d74726f7068792e76657263656c2e6170702f3f757365726e616d653d62676f6f6e7a26726f773d31)

![trophy](https://camo.githubusercontent.com/ec5908a2b7b26de2d103e5281abfb6ca1d1a31b3b9b6e54c1e72c01c123e995f/68747470733a2f2f6769746875622d70726f66696c652d74726f7068792e76657263656c2e6170702f3f757365726e616d653d62676f6f6e7a26726f773d31)

![Top Langs](https://camo.githubusercontent.com/f792848d7595c91467c42491e4fc91d745e4feed3810fc941829f73ed21dd40d/68747470733a2f2f6769746875622d726561646d652d73746174732e76657263656c2e6170702f6170692f746f702d6c616e67732f3f757365726e616d653d62676f6f6e7a266c61796f75743d636f6d7061637426686964653d68746d6c2c6d617468656d6174696361266c616e67735f636f756e743d3136)

![Top Langs](https://camo.githubusercontent.com/f792848d7595c91467c42491e4fc91d745e4feed3810fc941829f73ed21dd40d/68747470733a2f2f6769746875622d726561646d652d73746174732e76657263656c2e6170702f6170692f746f702d6c616e67732f3f757365726e616d653d62676f6f6e7a266c61796f75743d636f6d7061637426686964653d68746d6c2c6d617468656d6174696361266c616e67735f636f756e743d3136)

![](https://2657306925-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MjLjuvITJh8ZwT8mVxp%2Fsync%2F21449b9087760f2efce89567dd6bfb1c3bade7dd.png?generation=1632883017368246\&alt=media)

![](https://2657306925-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MjLjuvITJh8ZwT8mVxp%2Fsync%2F21449b9087760f2efce89567dd6bfb1c3bade7dd.png?generation=1632883017368246\&alt=media)

## Python Website:

{% embed url="<https://py-v2.gitbook.io/datastructures-in-pytho/>" %}

{% embed url="<https://py-v2.gitbook.io/datastructures-in-pytho/>" %}

{% embed url="<https://github.com/bgoonz/python-gitbook>" %}

{% embed url="<https://github.com/bgoonz/python-gitbook>" %}

## 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](https://www.netlifycms.org/docs/custom-widgets)!

Widgets are specified as collection fields in the Netlify CMS `config.yml` file. Note that [YAML syntax](https://en.wikipedia.org/wiki/YAML#Basic_components) 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](https://cms-demo.netlify.com). (No login required: click the login button and the CMS will open.) You can refer to the demo [configuration code](https://github.com/netlify/netlify-cms/blob/master/dev-test/config.yml) to see how each field was configured.

### Common widget options <a href="#common-widget-options" id="common-widget-options"></a>

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](https://regexr.com) and an error message; more extensive validation can be achieved with [custom widgets](https://www.netlifycms.org/docs/custom-widgets/#advanced-field-validation)
  * **Example:** `yaml - label: "Title" name: "title" widget: "string" pattern: ['.{12,}', "Must have at least 12 characters"]`

### Default widgets <a href="#default-widgets" id="default-widgets"></a>

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}
  ```
