forked from ChromeGaming/Community-Page
-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
2e29148
commit e59d5ff
Showing
1 changed file
with
174 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,174 @@ | ||
| # Learn.md | ||
|
|
||
| ## Project Overview | ||
| Welcome to the **Community-Page** of ChromeGaming! This repository aims to establish a vibrant online community space within the Chrome browser dedicated to gaming enthusiasts. The Chrome gaming community page serves as a central hub where gamers gather to connect, engage in discussions about games, share content, stay updated on the latest news, troubleshoot issues, participate in events, and interact with developers. It functions as an all-encompassing platform for everything gaming-related within the Chrome ecosystem.. | ||
|
|
||
| ### Objectives: | ||
| - Create a user-friendly community page. | ||
| - Integrate dynamic content updates. | ||
| - Provide a platform for community interactions. | ||
|
|
||
| ## Tech Stack Used | ||
| The following technologies are used in this project: | ||
|
|
||
| - **HTML**: For structuring the web content. | ||
| - **CSS**: For styling the web pages. | ||
| - **JavaScript**: For adding interactivity and dynamic content. | ||
| - **Node.js**: For server-side scripting. | ||
| - **Express.js**: For building the server-side applications. | ||
|
|
||
| ## Resources to Learn the Tech Stack | ||
|
|
||
| ### HTML- | ||
|
|
||
| <table> | ||
| <tr> | ||
| <th>Resource</th> | ||
| <th>Description</th> | ||
| </tr> | ||
| <tr> | ||
| <td><a href="https://developer.mozilla.org/en-US/docs/Web/HTML">MDN Web Docs: HTML</a></td> | ||
| <td>Comprehensive resource for HTML</td> | ||
| </tr> | ||
| <tr> | ||
| <td><a href="https://www.w3schools.com/">W3Schools: HTML</a></td> | ||
| <td>Tutorials and references on HTML</td> | ||
| </tr> | ||
| <tr> | ||
| <td><a href="https://html.com/">HTML.com</a></td> | ||
| <td>Guides and tutorials on HTML</td> | ||
| </tr> | ||
| <tr> | ||
| <td><a href="https://www.freecodecamp.org/learn/responsive-web-design/">freeCodeCamp HTML</a></td> | ||
| <td>Free course on HTML</td> | ||
| </tr> | ||
| </table> | ||
|
|
||
| ### CSS- | ||
|
|
||
| <table> | ||
| <tr> | ||
| <th>Resource</th> | ||
| <th>Description</th> | ||
| </tr> | ||
| <tr> | ||
| <td><a href="https://developer.mozilla.org/en-US/docs/Web/CSS">MDN Web Docs: CSS</a></td> | ||
| <td>Comprehensive resource for CSS</td> | ||
| </tr> | ||
| <tr> | ||
| <td><a href="https://www.w3schools.com/">W3Schools: CSS</a></td> | ||
| <td>Tutorials and references on CSS</td> | ||
| </tr> | ||
| <tr> | ||
| <td><a href="https://css-tricks.com/">CSS-Tricks</a></td> | ||
| <td>Tips, tricks, and techniques on using CSS</td> | ||
| </tr> | ||
| <tr> | ||
| <td><a href="https://www.freecodecamp.org/learn/responsive-web-design/">freeCodeCamp CSS</a></td> | ||
| <td>Free course on CSS</td> | ||
| </tr> | ||
| </table> | ||
|
|
||
| ### JavaScript- | ||
|
|
||
| <table> | ||
| <tr> | ||
| <th>Resource</th> | ||
| <th>Description</th> | ||
| </tr> | ||
| <tr> | ||
| <td><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript">MDN Web Docs: JavaScript</a></td> | ||
| <td>Comprehensive resource for JavaScript</td> | ||
| </tr> | ||
| <tr> | ||
| <td><a href="https://javascript.info/">JavaScript.info</a></td> | ||
| <td>Modern JavaScript tutorial</td> | ||
| </tr> | ||
| <tr> | ||
| <td><a href="https://eloquentjavascript.net/">Eloquent JavaScript (Book)</a></td> | ||
| <td>A book providing an in-depth understanding of JavaScript</td> | ||
| </tr> | ||
| <tr> | ||
| <td><a href="https://github.com/getify/You-Dont-Know-JS">You Don't Know JS (Book Series)</a></td> | ||
| <td>A book series on deep JavaScript concepts</td> | ||
| </tr> | ||
| <tr> | ||
| <td><a href="https://www.freecodecamp.org/learn/javascript-algorithms-and-data-structures/">freeCodeCamp JavaScript</a></td> | ||
| <td>Free course on JavaScript algorithms and data structures</td> | ||
| </tr> | ||
| <tr> | ||
| <td><a href="https://javascript30.com/">JavaScript30</a></td> | ||
| <td>30-day challenge to build 30 things with vanilla JavaScript</td> | ||
| </tr> | ||
| </table> | ||
|
|
||
|
|
||
| ### Node.js- | ||
|
|
||
| <table> | ||
| <tr> | ||
| <th>Resource</th> | ||
| <th>Description</th> | ||
| </tr> | ||
| <tr> | ||
| <td><a href="https://nodejs.org/en/docs/">Node.js Official Documentation</a></td> | ||
| <td>Comprehensive resource for Node.js</td> | ||
| </tr> | ||
| <tr> | ||
| <td><a href="https://www.udemy.com/course/the-complete-nodejs-developer-course-2/">The Complete Node.js Developer Course (Udemy)</a></td> | ||
| <td>Comprehensive course on Node.js</td> | ||
| </tr> | ||
| <tr> | ||
| <td><a href="https://www.codecademy.com/learn/learn-node-js">Learn Node.js (Codecademy)</a></td> | ||
| <td>Interactive course on Node.js</td> | ||
| </tr> | ||
| <tr> | ||
| <td><a href="https://www.nodejsdesignpatterns.com/">Node.js Design Patterns (Book)</a></td> | ||
| <td>A book on design patterns in Node.js</td> | ||
| </tr> | ||
| <tr> | ||
| <td><a href="https://www.freecodecamp.org/learn/back-end-development-and-apis/">freeCodeCamp Backend Development and APIs</a></td> | ||
| <td>Free course on backend development and APIs</td> | ||
| </tr> | ||
| </table> | ||
|
|
||
|
|
||
| ### Express.js- | ||
|
|
||
| <table> | ||
| <tr> | ||
| <th>Resource</th> | ||
| <th>Description</th> | ||
| </tr> | ||
| <tr> | ||
| <td><a href="https://expressjs.com/">Express.js Official Documentation</a></td> | ||
| <td>Comprehensive resource for Express.js</td> | ||
| </tr> | ||
| <tr> | ||
| <td><a href="https://www.udemy.com/course/the-complete-nodejs-developer-course-2/">The Complete Node.js Developer Course (Udemy)</a></td> | ||
| <td>Comprehensive course on Node.js and Express.js</td> | ||
| </tr> | ||
| <tr> | ||
| <td><a href="https://www.codecademy.com/learn/learn-express">Learn Express (Codecademy)</a></td> | ||
| <td>Interactive course on Express.js</td> | ||
| </tr> | ||
| <tr> | ||
| <td><a href="https://www.pluralsight.com/courses/expressjs">Express.js Fundamentals (Pluralsight)</a></td> | ||
| <td>Fundamental course on Express.js</td> | ||
| </tr> | ||
| </table> | ||
|
|
||
|
|
||
| ## Frequently Asked Questions (FAQ) | ||
|
|
||
| **Q1: How do I set up the project locally?** | ||
| - **A**: Follow the steps in the [README.md](./README.md) for setting up the project locally, including cloning the repository, installing dependencies, and running the development server. | ||
|
|
||
| **Q2: How can I contribute to the project?** | ||
| - **A**: Check out the [README.md](./README.md) file for guidelines on how to contribute. You can help by reporting issues, suggesting features, or submitting pull requests. | ||
|
|
||
| **Q3: Who can I contact for support?** | ||
| - **A**: If you need help, you can open an issue in the repository or contact the maintainers listed in the [README.md](./README.md). | ||
|
|
||
| **Q4: How can I raise an issue?** | ||
| - **A**: To raise an issue, navigate to the "Issues" tab in the repository and click on the "New Issue" button. Fill out the provided template with as much detail as possible about the bug or feature request. |