Skip to content

Commit

Permalink
index
Browse files Browse the repository at this point in the history
  • Loading branch information
bgoonz committed Mar 13, 2022
1 parent c614183 commit b400667
Show file tree
Hide file tree
Showing 6 changed files with 139 additions and 100 deletions.
File renamed without changes.
28 changes: 13 additions & 15 deletions src/pages/docs/overflow/nodevsbrowser.md
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,6 @@ seo:
Both the browser and Node.js use JavaScript as their programming
language.You can pass any number of arguments when invoking a Node.js
application using
extra:
- name: 'og:type'
value: website
Expand All @@ -21,7 +20,6 @@ seo:
value: >-
Both the browser and Node.js use JavaScript as their programming
language.
Building apps that run in the browser
keyName: property
- name: 'twitter:card'
Expand All @@ -39,28 +37,28 @@ template: docs

Both the browser and Node.js use JavaScript as their programming language.

Building apps that run in the browser is a completely different thing than building a Node.js application.
- Building apps that run in the browser is a completely different thing than building a Node.js application.

Despite the fact that it's always JavaScript, there are some key differences that make the experience radically different.
- Despite the fact that it's always JavaScript, there are some key differences that make the experience radically different.

From the perspective of a frontend developer who extensively uses JavaScript, Node.js apps bring with them a huge advantage: the comfort of programming everything - the frontend and the backend - in a single language.
- From the perspective of a frontend developer who extensively uses JavaScript, Node.js apps bring with them a huge advantage: the comfort of programming everything - the frontend and the backend - in a single language.

You have a huge opportunity because we know how hard it is to fully, deeply learn a programming language, and by using the same language to perform all your work on the web - both on the client and on the server, you're in a unique position of advantage.
- You have a huge opportunity because we know how hard it is to fully, deeply learn a programming language, and by using the same language to perform all your work on the web - both on the client and on the server, you're in a unique position of advantage.

What changes is the ecosystem.
- What changes is the ecosystem.

In the browser, most of the time what you are doing is interacting with the DOM, or other Web Platform APIs like Cookies. Those do not exist in Node.js, of course. You don't have the `document`, `window` and all the other objects that are provided by the browser.
- In the browser, most of the time what you are doing is interacting with the DOM, or other Web Platform APIs like Cookies. Those do not exist in Node.js, of course. You don't have the `document`, `window` and all the other objects that are provided by the browser.

And in the browser, we don't have all the nice APIs that Node.js provides through its modules, like the filesystem access functionality.
- And in the browser, we don't have all the nice APIs that Node.js provides through its modules, like the filesystem access functionality.

Another big difference is that in Node.js you control the environment. Unless you are building an open source application that anyone can deploy anywhere, you know which version of Node.js you will run the application on. Compared to the browser environment, where you don't get the luxury to choose what browser your visitors will use, this is very convenient.
- Another big difference is that in Node.js you control the environment. Unless you are building an open source application that anyone can deploy anywhere, you know which version of Node.js you will run the application on. Compared to the browser environment, where you don't get the luxury to choose what browser your visitors will use, this is very convenient.

This means that you can write all the modern ES6-7-8-9 JavaScript that your Node.js version supports.
- This means that you can write all the modern ES6-7-8-9 JavaScript that your Node.js version supports.

Since JavaScript moves so fast, but browsers can be a bit slow and users a bit slow to upgrade, sometimes on the web, you are stuck with using older JavaScript / ECMAScript releases.
- Since JavaScript moves so fast, but browsers can be a bit slow and users a bit slow to upgrade, sometimes on the web, you are stuck with using older JavaScript / ECMAScript releases.

You can use Babel to transform your code to be ES5-compatible before shipping it to the browser, but in Node.js, you won't need that.
- You can use Babel to transform your code to be ES5-compatible before shipping it to the browser, but in Node.js, you won't need that.

Another difference is that Node.js uses the CommonJS module system, while in the browser we are starting to see the ES Modules standard being implemented.
- Another difference is that Node.js uses the CommonJS module system, while in the browser we are starting to see the ES Modules standard being implemented.

In practice, this means that for the time being you use `require()` in Node.js and `import` in the browser.
- In practice, this means that for the time being you use `require()` in Node.js and `import` in the browser.
8 changes: 4 additions & 4 deletions src/pages/docs/quick-ref/minifiction.md
Original file line number Diff line number Diff line change
@@ -1,10 +1,10 @@
---
title: 'How To Minify Code For Better Web Performance '
title: 'Minification'
weight: 0
excerpt: lorem-ipsum
excerpt: How To Minify Code For Better Web Performance
seo:
title: ''
description: ''
title: 'Minification'
description: 'How To Minify Code For Better Web Performance'
robots: []
extra: []
template: docs
Expand Down
6 changes: 3 additions & 3 deletions src/pages/docs/quick-ref/pull-request-rubric.md
Original file line number Diff line number Diff line change
@@ -1,10 +1,10 @@
---
title: Pull Request Template
weight: 0
excerpt: lorem-ipsum
excerpt: Does the pull request consist of small commits with clear titles
seo:
title: ''
description: ''
title: 'Pull Request Template'
description: 's it clear why the pull request exists'
robots: []
extra: []
template: docs
Expand Down
File renamed without changes.
197 changes: 119 additions & 78 deletions src/pages/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -167,9 +167,11 @@ sections:
- title: Resume
actions:
- label: View In One Drive
style: secondary
url: 'https://1drv.ms/b/s!AkGiZ9n9CRDSpLsZsnPtiN7p77vq6A'
style: secondary
- label: lorem-ipsum
url: '#'
style: link
icon_class: dev
new_window: false
no_follow: false
Expand All @@ -182,7 +184,7 @@ sections:
no_follow: false
type: action
image: images/image-of-resume.png
title_url: >-
title_url: >-
https://github.com/bgoonz/resume-cv-portfolio-samples/raw/master/2021-resume/bryan-guner-resume-2021.pdf
- title: Showcase
content: |
Expand All @@ -198,84 +200,123 @@ sections:
image_alt: showcase
image_position: left
content: >-
<iframe sandbox="allow-scripts" style="resize:both; overflow:scroll;" class="block-content" width="100% width="1200px!important" height="1000px!important" src="https://web-dev-utility-tools-bgoonz.netlify.app/" allowfullscreen></iframe>
<iframe sandbox="allow-scripts" style="resize:both; overflow:scroll;" class="block-content" width="100% width="1200px!important" height="1000px!important" src="https://cheatsheets-42.netlify.app/" allowfullscreen></iframe>
<iframe sandbox="allow-scripts" style="resize:both; overflow:scroll;" class="block-content" width="100% width="1200px!important" height="1000px!important" src="https://bgoonz.github.io/fb-and-twitter-api-embeds/" allowfullscreen></iframe>
actions: []
type: section_content
- section_id: tools
image_alt: image of
image_position: left
content: >
<iframe sandbox="allow-scripts" style="resize:both; overflow:scroll;" class="block-content" width="100% width="1200px!important" height="1000px!important" src="https://bgoonz.github.io/fb-and-twitter-api-embeds/" allowfullscreen></iframe>
<iframe src="https://random-static-html-deploys.netlify.app/"
class="block-content" width="100% width="1200px!important"
height="1000px!important">
</iframe>
actions: []
type: section_content
title: Tools Showcase
- section_id: Web Audio DAW
image_alt: medium
image_position: left
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
<iframe class="block-content" width="100% width="1200px!important"
height="1000px!important"
src="https://web-dev-utility-tools-bgoonz.netlify.app/"
frameborder="0" allow="accelerometer; autoplay; clipboard-write;
encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<iframe class="block-content" width="100% width="1200px!important"
height="1000px!important"
src="https://cheatsheets-42.netlify.app/"
frameborder="0" allow="accelerometer; autoplay; clipboard-write;
encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<iframe class="block-content" width="100% width="1200px!important"
height="1000px!important"
src="https://bgoonz.github.io/fb-and-twitter-api-embeds/"
frameborder="0" allow="accelerometer; autoplay; clipboard-write;
encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
actions: []
type: section_content
image: images/cool annimation.gif
- section_id: tools
image_alt: lorem-ipsum
image_position: left
content: |
![](images/static-server-5bf5ad2d.PNG)Tool Showcase
https://bgoonz-blog.netlify.app/docs/tools/
actions: []
type: section_content
title: Tools Showcase
- 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: quick links
col_number: three
type: section_docs
subtitle: Navigate To Docs From Home Page
- 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: 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
- 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:[email protected]'
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
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
---

1 comment on commit b400667

@vercel
Copy link

@vercel vercel bot commented on b400667 Mar 13, 2022

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Please sign in to comment.