[GSoD] docs: Added revised version of the quick start guide

[bandantonio]

Description of Change

This PR contains a revised version of the Quick Start Guide that helps new developers up and running their first Electron app in a matter of minutes. The quick start guide includes the following changes:

• Added new version of the quick start guide containing app architecture and packaging/distribution section
• Removed links to the first-app and architecture pages. Removed these pages as well
• Updated links to the new guide and its sections in README

Checklist

• PR description included and stakeholders cc'd
• relevant documentation is changed or added
• PR title follows semantic commit guidelines
• PR release notes describe the change in a way relevant to app developers, and are capitalized, punctuated, and past tense.

Release Notes

Notes: Added a revised version of the Quick Start Guide that helps new developers up and running their first Electron app in a matter of minutes

[welcome]

💖 Thanks for opening this pull request! 💖

We use semantic commit messages to streamline the release process. Before your pull request can be merged, you should update your pull request title to start with a semantic prefix.

Examples of commit messages with semantic prefixes:

• fix: don't overwrite prevent_default if default wasn't prevented
• feat: add app.isPackaged() method
• docs: app.isDefaultProtocolClient is now available on Linux

Things that will help get your PR across the finish line:

• Follow the JavaScript, C++, and Python coding style.
• Run npm run lint locally to catch formatting errors earlier.
• Document any user-facing changes you've made following the documentation styleguide.
• Include tests when adding/changing behavior.
• Include screenshots and animated GIFs whenever possible.

We get a lot of pull requests on this repo, so please be patient and we will get back to you as soon as we can.

[zcbenz]

The quick start guide was intentionally split into first-app.md and application-architecture.md, please modify those guides instead if you think they can be improved.

[felixrieseberg]

👋 @zcbenz Thanks for looking out for us! I'm the one who initially split the two documents out, but @bandantonio managed to convince me in #wg-season-of-docs over in Slack that putting them back together is easier for newcomers 🙇

[zcbenz]

@bandantonio Can you fix the lint error?

docs/tutorial/quick-start.md
     19:1-22:4  warning  Missing code-language flag    fenced-code-flag  remark-lint
     31:1-36:4  warning  Missing code-language flag    fenced-code-flag  remark-lint
     44:1-48:4  warning  Missing code-language flag    fenced-code-flag  remark-lint
   147:1-149:4  warning  Missing code-language flag    fenced-code-flag  remark-lint
  162:5-170:24  warning  Missing code-language flag    fenced-code-flag  remark-lint
   173:1-176:8  warning  Code blocks should be fenced  code-block-style  remark-lint
   180:5-194:8  warning  Missing code-language flag    fenced-code-flag  remark-lint
   198:5-205:8  warning  Missing code-language flag    fenced-code-flag  remark-lint

And there seems to be a merging conflict in first-app.md, can you rebase the PR on latest master branch?

[ckerr]

I'm a little late to the party on this PR, but it LGTM. The rewrite has a good flow and the explanations are clear.

[welcome]

Congrats on merging your first pull request! 🎉🎉🎉

[release-clerk]

Release Notes Persisted

Added a revised version of the Quick Start Guide that helps new developers up and running their first Electron app in a matter of minutes

[thrnd]

When you were changing "quick start" article you forgot these lines of code:

// Open the DevTools.
win.webContents.openDevTools()

UPDATE:
just discovered that everything is ok here, on github, but those 2 lines of code are missing on your web-site.