---
title: Web Dev Hub Home
sections:
- section_id: Intro
type: section_hero
title: 'I am a musician, electrical engineer & web developer'
image: images/api-c99e353f761d318322c853c03ebcf21b.gif
content: "\n\n**Please note that this website is in development and is often broken!**\n\n[](https://www.vagrantup.com/)[](mailto:bryan.guner@gmail.com)[](https://www.youtube.com/channel/UC9-rYyUMsnEBK8G8fCyrXXA/videos)[](https://www.instagram.com/bgoonz/?hl=en)[](https://www.pinterest.com/bryanguner/\\_saved/)[](https://www.linkedin.com/in/bryan-guner-046199128/)\n\n[ ](https://webpack.js.org/)[\_](https://www.adobe.com/products/xd.html)\n\n[](https://app.netlify.com/sites/bgoonz-blog/deploys)\n\n[](https://github.com/bgoonz/github-readme-activity-graph)\n\n\n\n          \n"
actions:
- label: Contact
url: 'https://sidebar-blog.netlify.app/contact/'
style: secondary
icon_class: linkedin
new_window: true
no_follow: false
type: action
- section_id: features
type: section_grid
col_number: three
grid_items:
- content: |
Memoization, Tabulation, and Sorting Algorithms by Example
Why is looking at runtime not a reliable method of calculating time
complexity?
actions:
- label: Get Started
url: /docs
style: link
title: A Quick Guide To Big O
image: images/my-back.png
title_url: >-
https://medium.com/star-gazers/a-quick-guide-to-big-o-notation-memoization-tabulation-and-sorting-algorithms-by-example-803ff193c522
- content: |
*Python has a built in help function that let's you see a description
of the source code without having to navigate to it… "-SickNasty …
Autor Unknown" .*
actions:
- label: View Posts
url: >-
https://levelup.gitconnected.com/python-study-guide-for-a-native-javascript-developer-5cfdf3d2bdfb
style: link
image_alt: python
title: Python Guide
title_url: >-
https://levelup.gitconnected.com/python-study-guide-for-a-native-javascript-developer-5cfdf3d2bdfb
image: images/smiling-maple.png
- content: |
actions:
- label: Learn More
url: /docs/tools
style: link
title: Guitar Effects Triggering w DTW
title_url: 'https://github.com/bgoonz/Revamped-Automatic-Guitar-Effect-Triggering'
image: images/panoramic-owl.png
- title_url: 'https://bryanguner.medium.com/introductory-react-part-2-cda01615a186'
image_alt: img of dtw
content: |
As I learn to build web applications in React I will blog about it in
this series in an attempt to capture the questions that a complete
beginner might encounter that a more seasoned developer would take for
granted!
actions: []
type: grid_item
title: Beginner Guide React
image: images/successful-panda.gif
- title_url: 'https://dev.to/bgoonz/scope-and-context-in-javascript-5cma'
image_alt: img of react
content: "Scope & Context in JS\n\nThe\_**scope**\_of a program in JavaScript is the set of variables that are available for use within the program. \n"
actions: []
type: grid_item
image: images/pleasant-birch.png
title: Scope & Closure
- image_alt: Every idea needs a medium
content: |
PostgreSQL Cheat Sheet, Everything You Need to Get Started With VSCode
+ Extensions & Resources, Super Simple Intro To HTML, Understanding
Git... etc....
actions: []
type: grid_item
title: Web Audio Daw
image: images/7a8bc98e902a2f6dea90386cdfb154c2-2d55c637.png
- title: Current Interests
section_id: interests
subtitle: From github repositories to existential questions.
col_number: three
grid_items:
- title: Angolia
title_url: angolia
image_alt: angolia
content: |
## Full Text Search
[Full Text Search](https://www.algolia.com/)
##
actions: []
type: grid_item
image: images/spectacular-turmeric.png
- title: Convolutional Neural Networks
title_url: neural networks
image_alt: neural networks
content: >
Artificial neural networks, usually simply called neural networks, are
computing systems vaguely inspired by the biological [neural
networks](https://github.com/tensorflow/tensorflow)
actions: []
type: grid_item
image: images/neural.PNG
- title: Jamstack
title_url: jamstack
image_alt: jamstack
content: |
##### Why Jamstack Jamstack is the new standard architecture for the
web. Using Git workflows and modern build tools, pre-rendered content
is served to a CDN and made dynamic through APIs and serverless
functions. Technologies in the stack include JavaScript frameworks,
Static Site Generators, Headless CMSs, and CDNs.
actions: []
type: grid_item
image: images/jamstack.png
- title: Asynchronous JavaScript
title_url: lorem-ipsum
image_alt: lorem-ipsum
content: "The term\_**asynchronous**\_refers to\_two or more objects or events\_**not**\_existing or happening at the same time (or multiple related things happening without waiting for the previous one to complete).\_In computing, the word \"asynchronous\" is used in two major contexts.\n\n"
actions:
- label: lorem-ipsum
url: '#'
style: link
icon_class: dev
new_window: false
no_follow: false
type: grid_item
image: images/eventloop.gif
- title: NJ Devils
image_alt: nj-devils
content: "# New Jersey Devils Hockey Team\n\n### (Hockey in general)\n\n## Team identity\n\n[](https://en.wikipedia.org/wiki/File:OldDevils.png)\n\nThe old green style jerseys used from 1982 to 1992The jerseys used from 1992 to 2017[Sean Avery](https://en.wikipedia.org/wiki/Sean_Avery)\_of the\_[New York Rangers](https://en.wikipedia.org/wiki/New_York_Rangers)\_attempts to distract Brodeur during the\_[2008 Stanley Cup playoffs](https://en.wikipedia.org/wiki/2008\\_Stanley_Cup_playoffs). The playoff series was the fifth to feature the\_[Devils–Rangers rivalry](https://en.wikipedia.org/wiki/Devils%E2%80%93Rangers_rivalry).\n"
actions:
- label: lorem-ipsum
url: '#'
style: link
icon_class: dev
new_window: false
no_follow: false
type: grid_item
image: images/njdev-219301cd.jpg
title_url: 'https://www.allaboutthejersey.com/'
- title: ITER Fusion Reactor Experiment (Southern France)
title_url: lorem-ipsum
image_alt: lorem-ipsum
content: |
# Break Even Nuclear Fusion Candidate
In December, researchers at the Joint European Torus (JET) started
conducting fusion experiments with tritium — a rare and radioactive
isotope of hydrogen. The facility is a one-tenth-volume mock-up of the
US$22-billion ITER project and has the same doughnut-shaped 'tokamak'
design — the world's most developed approach to fusion energy. It is
the first time since 1997 that researchers have done experiments in a
tokamak with any significant amount of tritium.
actions: []
type: grid_item
image: images/iter-c7508519.jpg
type: section_grid
- section_id: features-two-col
type: section_grid
title: Resume & Portfolio
col_number: two
grid_items:
- title: Resume
actions:
- label: Learn More
url: 'https://1drv.ms/b/s!AkGiZ9n9CRDSpLsZsnPtiN7p77vq6A'
style: link
- label: Download PDF
url: >-
https://github.com/bgoonz/bgoonz/raw/master/bryan_guner_resume_2021_V9.pdf
style: secondary
icon_class: dev
new_window: false
no_follow: false
type: action
image: images/image-of-resume.png
title_url: >-
https://github.com/bgoonz/resume-cv-portfolio-samples/raw/master/2021-resume/bryan-guner-resume-2021.pdf
- title: Showcase
content: |
My Projects!
actions:
- label: Learn More
url: /showcase
style: secondary
image_alt: portfolio of websites
image: images/portfolio-pic-494ea398.png
- title: Blog-Archive-And-Mini-Projects
section_id: Mini Projects
image_alt: showcase
image_position: left
content: |-
actions: []
type: section_content
- title: Latest & Greatest
section_id: new content
image_alt: animated gif
image_position: right
content: |+
# ***What I've been working on lately:***
## Web Dev Utilitiy Tools
actions: []
type: section_content
image: images/cool annimation.gif
- title: lorem-ipsum
section_id: lorem-ipsum
image_alt: lorem-ipsum
image_position: left
content: >-
Etiam facilisis lacus nec pretium lobortis. Praesent dapibus justo non
efficitur efficitur. Nullam viverra justo arcu, eget egestas tortor
pretium id. Sed imperdiet mattis eleifend. Vivamus suscipit et neque
imperdiet venenatis.
> Vestibulum ullamcorper risus auctor eleifend consequat.
In malesuada sed urna eget vehicula. Donec fermentum tortor sit amet nisl
elementum fringilla. Pellentesque dapibus suscipit faucibus. Nullam
malesuada sed urna quis rutrum. Donec facilisis lorem id maximus mattis.
Vestibulum quis elit magna. Vestibulum accumsan blandit consequat.
Phasellus quis posuere quam.
Vivamus mollis in tellus ac ullamcorper. Vestibulum sit amet bibendum
ipsum, vitae rutrum ex. Nullam cursus, urna et dapibus aliquam, urna leo
euismod metus, eu luctus justo mi eget mauris. Proin felis leo, volutpat
et purus in, lacinia luctus eros. Pellentesque lobortis massa scelerisque
lorem ullamcorper, sit amet elementum nulla scelerisque. In volutpat
efficitur nulla, aliquam ornare lectus ultricies ac. Mauris sagittis
ornare dictum. Nulla vel felis ut purus fermentum pretium. Sed id lectus
ac diam aliquet venenatis. Etiam ac auctor enim. Nunc velit mauris,
viverra vel orci ut, egestas rhoncus diam. Morbi scelerisque nibh tellus,
vel varius urna malesuada sed. Etiam ultricies sem consequat, posuere urna
non, maximus ex. Mauris gravida diam sed augue condimentum pulvinar vel ac
dui. Integer vel convallis justo.
actions: []
type: section_content
- section_id: Web Audio DAW
image_alt: medium
image_position: left
actions:
- label: Go To Web Audio Daw
url: 'https://mihirbegmusiclab.netlify.app/'
style: primary
icon_class: dev
new_window: true
no_follow: false
type: action
type: section_content
title: Web Audio DAW
image: images/goals.jpg
- title: Quick Links
section_id: navigate from the home page
col_number: two
type: section_docs
subtitle: quick links home
- title: Contact
section_id: contact
actions:
- label: Contact
url: /docs/faq/contact
style: primary
icon_class: dev
new_window: false
no_follow: false
type: action
- label: email
url: 'mailto:bryan.guner@gmail.com'
style: primary
icon_class: dev
new_window: false
no_follow: false
- label: Subscribe (Youtube)
url: ' https://www.youtube.com/channel/UC9-rYyUMsnEBK8G8fCyrXXA?sub_confirmation=1'
style: primary
icon_class: dev
new_window: false
no_follow: false
type: section_cta
subtitle: get in touch! +1 (551) - 254 - 5505
seo:
title: Web-Dev-Hub
description: |-
bigO, Python, Javascript, Audio, Processing, Learning, Blog, React,
PostgreSQL, Scope, Closure, Web Development, Embed, API, Website, Design,
Music, Search
extra:
- name: 'og:type'
value: website
keyName: property
- name: 'og:title'
value: Web-Dev-Hub
keyName: property
- name: 'og:description'
value: |-
my resource sharing and blog site ... centered mostly on web development
and just a bit of audio production / generally nerdy things I find
interesting.
keyName: property
- name: 'og:image'
value: images/code.png
keyName: property
relativeUrl: true
- name: 'twitter:card'
value: summary_large_image
- name: 'twitter:title'
value: Web-Dev-Hub
- name: 'twitter:description'
value: Web-Dev-Hub
- name: 'twitter:image'
value: images/4.jpg
relativeUrl: true
template: advanced
---