diff --git a/CNAME b/CNAME new file mode 100644 index 0000000..0238076 --- /dev/null +++ b/CNAME @@ -0,0 +1 @@ +js.fahimbinamin.com diff --git a/README.md b/README.md index c19e341..232f72b 100644 --- a/README.md +++ b/README.md @@ -1,7 +1,34 @@ -# The Ultimate JavaScript Tutorial Series +

JavaScript With Fahim Banner

-This is a series of JavaScript tutorials that will teach you everything you need to know to become a JavaScript developer. This series is for beginners and intermediate JavaScript developers. If you are a beginner, you should start with the first tutorial. If you are an intermediate JavaScript developer, you can skip the first tutorial and start with the second tutorial. +

"Creating that repo that you need to master the stronghold of JavaScript"

+This repo contains **resources and materials** to learn and get yourself started with **JavaScript**. Also, the **Bonus** section contains some **awesome knowledgeable things** that you can contribute to even you do not have any idea of open source or something like that. +The repo content is divided into several `Pages` for better structuring, easy navigation and making learning easier. If you have suggestions for me, then you are more than welcome to do so. +For Eg: There is a separate page for JS Fundamentals. +

This repo is hosted at js.fahimbinamin.com

+ +[![Open in Gitpod](https://gitpod.io/button/open-in-gitpod.svg "Open In Gitpod")](https://gitpod.io/#https://github.com/FahimFBA/JavaScript) + +
+ +> **Follow [@Fahim_FBA](https://twitter.com/Fahim_FBA) on Twitter to learn more about it**. + +
+ +#### Table of Pages + + +| Section/pages | Description | Page (Link- clickable) | +|-----------------------------------------------------------------------------------------------------------------|-------------|:---------------------------:| +|![JS Fundamentals](https://user-images.githubusercontent.com/64195132/233770538-ccc0db49-5d14-4701-b69e-201c6beac1fe.png)| Contains the fundamentals that you must need to know before jumping into the advanced JavaScript |[![JS Fundamentals](https://user-images.githubusercontent.com/64195132/233770578-90711e77-c269-4cdb-8832-7f58d3e87e9d.png)](/pages/Fundamentals.md)| +| ![Bonus](https://user-images.githubusercontent.com/64195132/233771883-333741d6-d389-41f3-852c-85c279207a4a.png) | Contains some BONUS knowledge that you do not want to miss at any cost!|[![Bonus](https://user-images.githubusercontent.com/64195132/233770578-90711e77-c269-4cdb-8832-7f58d3e87e9d.png)](/pages/Bonus.md)| + + +--- +
+

Don't forget to ⭐ this repository

+
Building with the COMMUNITY for the COMMUNITY ❤️
+
diff --git a/_layouts/sidebar.md b/_layouts/sidebar.md index 00d5c2b..18676f0 100644 --- a/_layouts/sidebar.md +++ b/_layouts/sidebar.md @@ -1,5 +1,3 @@ - Pages - - [JS Fundamentals](./pages/Fundamentals.md) - - [Open Source Fundamentals (OSWP)](./pages/How-to/README.md) - - [JS Advanced](#) - - [JS Problem Solving](#) \ No newline at end of file + - JS Fundamentals + - Bonus \ No newline at end of file diff --git a/index.html b/index.html index 4a58e8e..cb40810 100644 --- a/index.html +++ b/index.html @@ -73,10 +73,10 @@ darklightTheme: { bodyFontSize: "16px", dark: { - accent: "#c9e265", + accent: "#d44e70", }, light: { - accent: "#75900C", + accent: "#4ed4d2", }, }, }; diff --git a/pages/Bonus.md b/pages/Bonus.md new file mode 100644 index 0000000..bc8f834 --- /dev/null +++ b/pages/Bonus.md @@ -0,0 +1,9 @@ +## Bonus + +| No. | Project Social Preview | Skill Required | Link to the project | +| :---: | :---------------------------------------------------------------------------------------------------------------------------------: | :------------: | :-----------------------------------------------------------------------------: | +| 1 | ![Open Source With Pradumna](https://user-images.githubusercontent.com/51878265/216841971-8aa2f666-e76c-4a6b-a789-5413d73f0c40.png) | **English** | [`https://oswp.study/`](https://oswp.study/) | +| 2 | ![Everything of Java](https://user-images.githubusercontent.com/64195132/233770129-76322f63-727e-41ef-969e-324e1b691299.png) | **English** | [`FahimFBA/everything-of-java`](https://github.com/FahimFBA/everything-of-java) | + + +

Don't forget to ⭐ this repository

\ No newline at end of file diff --git a/pages/Fundamentals.md b/pages/Fundamentals.md new file mode 100644 index 0000000..42cde7f --- /dev/null +++ b/pages/Fundamentals.md @@ -0,0 +1,12 @@ +

The things that you need to know about JavaScript before diving into the rabit hole. I publish articles on Dev.to on the topics regularly. I will add the links here as soon as I publish them.

+ +
+
+ +| **Day-Date** | **Topic** | **Post** | **Blog Post / Article Link** | **YouTube Video Link** | +| :----------------------: | :--------------------: | :--------------------------------------------------------------------------------------------------------------------------------------------------------------: | :---------------------------------------------------------------------------------------------------------------------------------: | :--------------------: | +| **Day 1** - (18-04-2023) | Print in JavaScript | Day 1: JavaScript With Fahim | [`Blog`](https://dev.to/fahimfba/learn-javascript-printing-your-first-message-2m04) | N/A | +| **Day 2** - (19-04-2023) | Comments in JavaScript | Day 2: JavaScript With Fahim | [`Blog`](https://dev.to/fahimfba/mastering-javascript-unraveling-the-art-of-effective-commenting-for-better-code-collaboration-46b) | N/A | + + +

Don't forget to ⭐ this repository

\ No newline at end of file diff --git a/pages/How-to/README.md b/pages/How-to/README.md deleted file mode 100644 index 04e67e8..0000000 --- a/pages/How-to/README.md +++ /dev/null @@ -1,43 +0,0 @@ -
-

Step by step guide to perform activites like "Raising a PR", "Cloning a repo", etc.

-

Each topic/guide has its own separate Markdown file with detailed explanation which contanins text, screenshot, screen recording, GIF, etc.

-
- -
- -|#|Activities| Click to Learn | -|:--:|:---:|:--:| -|**0**|![Raising an Issue](https://user-images.githubusercontent.com/51878265/188309274-6f4f6edc-22e3-44c8-8cd8-fe06c5831b55.png)|[![btn](https://user-images.githubusercontent.com/51878265/188311903-d9825c83-db42-45ba-8e1b-d8d9f2c78b09.png)](guide/rasing-issue.md)| -|**1**|![Raising an Issue with Template](https://user-images.githubusercontent.com/51878265/188309271-f8e0a209-dc13-4251-962c-8d27c078fa05.png)|[![btn](https://user-images.githubusercontent.com/51878265/188311903-d9825c83-db42-45ba-8e1b-d8d9f2c78b09.png)](guide/raise-issue-template.md)| -|**2**|![Create a PR](https://user-images.githubusercontent.com/51878265/188309287-db49d33a-57b3-48da-8161-c61644a0d4d5.png)|[![btn](https://user-images.githubusercontent.com/51878265/188311903-d9825c83-db42-45ba-8e1b-d8d9f2c78b09.png)](guide/creating-pr.md)| -|**3**|![Add a sponsor](https://user-images.githubusercontent.com/51878265/188309822-df4ac84f-2056-4a04-80a5-aa0d86f0e696.png)|[![btn](https://user-images.githubusercontent.com/51878265/188311903-d9825c83-db42-45ba-8e1b-d8d9f2c78b09.png)](guide/adding-sponsor.md)| -|**4**|![discussion](https://user-images.githubusercontent.com/51878265/188309284-f9b3e9aa-fb8e-4960-a380-6adc41244b23.png)|[![btn](https://user-images.githubusercontent.com/51878265/188311903-d9825c83-db42-45ba-8e1b-d8d9f2c78b09.png)](guide/starting-discussion.md)| -|**5**|![link an Issue to PR](https://user-images.githubusercontent.com/51878265/188309282-19fe9212-fde7-4aea-bcac-aabc910dc2c6.png)|[![btn](https://user-images.githubusercontent.com/51878265/188311903-d9825c83-db42-45ba-8e1b-d8d9f2c78b09.png)](guide/linking-issue-with-pr.md)| -|**6**|![Review a PR](https://user-images.githubusercontent.com/51878265/188309280-49929746-88cd-4991-83f4-258945ac9f5e.png)|[![btn](https://user-images.githubusercontent.com/51878265/188311903-d9825c83-db42-45ba-8e1b-d8d9f2c78b09.png)](guide/reviewing-pr.md)| -|**7**|![Clone a repo](https://user-images.githubusercontent.com/51878265/188309279-0cb30417-d171-4dad-81b0-4e9b133c3084.png)|[![btn](https://user-images.githubusercontent.com/51878265/188311903-d9825c83-db42-45ba-8e1b-d8d9f2c78b09.png)](guide/cloning-repo.md)| -|**8**|![Add Issue templates](https://user-images.githubusercontent.com/51878265/188309278-28797c1c-30dc-4a14-85f0-ccfd915d7557.png)|[![btn](https://user-images.githubusercontent.com/51878265/188311903-d9825c83-db42-45ba-8e1b-d8d9f2c78b09.png)](guide/adding-issue-template.md)| -|**9**|![Add PR template](https://user-images.githubusercontent.com/51878265/188309276-e1ceddc7-d510-4cdb-8863-696b38210e4f.png)|[![btn](https://user-images.githubusercontent.com/51878265/188311903-d9825c83-db42-45ba-8e1b-d8d9f2c78b09.png)](guide/adding-pr-template.md)| -|**10**|![Assign an Issue](https://user-images.githubusercontent.com/51878265/188309269-3369b50a-f0f9-43be-bec1-1f23c9eb6149.png)|[![btn](https://user-images.githubusercontent.com/51878265/188311903-d9825c83-db42-45ba-8e1b-d8d9f2c78b09.png)](guide/assigning-issue.md)| -|**11**|![Fork a Repo](https://user-images.githubusercontent.com/51878265/188309267-fb2e4161-e910-40cf-b9f6-99068ad75211.png)|[![btn](https://user-images.githubusercontent.com/51878265/188311903-d9825c83-db42-45ba-8e1b-d8d9f2c78b09.png)](guide/fork-repo.md)| -|**12**|![star a Repo](https://user-images.githubusercontent.com/51878265/188309275-bcdb9062-662c-4aaa-809f-366019696019.png)|[![btn](https://user-images.githubusercontent.com/51878265/188311903-d9825c83-db42-45ba-8e1b-d8d9f2c78b09.png)](guide/star-repo.md)| -|**13**|![Delete a repo](https://user-images.githubusercontent.com/51878265/188317787-0a10a050-e7a6-4519-9dc5-64f360ece3e5.png)|[![btn](https://user-images.githubusercontent.com/51878265/188311903-d9825c83-db42-45ba-8e1b-d8d9f2c78b09.png)](guide/delete-repo.md)| -|**14**|![Add social preview to a repo](https://user-images.githubusercontent.com/51878265/188317788-609caefe-4f7a-4101-a051-1a12d2723fbb.png)|[![btn](https://user-images.githubusercontent.com/51878265/188311903-d9825c83-db42-45ba-8e1b-d8d9f2c78b09.png)](guide/social-preview.md)| -|**15**|![Use GitHub Pages](https://user-images.githubusercontent.com/51878265/188317790-9e1a365a-e51b-4d01-9529-91405d08eacb.png)|[![btn](https://user-images.githubusercontent.com/51878265/188311903-d9825c83-db42-45ba-8e1b-d8d9f2c78b09.png)](guide/github-pages.md)| -|**16**|![Create a GitHub secret](https://user-images.githubusercontent.com/51878265/188317785-7edb7a69-36af-481a-b373-c1718f5fd23f.png)|[![btn](https://user-images.githubusercontent.com/51878265/188311903-d9825c83-db42-45ba-8e1b-d8d9f2c78b09.png)](guide/create-github-secret.md)| -|**17**|![Create a license](https://user-images.githubusercontent.com/51878265/188317793-4fe89294-ee13-4dc5-9cb2-529851c23e1d.png)|[![btn](https://user-images.githubusercontent.com/51878265/188311903-d9825c83-db42-45ba-8e1b-d8d9f2c78b09.png)](guide/create-licence.md)| -|**18**|![Create a Tag](https://user-images.githubusercontent.com/51878265/188317795-60a1284b-0590-4a7f-bd6e-f299b688c7c1.png)|[![btn](https://user-images.githubusercontent.com/51878265/188311903-d9825c83-db42-45ba-8e1b-d8d9f2c78b09.png)](guide/create-tags.md)| -|**19**|![Create Releases](https://user-images.githubusercontent.com/51878265/188317799-c7ecba97-8b53-42cd-8db1-9287fb3c7817.png)|[![btn](https://user-images.githubusercontent.com/51878265/188311903-d9825c83-db42-45ba-8e1b-d8d9f2c78b09.png)](guide/create-releases.md)| -|**20**|![Create a Project Board](https://user-images.githubusercontent.com/51878265/188317800-e91ddbe0-a079-48f0-bc63-1f69113691cf.png)|[![btn](https://user-images.githubusercontent.com/51878265/188311903-d9825c83-db42-45ba-8e1b-d8d9f2c78b09.png)](guide/create-project-board.md)| -|**21**|![Archive a Repo](https://user-images.githubusercontent.com/51878265/188317801-3ec66402-fcf2-4818-95a7-1d489caf65ae.png)|[![btn](https://user-images.githubusercontent.com/51878265/188311903-d9825c83-db42-45ba-8e1b-d8d9f2c78b09.png)](guide/archive-repo.md)| -|**22**|![Make a repo private/public](https://user-images.githubusercontent.com/51878265/188317804-4e45d315-e6f5-4338-90c7-70a2e5f09a28.png)|[![btn](https://user-images.githubusercontent.com/51878265/188311903-d9825c83-db42-45ba-8e1b-d8d9f2c78b09.png)](guide/repo-private-public.md)| -|**23**|![Create-a-repo](https://user-images.githubusercontent.com/51878265/195158675-fb525b73-6a88-4143-bb5d-cd51d50f2a7a.png)|[![btn](https://user-images.githubusercontent.com/51878265/188311903-d9825c83-db42-45ba-8e1b-d8d9f2c78b09.png)](guide/create-repo.md)| -|**24**|![Renaming a Repository](https://user-images.githubusercontent.com/51878265/194721906-86e2acba-194e-4dcc-8886-17f6b729a4c6.png)|[![btn](https://user-images.githubusercontent.com/51878265/188311903-d9825c83-db42-45ba-8e1b-d8d9f2c78b09.png)](guide/rename-repo.md)| -|**25**|![Sign-commits](https://user-images.githubusercontent.com/51878265/194722406-73e2a603-c360-48dd-88bb-232abc170e81.png)|[![btn](https://user-images.githubusercontent.com/51878265/188311903-d9825c83-db42-45ba-8e1b-d8d9f2c78b09.png)](guide/sign-commits.md)| -|**26**|![Create a branch](https://user-images.githubusercontent.com/51878265/195896447-42001878-e09e-4ac2-a79e-203b5cbaeeb4.png)|[![btn](https://user-images.githubusercontent.com/51878265/188311903-d9825c83-db42-45ba-8e1b-d8d9f2c78b09.png)](guide/create-branch.md) -|**27**|![Review a PR on our local system](https://user-images.githubusercontent.com/51878265/198944333-6357ae5e-531b-421e-bc01-4904665da912.png)|[![btn](https://user-images.githubusercontent.com/51878265/188311903-d9825c83-db42-45ba-8e1b-d8d9f2c78b09.png)](guide/review-pr-locally.md)| -|**28**|![Use GitHub Codespaces](https://user-images.githubusercontent.com/51878265/206258171-df44aff5-92b2-4f7e-926b-ff1efd06af85.png)|[![btn](https://user-images.githubusercontent.com/51878265/188311903-d9825c83-db42-45ba-8e1b-d8d9f2c78b09.png)](guide/use-codespaces.md)| -|||| - -
-

This has been taken from Pradumna's "Open Source With Pradumna" Repo. Don't forget to ⭐ his amazing project repository.

- diff --git a/pages/How-to/guide/adding-issue-template.md b/pages/How-to/guide/adding-issue-template.md deleted file mode 100644 index bd87e6a..0000000 --- a/pages/How-to/guide/adding-issue-template.md +++ /dev/null @@ -1,71 +0,0 @@ -# How to create issue templates ? -An issue template is a template with prepopulated information about how an issue can be mentioned. - -## Step by step process to create an issue template : - -### Step 1 : - -You should have a repository. - -### Step 2 : - -Go to the main page of the repository. Under the repository name, click Settings. - -Screenshot 2022-10-03 at 8 02 52 PM - -### Step 3 : - -Scroll down to the "*Features*" section. Under "Issues", click on "*Set up templates*". - -Screenshot 2022-10-04 at 11 25 22 PM - -### Step 4 : - -Click on the *Add template* drop-down menu, and select the type of template you'd like to create -- Bug report - This template is used to convey the detailed information about the bug to the developers. -- Feature request - It is a document where developers make requests for a product in development. -- Custom template - This template is completely user controlled and can be customized according to needs. - -Screenshot 2022-10-04 at 11 43 37 PM - -### Step 5 : - -You can click on *Preview and edit* to view and edit the template. - -Screenshot 2022-10-04 at 11 46 38 PM - -### Step 6 : - -Click on the pencil icon to edit the template and type in the fields to edit their contents. - -Screenshot 2022-10-04 at 11 50 46 PM - -### Step 7 : - -Enter the information under "Optional additional information" to automatically set a default issue title, assign the issue to users with read access to the repository, or apply labels to your issue template. In a YAML format, you can also include these details in the issue template along with the title, labels, or assignees. - -Screenshot 2022-10-04 at 11 55 57 PM - -### Step 8 : - -Click on *Propose changes* in the top right corner of the page once you're done altering and previewing your template. - -Screenshot 2022-10-04 at 11 58 43 PM - -### Step 9 : - -Write a commit message summarizing the changes you made. - -Screenshot 2022-10-05 at 12 01 29 AM - -### Step 10 : - -Choose whether to establish a new branch and launch a pull request or to commit your template directly to the default branch underneath the commit message boxes. - -Screenshot 2022-10-05 at 12 04 37 AM - -### Step 11 : - -Click on *Commit changes*. The template will be accessible for contributors to use when they open new issues in the repository once these modifications are merged into the default branch. - -Screenshot 2022-10-05 at 12 06 57 AM diff --git a/pages/How-to/guide/adding-pr-template.md b/pages/How-to/guide/adding-pr-template.md deleted file mode 100644 index b78b6ac..0000000 --- a/pages/How-to/guide/adding-pr-template.md +++ /dev/null @@ -1,32 +0,0 @@ -# Create a PR Template - -Creating a PR template makes it easy to clarify what the proposed changes will do and receive actionable feedback from your team. Having a custom template facilitates clear communication between all team members and ensures that everyone is on the same page. - -You can create a `PULL_REQUEST_TEMPLATE/ subdirectory` in any of the supported folders to contain multiple pull request templates, and use the template query parameter to specify the template that will fill the pull request body. - -### Steps to successfully create a PR Template : -#### There are two steps ways in which you can create a PR Template: -1. To store your file in a hidden directory, name the pull request template `.github/pull_request_template.md`: - -
- Creating a new file using the 'Create new file' option under the 'Add file' button -
-
-
- Naming the file as 'pull_request_template.md' -
-
- -2. After creating the `pull_request_template.md` file you have to write the body of the new file, add your pull request template. This could include: - a. A reference to a related issue in your repository. - b. A description of the changes proposed in the pull request. - c. Mention the person or team responsible for reviewing proposed changes. - - - - -#### That's it. You have sucessfully created a PR Template diff --git a/pages/How-to/guide/adding-sponsor.md b/pages/How-to/guide/adding-sponsor.md deleted file mode 100644 index 0dbec92..0000000 --- a/pages/How-to/guide/adding-sponsor.md +++ /dev/null @@ -1,47 +0,0 @@ - -# Adding a sponsor button to your repository - -## What is GitHub Sponsor? -The mission of GitHub Sponsors is to provide opportunities to participate in and build on open source. The advent of GitHub Sponsors and other third-party sponsorship models helps our industry take the right steps in making open source careers possible. GitHub Sponsors offers a native solution for individuals and corporations to sponsor open source maintainers and contributors. - -### An example of a sponsorship eligible project : - -![sponsorship-eligible-image](https://user-images.githubusercontent.com/70484406/181913879-e27e4717-3b84-48e5-868c-5ce3c1f0a9fe.png) - -### Who are eligible for getting sponsored? -Anyone who contributes to an open source project and lives in a supported region is eligible to become a sponsored developer. Contributions include but are not limited to bug reports, issue triage, code, documentation, leadership, business development, project management, mentorship, and design. If you live in a region that isn't already supported by GitHub Sponsors, you can sign up for the waitlist to participate in the GitHub Sponsors. - -### How to display a sponsor button in your repository -Anyone with admin permissions can enable a sponsor button in a repository. - -1. On GitHub.com, navigate to the main page of the repository. - -2. Under your repository name, click `Settings`. - -![setting-button-image](https://user-images.githubusercontent.com/70484406/181914892-67fd3b52-ca74-4850-9d26-8b5201a0b272.png) - -3. Under Features, select `Sponsorships`. - -![sponsorship-setting-checkbox](https://user-images.githubusercontent.com/70484406/181915056-1ab7284a-10f2-4804-935a-d124a75ab7f7.png) - -4. Under `Sponsorships`, click `Set up sponsor button`. - -![setup-sponsor-button-image](https://user-images.githubusercontent.com/70484406/181915245-e6744a6b-e38b-4d99-97ed-955ac794d728.png) - -5. In the file editor, follow the instructions in the `FUNDING.yml` file to add links to your funding locations. - -![FUNDING.yml-file-image](https://user-images.githubusercontent.com/70484406/181915396-850c7740-bdde-4662-a0ed-edc842d64b09.png) - -6. At the bottom of the page, type a short, meaningful commit message that describes the change you made to the file. - -![commit-message-input-image](https://user-images.githubusercontent.com/70484406/181915551-593617d0-e7df-4ebe-9b31-bc50a39c3e55.png) - -7. Below the commit message fields, decide whether to add your commit to the current branch or to a new branch. If your current branch is the default branch, you should choose to create a new branch for your commit and then create a pull request. For more information, see ["Create a new pull request"](https://github.com/Pradumnasaraf/open-source-with-pradumna/blob/main/pages/How-to/guide/creating-pr.md) - -![new-branch-radio-button-image](https://user-images.githubusercontent.com/70484406/181916164-634b7e99-2cb4-4346-a0a3-cfa95c3a4d2c.png) - -8. Click `Propose new file`. - -![propose-new-file-button-image](https://user-images.githubusercontent.com/70484406/181916290-d0d04e8b-4dea-4343-9b41-e3d81713b98e.png) - -**Congrats You have successfully added a Sponsor Button to your Repository !! 🥳🚀** diff --git a/pages/How-to/guide/archive-repo.md b/pages/How-to/guide/archive-repo.md deleted file mode 100644 index d06485d..0000000 --- a/pages/How-to/guide/archive-repo.md +++ /dev/null @@ -1,52 +0,0 @@ -## How to archive a repository - -### Step One : - -- Go to [Github](https://github.com/login) and sign in to your account - -- Go to repositories page and pick any of your project repository which you want to archive. - -### Step Two : - -- Under your repository name, click on Settings. -

-  image -

- -### Step Three : - -- Scroll down and you will see "Danger Zone". - -

-  image -

- -### Step Four : - -- Under "Danger Zone", click Archive this repository - -

-  image -

- -### Step Five : - -- Now you will see a modal poping up - -

-  image -

- -- Read the warnings and type the name of the repository you want to archive and click on the button. - -

-  image -

- -- Once you click on the button , you will see a message . - -

-  image -

- -#### Congratulations! You have successfully learned how to archive a repository🚀 diff --git a/pages/How-to/guide/assigning-issue.md b/pages/How-to/guide/assigning-issue.md deleted file mode 100644 index b109bf8..0000000 --- a/pages/How-to/guide/assigning-issue.md +++ /dev/null @@ -1,46 +0,0 @@ -# Creating and assigning an issue from a repository - -There are multiple ways to create an issue on a GitHub repository, but for beginners, the best way to create an issue is by creating an issue from the repository on the GitHub website. - -#### Step 1 - -Navigate to the main repository. Underneath the repository title, -you will find a tab called "Issues". Click on that to reach the list of issues for the repository. - - -![Click on Issues ](https://user-images.githubusercontent.com/42191857/193368251-a3f40b55-af9a-49bf-a172-f01a28e3c5d4.jpg) -##### *(Issues tab window below)* - -![Click on New Issue](https://user-images.githubusercontent.com/42191857/193365926-c2c02551-a97e-4db5-96a6-efc43b35e883.jpg) - -#### Step 2 - -Click on the "New Issue" button. When the new blank issue creation section pops up, add a title pertaining to what your issue is. - -NOTE: For some projects, there would be specific issue templates that pop up, such as a "Bug report" or "Feature request". If such an option exists, you can click on the kind of issue you have, or you can create a blank issue if the type of issue you have isn't available. - -![Write a title and attach files](https://user-images.githubusercontent.com/42191857/193366587-654b4299-3fd0-4f85-a41d-d6bb22b9cf97.jpg) - -#### Step 3 - -In the comment section, write about your issue and what needs to be solved. Add necessary files to show the issues more clearly. - -![Add the description](https://user-images.githubusercontent.com/42191857/193366979-3acf63cb-0da8-4c68-ac08-0eaa77074d3d.jpg) - -#### Step 4 - -If needed, we can assign someone to work on the identified issue by clicking the assignees button on the right side of the window and entering the user(s) to be assigned (You can have up to 10 people assigned on an issue). - -![use the assignees button on the left panel](https://user-images.githubusercontent.com/42191857/193367105-c4396983-2e54-4fa5-9a17-25a8cb29ea11.jpg) - -#### Step 5 - -If needed, we can assign labels to the issue. For example, an issue talking about a bug in the code could use a "Bug" label, and an issue that is beginner friendly can use a "good first issue" label. This would help the issue attract people who would be a good fit for solving the issue, such as first-time contributors or bug solvers. - -![Add lable from the left](https://user-images.githubusercontent.com/42191857/193368094-e9933b16-5e0e-45d6-a7b1-206011a02c18.jpg) - -#### Step 6 - -Click the preview tab to see how your issue would look. If you are satisfied with how the issue is conveyed, click "Submit new issue"! - -![Click on submit](https://user-images.githubusercontent.com/42191857/193368210-3bb8b72e-8a2f-4385-bf0d-43a046c3324f.jpg) \ No newline at end of file diff --git a/pages/How-to/guide/cloning-repo.md b/pages/How-to/guide/cloning-repo.md deleted file mode 100644 index 193de0f..0000000 --- a/pages/How-to/guide/cloning-repo.md +++ /dev/null @@ -1,44 +0,0 @@ -# Cloning a repo - -In order to contribute to a repo, you have to first set it up on your local system. This process of creating a local copy of the repo is known as cloning a repository. - -### Steps to successfully clone a repository : - -1. In order to clone a repo, the first step that needs to be done is to `Fork` the repo. You can do this by clicking on the **Fork** button which is at the top right corner of your screen. After you click the **Fork** you will directed to a page where you can give the repo a different name or decsription, which will be visible in the forked copy of the repo. - -
- -
-
-
- -
-
- -2. After creating a fork, now you can clone the project using the green `Code` Button. When you click the button several options will appear from where you have to select **HTTPS** and then copy the https link. - -
- -
-
- - -3. Now after copying the link, lets go to your local terminal (preferably **Git Bash** terminal). For creating a local copy of the repo, you have to write a Git command in your terminal(Make sure that you have git installed in your system already) which is : -``` -git clone -``` - - Right click and select the `Paste` option to paste the copied link on your Git Bash terminal as shown below. - -
- -
-
- - -
- -
- -4. You will now see a folder created by the same name as of your forked repository where all the code and files will be available - -#### That's it. You have sucessfully cloned a github reository 🎉 diff --git a/pages/How-to/guide/create-branch.md b/pages/How-to/guide/create-branch.md deleted file mode 100644 index d966f0b..0000000 --- a/pages/How-to/guide/create-branch.md +++ /dev/null @@ -1,76 +0,0 @@ -## What is Branches in Git ? -Git Branch is a new or separate version of main repository. A Git project can have more than one branch, branches create another line of development in the project. The primary or default branch in Git is the master branch. - - -## Why we need branches ? - -Branches are important because when you want to add a new feature or fix a bug, you create a new branch to summarize your changes. - -## Steps to create a new Branch - - -### We will see two method first with github UI & last with git commands- - -## First how you can create a branch with Github UI - - -### Step 1 : - -Go to your Repositories and open that repo in which you want to create a new branch - -### step 2 : - -When you open it you will see something like this. - -![Screenshot 2022-10-17 183416](https://user-images.githubusercontent.com/101302425/196191504-cdb9123b-eb0c-464e-b9b6-b6d3d96bdd5b.png) - -### step 3 : - -When you click on main button you can see that you are currently on your default main branch - -![Screenshot 2022-10-17 183445](https://user-images.githubusercontent.com/101302425/196199879-fcb536bb-b86d-4245-af09-9b603b913218.png) - -### step 4 : - - -To create a new branch click on input box and type name of your branch and below you will see " Create Branch " just click on that - - -![Screenshot 2022-10-17 184122](https://user-images.githubusercontent.com/101302425/196201870-e3aa5a31-f191-4c25-8bf5-ef7eab121c95.png) - - -### step 5 : - -After clicking on create branch you will see a message on the top saying "Branch Created" and you automatically switched to new branch. - -![Screenshot 2022-10-17 184159](https://user-images.githubusercontent.com/101302425/196202757-867200f4-4422-4921-b4bd-f48346962118.png) - -### Done. You have sucessfully switched to the new branch, now you can start working in your new Branch 🎉 - -## Second way to create a branch by using traditional command line - - -### Step 1 : - -To create a new branch use this command - -git branch - -![1](https://user-images.githubusercontent.com/101302425/196212319-dcd11f74-5749-4af9-85e3-c1eb47452f7c.png) - -### Step 2 : - -After creating new branch, to list all of the branches use this command - -git branch -a - -![2 1](https://user-images.githubusercontent.com/101302425/196213040-3bd0df50-a8a4-45a5-827e-704a73f7abc7.png) - -### Step 3 : - -After creating a new branch you have to switch to the new branch for that use this command - -git checkout - - -![3](https://user-images.githubusercontent.com/101302425/196214305-2f2ec046-dca8-4ad8-81fc-99e0f04be000.png) - - -## Done. You have sucessfully switched to the new branch, now you can start working in your new Branch 🎉 diff --git a/pages/How-to/guide/create-github-secret.md b/pages/How-to/guide/create-github-secret.md deleted file mode 100644 index 31f8320..0000000 --- a/pages/How-to/guide/create-github-secret.md +++ /dev/null @@ -1,30 +0,0 @@ -# Creating GitHub Secrets - -1. To create a github secret, navigate to the main page of your repository on [GitHub](https://github.com) - -
- -2. After successfully navigating to the main page, click on the **settings** button on your repository - -
- -3. You will be redirected towards your repository settings and inside the settings page click on the **Secrets** and then click **Actions** - -
- -4. Then click **New Repository Secret** - -
- -5. Then Type a name for your secret in the **Name** input box - > Note: Spaces are not allowed in the name of secrets - -
- -6. Enter the value of your secret inside the **Secret*** box - -
- -7. After successfully entering all the details, click on **Add Secret** and your secret will be added successfully - -
diff --git a/pages/How-to/guide/create-licence.md b/pages/How-to/guide/create-licence.md deleted file mode 100644 index d4b4fa8..0000000 --- a/pages/How-to/guide/create-licence.md +++ /dev/null @@ -1,50 +0,0 @@ -# How to create a license -Licenses are files or permissions of what others can do with our source code. Github has recently come up with a website [ChooseALicense.com](http://choosealicense.com/) to help the user choose their own licenses - -## Steps to Create a License: -1. On Github.com. Then go to the main page of the repository for which you want to add license. -2. Above the list of files, click add files, and choose "create new file". - -![image](https://user-images.githubusercontent.com/74497486/193518635-6f97e325-e3f9-4be8-8f85-25aa141e22c7.png) - -3. In the file name, type "LICENSE.md" (all capital). -4. At the right side of file name, click "choose license type" - -![image](https://user-images.githubusercontent.com/74497486/193518950-8387c97e-fe77-459f-823c-5edc150bd749.png) - -5. On the left side, you would have many license options to choose from. Pick one according to your vision. - -![image](https://user-images.githubusercontent.com/74497486/193519170-9bbafd01-9bb7-4414-b3a7-4b4f15f5f66b.png) - -
- -- The folllowing table shows few licenses usedin open-source: - - -| License | Description | Applications | -| :---: | :---: | :---: | -| GNU General Public (GPL) | Right to download, use, modify and, redistribute(copyleft) the code. Also the patent protection (GPL v3) | Free softwares like Git, WordPress, Notepad++, Linux | -| MIT License | Similar but no copyleft and much more flexible than GPL, not redistributed. Allows to sell code even without modification | Free softwares like .NET Core, Angular, node.js, jQuery | -| Apache License | Somewhere in between MIT and GPL licenses. Original copy must be Apache lincensed but copies can have different license | Android, Apache HTTP Server, Kubernetes, Open3D Engine | -| BSD License | Low restriction type of license. Same freedoms as the MIT license. Less clear handling of patent rights compared with Apache license. | Dart, Django, CMAKE, Java OpenAL | - -
- -- To know more about using various licenses or having any ***confusion on choosing your license***, then see this **[video](https://www.youtube.com/watch?v=UMIG4KnM8xw)** -
- -6. Review and click "Review and Submit" button. - -![image](https://user-images.githubusercontent.com/74497486/193519494-f5e4443e-faf0-4125-b021-3541d625c589.png) - -7. Then review your file and add a meaningful commit message - -![image](https://user-images.githubusercontent.com/74497486/193520100-7487fff2-c0ce-4814-8d25-84797cfdc3b1.png) - -- If you have multiple authors to give credit, you shall refer this [article](https://docs.github.com/en/pull-requests/committing-changes-to-your-project/creating-and-editing-commits/creating-a-commit-with-multiple-authors) - -8. Below the commit message fields, decide whether to add your commit to the current branch or to a new branch. If your current branch is the default or main branch, you are advised to create a new branch for your commit and then create a pull request. For more information, see ["Creating a new pull request"](https://docs.github.com/en/pull-requests/collaborating-with-pull-requests/proposing-changes-to-your-work-with-pull-requests/creating-a-pull-request) - -9. Click "Commit Changes". -And then... Congratulations on creating a license for your project. - diff --git a/pages/How-to/guide/create-project-board.md b/pages/How-to/guide/create-project-board.md deleted file mode 100644 index 53d6ef8..0000000 --- a/pages/How-to/guide/create-project-board.md +++ /dev/null @@ -1,79 +0,0 @@ -## Project Board - -A project board is a collection of issues and pull requests associated with a repository. You can use project boards to create customized workflows tailored to your needs. For example, you can create a project board for bug triage, for onboarding new members to your team, or for tracking customer support requests. - -### Creating a Project Board - -1. Navigate to the repository where you want to create a project board. Click on the **Projects** tab on the top of the page. If you don't see the **Projects** tab, click on the **Code** tab and then click on the **Projects** tab. - -
- -
-
- -
- -
-
- -2. Click the **Projects** tab. You will see a list of all the project boards that you have created. If you will not find then click on **Add Project** tab and in that choose **Go to your profile to create a new project** Click on the **New Project** button. - -
- -
-
- -
- -
-
- -3. Click **Create a project**. You will be redirected to a page where you can create a new project board. - -
- -
-
- -4. Select a template for your project board. You can choose to create a blank project board or select from a set of pre-configured templates. Click **Create project**. - -
- -
-
- -5. Enter a name for your project board. You can also add a description and a link to the project board. And also ypu can add a Readme file in your Project board. So now your project board is ready to use. - -
- -
-
- -
- -
-
- -6. Click **Projects**. You will be redirected to the project board page. Here you will find your added project board. Click on the project board to open it. - -
- -
-
- -
- -
-
- -7. Here your project board is open. - -
- -
-
- -### Complete demo (GIF) -
- -
diff --git a/pages/How-to/guide/create-releases.md b/pages/How-to/guide/create-releases.md deleted file mode 100644 index b6c517b..0000000 --- a/pages/How-to/guide/create-releases.md +++ /dev/null @@ -1,48 +0,0 @@ -# Creating a release - -1. Firstly go to [GitHub](https://github.com) and navigate to the main page of your repository. - -2. To the right of list of files, click **create a new Release** - -![Img1](https://raw.githubusercontent.com/hasnainmakada-99/Releases-Demo/main/.github/images/OS%20Images/Img1.png) - -3. After clicking it will redirect you to a new screen. - -![Img2](https://raw.githubusercontent.com/hasnainmakada-99/Releases-Demo/main/.github/images/OS%20Images/Img2.png) - -4. Choose a Existing tag if you have one or create new tag. - -![Img3](https://raw.githubusercontent.com/hasnainmakada-99/Releases-Demo/main/.github/images/OS%20Images/Img3.png) - -5. Enter the **Release title** -![Img4](https://raw.githubusercontent.com/hasnainmakada-99/Releases-Demo/main/.github/images/OS%20Images/Img4.png) - -6. Enter the release description for to justify what the release is all about. - -![Img5](https://raw.githubusercontent.com/hasnainmakada-99/Releases-Demo/main/.github/images/OS%20Images/Img5.png) - -7. Make sure to check that whether this is a pre-release or not - -![Img6](https://raw.githubusercontent.com/hasnainmakada-99/Releases-Demo/main/.github/images/OS%20Images/Img6.png) - -8. Attach any of the binaries which you want to - -9. Click on the **Publish Release** and you're good to go - -10. You can see your release now, - -![Img7](https://raw.githubusercontent.com/hasnainmakada-99/Releases-Demo/main/.github/images/OS%20Images/Img7.png) - -11. Navigate to your main repository and you can see your release on the left side panel - -![Img8](https://raw.githubusercontent.com/hasnainmakada-99/Releases-Demo/main/.github/images/OS%20Images/Img8.png) - -**🥳 You created and published the release successfully!** - -# Why create releases? - -- Releases are deployable software iterations you can package and make available for a wider audience to download and use. - -- Releases are based on Git tags, which mark a specific point in your repository's history. - -**[Official Dcos](https://docs.github.com/en/repositories/releasing-projects-on-github/about-releases)** diff --git a/pages/How-to/guide/create-repo.md b/pages/How-to/guide/create-repo.md deleted file mode 100644 index da9a7dd..0000000 --- a/pages/How-to/guide/create-repo.md +++ /dev/null @@ -1,56 +0,0 @@ -# How to create a repository? - -## What is a repository? - - In simple terms, repository means **a place, room, or container** where something is **deposited or stored**. - -## Steps to create a repository - -#### Step 1 - - On any page of github (when you're logged in)in the upper right corner of the page you can see the **"+"** sign. - -
- -![Screenshot](https://user-images.githubusercontent.com/111558974/194709033-fa1942f2-2014-4123-99f9-dbf0f32bdb5c.png) - -
- - It is a dropdown menu, select new repository from the menu. -
- -![Screenshot 2022-10-08 182142](https://user-images.githubusercontent.com/111558974/194709087-749c2205-e137-4c53-ab79-02f8e7ae5e6a.png) - -
- -#### Step 2 - -- Give your repository a nice name and description. -- Choose the repository visibility. It can be Public or Private depending on the use case. Also, it's good to have a README on the project, so check the checkbox. - -
- -![Screenshot 2022-10-08 182304](https://user-images.githubusercontent.com/111558974/194709475-e202c3e1-6314-49b4-b452-243d36f88427.png) -
- -#### Step 3 - -Click on **Create repository** button. - -
- -![Screenshot 2022-10-08 182328](https://user-images.githubusercontent.com/111558974/194709292-0a3c6979-bc8f-4be8-b09f-ee6deda1fdd3.png) - -
- -#### Step 4 - -You can create or add files from upload from the **add file** dropdown menu. - -
- -![Screenshot 2022-10-08 182403](https://user-images.githubusercontent.com/111558974/194709983-93b5f3da-218b-4627-b362-1ad310757cc3.png) - -
- -Congratulations! You've successfully created a repository. 🎉 diff --git a/pages/How-to/guide/create-tags.md b/pages/How-to/guide/create-tags.md deleted file mode 100644 index 055aaeb..0000000 --- a/pages/How-to/guide/create-tags.md +++ /dev/null @@ -1,34 +0,0 @@ -# What are Github Tags ? -Tags are associated with commits, so you can use a tag to mark an individual point in your repository's history, including a version number for a release. - -# How to create Tags ? - -### Step 1 - -You should have a repository, if you don't go on this page to know how to create a repository. - -### Step 2 - -Navigate to the repository and click on tags
-image - -### Step 3 - -Click on `Create a new release`
image - -### Step 4 - -Click on `Choose a tag` to choose a tag and `target:` to choose the branch you are targetting.
-image - - -### Step 5 - -Add a title and a description about the tag. - -### Step 6 - -You can choose if it's a pre-release(non-production ready)
image -
-You can publish it or save it as a draft. -#### And that is how you create GitHub Tags ! diff --git a/pages/How-to/guide/create-template-repo.md b/pages/How-to/guide/create-template-repo.md deleted file mode 100644 index bd20f76..0000000 --- a/pages/How-to/guide/create-template-repo.md +++ /dev/null @@ -1,28 +0,0 @@ -# How to create a template repo? - -You can make an existing repository a template, so you and others can generate new repositories with the same directory structure, branches, and files. - -## Step by step process to create a template repo : - -### Step 1 : - -- Create a repository first ([see here](https://github.com/Pradumnasaraf/open-source-with-pradumna/blob/main/pages/How-to/guide/create-repo.md)). -- Ignore this step if you already have one. - -### Step 2 : - -- Navigate to the main page of the repository, click ***Settings***. - -![image](https://user-images.githubusercontent.com/63872951/199513932-08c7c968-70de-48f4-8d51-36e580600ce1.png) - -## Step 3 : - -- Select ***Template repository*** - -![image](https://user-images.githubusercontent.com/63872951/199516194-1a2c9466-d5b7-4ab3-8984-48761d742229.png) - -**Notes :** - -- After you make your repository a template, anyone with access to the repository can generate a new repository with the same directory structure and files as your default branch. -- They can also choose to include all the other branches in your repository. -- Branches created from a template have unrelated histories, so you cannot create pull requests or merge between the branches. diff --git a/pages/How-to/guide/creating-pr.md b/pages/How-to/guide/creating-pr.md deleted file mode 100644 index 56d2a48..0000000 --- a/pages/How-to/guide/creating-pr.md +++ /dev/null @@ -1,87 +0,0 @@ -## What is a pull request ? - -A pull request is a method for submitting contributions to a repository, with some extra changes made by the individual. -Now there are two ways of creating a pull request, the procedure is mostly the same the only thing that differs is the method. A pull request could either be made with the help of using the github UI or making changes locally on your machine via terminal. -We are going to cover both of these methods here. - -### Let's start with general procedure of creating a pull request:- -1) Creating a fork of the repository is essential. Now what does a fork mean, it is nothing but a clone of the repository where you are free to make your respective changes. -2) Where to find the fork button - -
- - - -
- -One can find this on the top-right corner of the repository home page. - -3) After clicking on the the fork button one might observe something like this with their github handle along with the repo name. - -
- - - -
- -4) In case you observe this you have succesfully created a fork of the project - -#### Now let's cover how to create a pull request via the github UI - -1) Now since you have already forked the project ,just go to the file you want to edit, you might a notice a pencil icon at the top right corner of the file - -
- - - -
- -2) Click on it, now one would be able to edit the file. After making the desired changes at the bottom of the screen you might observe an option to commit your changes - -
- - - -
- - -3) Give it a necessary name for the commits you've done, add in some description if required. Here comes the most important step , by default you find the "commit directly to the main branch" being selected, change the option to the `Create a new branch for this commit and start a pull request`. -**Why commit changes to a new branch instead of directly commiting to the code?** -Because of various security reasons and the changes made by you wouldn't directly get merged into the main branch, they would be done after being accepted by the reviewer. -By selecting the 2nd option a separate branch is created for you, which you can name or use the auto-generated one. After clicking on commit changes button, you would be directed to the pull request page which looks similar to the one below - - -
- - - -
- -4) Give your pull request a proper name according to the contributing guidelines and a proper description if necessary and select the create pull request button at the bottom. You have successfully created your very first pull request! - - -#### Now let's cover the method of creating a pull request the traditional way -1) Fork the repository you want to contribute to. -2) Now select the code button and copy the link present under the HTTPS section - - -
- - - -
- -3) Once that's done, open the terminal on your machine and type `git clone 'paste the link you have copied here'` -4) Move to the working directory using the `cd` command -5) In order to begin contributing, one has to create a branch which could be done using the following command `git checkout -b 'branch name' ` -6) In case you are using git for the very first time don't forget your mail and name -7) One can now make changes at ease by shifting to their desired directory -8) Once the changes have been made, you need to add those changes which could be done using the following command `git add . or git add filename` -9) One can track the status of the files they edited using `git status` -10) In case your files are added one would notice them in green highlighted text else it would be in red. -11) Once that's done all that's left is to create a commit which could be done using `git commit -m 'necessary message` -12) Last but not the least we have to push our branch to the original branch name which could be done using the command `git push origin 'branch name'` - -After typing the command you might notice the terminal to hang for a few seconds, it would ask you details of your github account. -After filling them in it would give you appropriate message and displays two links, the first link is the one for creating you pull request. -Open it up in your new browser, give your pull request a proper name and some description about it,tag some issues in case it resolves any of them. -And you have successfully created your pull request 🥳 🥳!!!! diff --git a/pages/How-to/guide/delete-repo.md b/pages/How-to/guide/delete-repo.md deleted file mode 100644 index 16ea6a8..0000000 --- a/pages/How-to/guide/delete-repo.md +++ /dev/null @@ -1,22 +0,0 @@ -## Deleting a repository - -You can delete any repository or fork if you're either an organization owner or have admin permissions for the repository or fork. Deleting a forked repository does not delete the upstream repository. - -### Steps to delete a github repo: - -1. In order to delete a github repository navigate toward the main page of the repo on your GitHub. - -2. Under your repository name, click Settings. - Setting pic - -3. Scroll till the end of the page and under Danger Zone, click Delete this repository. - Screenshot 2022-09-07 at 11 48 16 PM - -4. Read the warnings. - -5. To verify that you're deleting the correct repository, type the name of the repository you want to delete. - Verify the name of repo - -6. Click I understand the consequences, delete this repository - -That's it. You have sucessfully Delete a github reository 🎉 diff --git a/pages/How-to/guide/fork-repo.md b/pages/How-to/guide/fork-repo.md deleted file mode 100644 index 4b132db..0000000 --- a/pages/How-to/guide/fork-repo.md +++ /dev/null @@ -1,25 +0,0 @@ -## How to fork a repository - -First log into your github account and after finding the repo you want to copy or contribute to, do the following steps. - -### Step 1: -- On the top right side of the project repository you can see the fork section.Click on the fork section. - -![Clipboard(5)](https://user-images.githubusercontent.com/71596539/177612821-dd1e8cef-9c02-4318-a103-2807ecba83ac.jpg) - -### Step 2: -After clicking the Fork section, you will be seeing the following page. - -![image](https://user-images.githubusercontent.com/71596539/177613581-492cac36-2dd0-4e4d-b64e-f44e0234ac76.png) - -### Step 3: -- By default the repository name is same as their parent name. -- You can change the name of repository, if you want to customize it. - -### Step 4: -- Click on the create fork(green) button to fork the repository. - -- Now you made the copy of repo in your own GitHub section. All the repo files and even the commit history is preserved in your GitHub. - -![Clipboard(6)](https://user-images.githubusercontent.com/71596539/177618992-382e7549-2411-4750-b234-8b3882758af5.jpg) - diff --git a/pages/How-to/guide/github-pages.md b/pages/How-to/guide/github-pages.md deleted file mode 100644 index 4769e34..0000000 --- a/pages/How-to/guide/github-pages.md +++ /dev/null @@ -1,49 +0,0 @@ -# How github pages work? -GitHub Pages is a static site hosting service that **takes HTML, CSS, and JavaScript files straight from a repository on GitHub, optionally runs the files through a build process, and publishes a website.** - -## Step by step process to publish a website using Github pages: - -### Step 1 - -You should have a repository, if you don't go on [this](create-repo.md) page to know how to create a repository. - -### Step 2 - -Now if your repository have an *"index.html"* file, then github understands what you want to do. - -### Step 3 - -Go to repository in Github and click on settings. - -![Screenshot 2022-09-28 103752](https://user-images.githubusercontent.com/111558974/192694012-ef217429-7407-4a9a-bcda-a5b726f4d301.png) - -### Step 4 - -Click on the *pages* option on the sidebar menu. - -![Screenshot 2022-09-28 112517](https://user-images.githubusercontent.com/111558974/192699081-ae5b1a31-b93f-441e-b034-9daedeb0a684.png) - -### Step 5 - -Select the *main* branch in dropdown menu for branch. - -![Screenshot 2022-09-28 113353](https://user-images.githubusercontent.com/111558974/192700628-5fd8d55d-c181-45ee-b3ad-d75a8a564a60.png) - -and hit *Save*. -Your Github pages source is saved. - -You can check the process happening in actions tab. - -![Screenshot 2022-09-28 113847](https://user-images.githubusercontent.com/111558974/192701270-9f4826ee-5a39-42f6-a619-75dd61e5396c.png) - -and when the action gets completed. - -![Screenshot 2022-09-28 114007](https://user-images.githubusercontent.com/111558974/192701284-475d4be5-08db-435b-88a3-d854a4a313f0.png) - -### Step 6 - -Go back to *settings > pages* and click on *Visit site* to see the deployment. -![Screenshot 2022-09-28 114328](https://user-images.githubusercontent.com/111558974/192701843-369fd338-ffd0-4d9c-8e60-e2292687efb6.png) - - -#### That's it. You have successfully deployed your website using github pages 🎉 diff --git a/pages/How-to/guide/linking-issue-with-pr.md b/pages/How-to/guide/linking-issue-with-pr.md deleted file mode 100644 index fe733ae..0000000 --- a/pages/How-to/guide/linking-issue-with-pr.md +++ /dev/null @@ -1,60 +0,0 @@ -# How to Link and Issue no with a PR ❓ -### Things to keep in 🧠 -> You can link up to **ten issues** to each pull request. - -> The issue and pull request must be in the **same repository**. - -## Linking an issue with a PR 🔗 -1. Open the PR in which you want to link the issue. ( Note: If you are a contributor you can only link an issue to your PR. Only maintainers can do with any PR.) -2. In the *right sidebar*, in the "**Development**" section click ⚙️. - - -
- - - -
- -3. Click the issue you want to **link to the pull request**. - - -
- - - -
- -4. Wow, **you successfully** linked the issue with the pull request! 🎉 - - - -## Observations 🔍 --> Issue is linked to the pull request shows as **Open** 🟢. - --> **Successfully merging this pull request may close this issue.** ✔️ - --> Issue number shows in the pull request commit with `#[issue-number]`. - - - -## Results ✅ - --> Now Merging the pull request will **automatically close the linked issue.** *(Requires a refresh sometime to reflect changes)* - - - -## Important Notes 🚨 - --> Linking an issue can also be done while creating pull request by tag the issue number [#17](https://github.com/Pradumnasaraf/open-source-with-pradumna/issues/17). - -
- - - -
- --> Linking process can also be done from issue page. Just click the "**Development**" section and click the Pull request you want to link to issue. - --> Closing the linked issue will not close the pull request. - -### Hurrah! Today you step close to your success 🥳 🥳!!!! diff --git a/pages/How-to/guide/raise-issue-template.md b/pages/How-to/guide/raise-issue-template.md deleted file mode 100644 index 4b4fb8b..0000000 --- a/pages/How-to/guide/raise-issue-template.md +++ /dev/null @@ -1,64 +0,0 @@ -# How to create an issue? - --> Issues can be created in a variety of ways. - --> Issues can be used to keep track of bugs, enhancements, or other requests. - -## Creating an issue. - --> On GitHub.com, navigate to the main page of the repository. - -![issue2](https://user-images.githubusercontent.com/84350895/173595922-6b83fbee-8437-4fa9-a4cf-b53cf226087a.png) - --> Under your repository name, click on `New Issue` - -![issue7](https://user-images.githubusercontent.com/84350895/173595977-0b5b03f7-b2a9-45c9-84e8-5972a27eba6e.png) - --> When you click on `New Issue`, you are prompted with 4 types of issues - - -![issue1](https://user-images.githubusercontent.com/84350895/173596009-9e56b9dd-561e-4502-a9d1-7fc5a9e7aa41.png) - -## Let's check all of them one by one - -### 🐛 Bug - --> If you find any bug in the repository, feel free to click on `Get Started` and you will get a template in which you write a crisp/short title of the bug. - --> In the `Description` section, please elaborate the details of the bug you encountered. - --> In the `Screenshots` section, please add some screenshots of the bug to make it easier for the maintainer to understand & make necessary changes. - - -![issue3](https://user-images.githubusercontent.com/84350895/173596055-ee4d6cbe-45fc-45a8-ba29-35ee3acb5516.png) - - -### 📄 Documentation - --> If you find any issue in the documentation, please click on `Get started` and you will get a template in which you write a crisp/short title of the issue. - --> In the `Description` section, please elaborate the details of the question/issue along with link to the same. Also include what you tried & what didn't work. - --> In the `Screenshots` section, please add some screenshots of the issue to make it easier for the maintainer to understand & make necessary changes. - - -![issue4](https://user-images.githubusercontent.com/84350895/173596093-0e6961a0-92f1-4f3c-9261-67e7661d485f.png) - -### 💡 General Feature Request - --> Adding new features is the building block of an Open-source project. - --> Do you have a new feature to add? Feel free to click on `Get Started` and you will get a template in which you write a crisp/short title of the Feature Request. - --> In the `Description` section, please describe the enhancement you propose, also include what you tried & what worked. - --> In the `Screenshots` section, please add some screenshots if applicable. - -![issue5](https://user-images.githubusercontent.com/84350895/173596203-4c4a462a-9c9a-4f5e-a39e-1cbfd2cab63a.png) - -### ❗ Other - --> If you are not sure of the type of your issue, then click on this one and draft the issue. - -![issue6](https://user-images.githubusercontent.com/84350895/173596266-9a418a3b-01fd-4195-b106-c37f99a8240e.png) - -And you have successfully created your respective issue 🥳 🥳!!!! diff --git a/pages/How-to/guide/rasing-issue.md b/pages/How-to/guide/rasing-issue.md deleted file mode 100644 index 258d5a4..0000000 --- a/pages/How-to/guide/rasing-issue.md +++ /dev/null @@ -1,34 +0,0 @@ -## Creating an Issue on GitHub - -To raise an issue, go to the repository you would like to raise an issue on using the link - `https://github.com/{repo-owner}/{repo-name}/issues` - -1. When you are on your repository of choice, you should be able to see various icons. Don't worry if you don't know what each icon does, simply look for the **Issues Icon** which is located next to the **Code Icon**. Note that this is not always the case as some repositories have the `Issues disabled` letting you know that they do not accept issues being raised or simply have another alternative to how they accept users to raise issues in their repositories such as **Jira**. - -
- - - -
- - -2. If the `Issues Icon` is enabled, click on it and you should able to see something similar to the image below (image goes below). You will be able to see all the open issues, if any, and also be able to open your own. - -3. Click on the green **New Issue** button located on your far right of your screen after the `labels` and `milestones`. This will take you to a new blank issue which has the following important parts to take note of: `title`, `main body` and the `submit new issue` button at the bottom. On your right side, you will see the following: assignee, labels, projects, milestones and developement. Do not pay attention to these but rather focus on the dialogue box on your left. - -
- - - -
- - + Title: this is where you add your title and it should match the accepted GitHub standards of creating a title by letting the maintainer and other contributors know what the issue you are raising is all about just by reading the title. - + Main body: this is where you write what the issue is about. Expand your title and explaining it in detail. Provide screenshots, videos or links to help the maintainer and other contributors know exactly what the issue is about. You can also preview what you have written and make necessary changes to it. - + Submit new issue button: once you are satisfied with your title and main body, you can submit your issue by clicking the green **submit new issue** button at the bottom of the dialogue box. - -
- - - -
- -4. Congratulations! You just created and/or raised your first issue. You can wait to receive feedback from either the maintainer(s) or any of the community members. diff --git a/pages/How-to/guide/rename-repo.md b/pages/How-to/guide/rename-repo.md deleted file mode 100644 index fb94e8e..0000000 --- a/pages/How-to/guide/rename-repo.md +++ /dev/null @@ -1,34 +0,0 @@ -# How to Rename a Repository - -Whenever you rename a repository, keep in mind certain elements will also be associated with the new name, such as: -- Issues -- Wikis -- Stars -- Followers - - -## Let us look at the steps: - - -### Step 1 : -Login to your Github account and navigate to the main page of the repository. - -[![p1.png](https://i.postimg.cc/52WKXFD6/p1.png)](https://postimg.cc/vcXtjDYs) - -### Step 2 : -Under your repository name, click Settings. - -[![p5.png](https://i.postimg.cc/sgb7tSfH/p5.png)](https://postimg.cc/gxqxhxZ3) - -### Step 3 : -Under the Repository Name heading, type the new name of your repository. - -[![p3.png](https://i.postimg.cc/R0Q4qHdR/p3.png)](https://postimg.cc/qtR95g9h) - -### Step 4 : -Click Rename. - -[![p4.png](https://i.postimg.cc/q7CXRwZd/p4.png)](https://postimg.cc/5HbFKBVP) - -#### Hurray, you just renamed your repository 🎉 -### Note : Your old repository link will redirect to the new repository link. diff --git a/pages/How-to/guide/repo-private-public.md b/pages/How-to/guide/repo-private-public.md deleted file mode 100644 index 2be6f89..0000000 --- a/pages/How-to/guide/repo-private-public.md +++ /dev/null @@ -1,64 +0,0 @@ -# How to make a repository Private/Public - -There are 2 methods to make a repository public/private. -- While creating a new repository. -- Modifying a pre-existing repository. - - ------------- - -## Let us look at the Method - 1 -### Creating a new repository. - - -##### Step 1 : -Login to your Github account and click on the **'+'** icon at the top right corner to create a new repository - -##### Step 2 : -Provide any suitable name to the repository -##### Step 3 : -Just below you will find 2 options -> **Public** and **Private** and choose the approoriate option - -[![Screenshot-2022-10-07-at-16-23-55.png](https://i.postimg.cc/652DFFG3/Screenshot-2022-10-07-at-16-23-55.png)](https://postimg.cc/WhVWkW8L) - -##### Step 4 : -Scroll down and click on **"Create Repository"** - -[![Screenshot-2022-10-07-at-16-52-02.png](https://i.postimg.cc/3N0W47n6/Screenshot-2022-10-07-at-16-52-02.png)](https://postimg.cc/p5xP3NNY) - -#### Hurray, you just created a new repository 🎉 -(Based on the option you chose, your repository will be either **Private** or **Public**. ) - - -If you want to change the repository visibility setting again, follow the steps below - - ------------- -## Let us look at the Method - 2 -### Modifying a pre-existing repository. -##### Step 1 : -Open the repository that you want to modify and click on the **"Settings"** option - -[![Screenshot-2022-10-07-at-17-02-05.png](https://i.postimg.cc/tgSncBfX/Screenshot-2022-10-07-at-17-02-05.png)](https://postimg.cc/67ZQ2ftS) - -##### Step 2 : -Scroll down to the botton until you find the **"Danger Zone"** menu and click on the **"Change repository visibility"** option. - -[![Screenshot-2022-10-07-at-17-08-04.png](https://i.postimg.cc/wMdN57ZJ/Screenshot-2022-10-07-at-17-08-04.png)](https://postimg.cc/zb038XJX) - -##### Step 3 : -Choose the option to modify the repository from Public to Private or vice versa, and enter your **"GitHub username/repository name"** to confirm and click on the **I understand, change repository visibility** option - -[![Screenshot-2022-10-07-at-17-26-23.png](https://i.postimg.cc/htBfCXDP/Screenshot-2022-10-07-at-17-26-23.png)](https://postimg.cc/F7Trzsk2) - -##### Step 4 : -Enter your Github password to confirm the changes. - ------------- - - - - -#### Hurray, you just modified the visibility of your repository 🎉 🚀 - - diff --git a/pages/How-to/guide/review-pr-locally.md b/pages/How-to/guide/review-pr-locally.md deleted file mode 100644 index 548aa71..0000000 --- a/pages/How-to/guide/review-pr-locally.md +++ /dev/null @@ -1,56 +0,0 @@ -## How to review a PR on our local system ? - -Review a PR on our local system allow our administrators or maintainers to check on the changes proposed in pull requests in there local system or request further changes before the pull request is merged by checking the working output on there local system. - -## Start Reviewing a PR on our local system. - -🔘 Go to the main page of the repository - -![hello world](https://user-images.githubusercontent.com/94779733/197356608-7215b944-7c88-4226-a847-b2122d4632f3.png) - -🔘 Click on `pull request`. In the Pull Request page click on the Pull Request that you want to review on your system. - -![3](https://user-images.githubusercontent.com/94779733/197357321-9a66cfa3-50f9-428d-9c83-72d6e23f7e8b.png) - -![new2](https://user-images.githubusercontent.com/94779733/197357414-ba94234b-ce16-47a5-be36-ca7928c436a8.png) - -🔘 Now visit the head branch from where the commit is coming. - -![new3](https://user-images.githubusercontent.com/94779733/197357453-5baaf383-3734-40ea-80dd-76abd670ddcb.png) - -🔘 Now copy the source link from code section. - -![new4](https://user-images.githubusercontent.com/94779733/197357469-b6b08e80-5ac7-4987-9df2-e01b16dd7fd0.png) - -🔘 Open gitbash and you can give `git branch` command to check for existing branch in your local system. - -![6](https://user-images.githubusercontent.com/94779733/197357501-8ab36037-d75b-4b55-bd17-56f40e378f41.png) - -🔘 Now check for every existing remotes in our local system by `git remote -v` command - -![7 (2)](https://user-images.githubusercontent.com/94779733/197357991-b5c8a166-8196-4c9d-9be4-c585afe85f2e.png) - -🔘 Now add a new remote of the contributor repository by defining it by a variable name `git remote add `. - -![7](https://user-images.githubusercontent.com/94779733/197358018-8cd9fa99-2a32-4787-b2fa-42cd9b3e8046.png) - -🔘 Now you can check for the added remote by `git remote -v` command. - -![8](https://user-images.githubusercontent.com/94779733/197357549-32c3b3aa-08e2-47b5-afc7-b3738eb52586.png) - -🔘 Now give `git fetch ` - -![9-10 (2)](https://user-images.githubusercontent.com/94779733/197357608-e9ceeecf-3212-484d-aa3b-dfb59f4035b9.png) - -🔘 Now change the main branch to a temporary track branch by command ` git checkout -t /` - -![9-10](https://user-images.githubusercontent.com/94779733/197357647-7495d5d6-c9ab-45c2-b37b-550373659452.png) - -🔘 Now we have temporary track branch on our local system which we can check by `git branch` commmand. Now we can run the code on our local system. - -![11](https://user-images.githubusercontent.com/94779733/197357692-d1a29250-739f-406e-9fbf-38e6fa1dea4b.png) - -🔘 Now we can Reiview PR by opening it on our local system code editor. - -## Congratulation!! You have successfully reviewed a Pull Request on your local system. 🥳🚀 - diff --git a/pages/How-to/guide/reviewing-pr.md b/pages/How-to/guide/reviewing-pr.md deleted file mode 100644 index fc41ae9..0000000 --- a/pages/How-to/guide/reviewing-pr.md +++ /dev/null @@ -1,152 +0,0 @@ -# How to review a PR ? - -Reviews allow collaborators to comment on the changes proposed in pull requests, approve the changes, or request further changes before the pull request is merged. Repository administrators or maintainers can require that all pull requests are approved before being merged. - -## Note : You need not to be a maintainer or a project admin to to review a PR 🚀. - -# Starting a Review - -🔘 Go to the main page of the repository and then click on `Pull Requests`. - - -
- - - -
- -🔘 In the Pull Request page click on the Pull Request that you want to review. - -
- - - -
- - -🔘 After selecting the Pull Request, click on `Files changed`. - -
- - -
- - -🔘 Now you will see a new page containing all the changed code, Now hover over the line of code where you want to add a comment and then click on the blue ➕ icon. - - -
- - - -
- -🔘 To add a comment on multiple lines, click and drag to select the range of lines, then click on the blue ➕ icon. - -
- - - -
- -🔘 Now comment your views or add screenshots in the `comment box`. - -
- - - -
- -🔘 In case you want to directly suggest some specific change in the code, click on the button which is highlighted in the yellow box shown in the demo given below and then edit the text within the `suggestion block`. - -
- - - -
- -🔘 After commenting, click on `Start a review`. - -
- - - -
- -🔘 You can add as many comments as you want to different lines of code, and to do so follow the same process and click on `Add review comment`. - -
- - - -
- -🔘 You can also edit or delete you comments anytime during a review. - -
- - - -
- -# Marking a file as viewed - -After you finish reviewing a file, you can mark the file as viewed, and the file will collapse. If you again make some changes in the file, it will be unmarked as viewed. - - -🔘 On the right of the header of the file you've finished reviewing, select Viewed. - -
- - - -
- -# Submitting your review - -Once you are done with reviewing all the files in a Pull Request, you have to submit your review. - - -🔘 On the top right corner of the `Files changed` page click on `Review changes`/`Finish your review`. - -
- - - -
- -🔘 Now type a final comment as a summary of your feedback to the proposed changes. - -
- - - -
- -🔘 Now select the type of review you want to leave. - -
- - - -
- -## There are three types of review that you can submit. - -• `Comment` : To leave general feedback without explicitly approving the changes or requesting additional changes. - -• `Approve` : To submit your feedback and approve merging the changes proposed in the pull request. - -• `Request changes` : To submit feedback that must be addressed before the pull request can be merged. - - -🔘 After selecting the type of review, click on `Submit review`. - -
- - - -
- -## Congrats you have successfully reviewed a Pull Request !! 🥳🚀 - diff --git a/pages/How-to/guide/sign-commits.md b/pages/How-to/guide/sign-commits.md deleted file mode 100644 index 0dce4e9..0000000 --- a/pages/How-to/guide/sign-commits.md +++ /dev/null @@ -1,91 +0,0 @@ -# How to Sign Commits on Github ? - -Git is cryptographically secure, but it’s not foolproof. If you’re taking work from others on the internet and want to verify that commits are actually from a trusted source, Git has a few ways to sign and verify work using GPG. - -## Step by step process to Sign your commit : - -### Step 1 : - -For signing commits you need to have git installed on your local machine and get GPG configured and your personal key installed. - -To check if you have GPG configured and a personal key installed on your local machine ,type out this command <$ gpg --list-keys> on your terminal - -```sh -$ gpg --list-keys -``` - - Screenshot 2022-10-03 at 8 02 52 PM -
- -### Step 2 : - -Download and install the GPG command line tools for your operating system.Generate a key using this command - -```sh -$ gpg --gen-key -``` - -### Step 3 : - -Once you have a private key to sign with, you can configure Git to use it for signing things by setting the user.signingkey config setting - -```sh -$ git config --global user.signingkey 0A46826A! -``` - -### Step 4 : - -After completeting all the above steps head on to your profile from github - -
- Screenshot 2022-10-03 at 8 02 52 PM -
- -### Step 5 : - -In the "Access" section of the sidebar, click "Emails". Add and verify your email address if it is not verified. - -
- Screenshot 2022-10-03 at 8 02 52 PM -
- -### Step 6 : - -a) In the "Primary email address" group , select your email address through which you want to sign commits. - -
- Screenshot 2022-10-03 at 8 02 52 PM -
- -b) Make sure that "Keep my email addresses private" checkbox is unchecked. - -
- Screenshot 2022-10-03 at 8 02 52 PM -
- -### Step 7 : - -You are all set to sign your commit. To sign a commit, you need to open your terminal or gitbash and While committing changes in your local branch, add the -S flag to the git commit command: - - ```sh - $ git commit -S -m "YOUR_COMMIT_MESSAGE" - ``` - -### Step 8 : - -After you create your commit, provide the passphrase you set up when you generated your GPG key and push them to your remote repository on GitHub. - -### Step 9 : - -On the pull request, click on the commits tab to check your commit is signed or not - -
- Screenshot 2022-10-03 at 8 02 52 PM -
- Click on "Verified" to know more detailed information about the signature - -
- Screenshot 2022-10-03 at 8 02 52 PM -
- -#### You have sucessfully signed your commit. diff --git a/pages/How-to/guide/social-preview.md b/pages/How-to/guide/social-preview.md deleted file mode 100644 index a273391..0000000 --- a/pages/How-to/guide/social-preview.md +++ /dev/null @@ -1,79 +0,0 @@ -# Adding social preview to your repository - -When we have an open-source project, it is important to share it so people can be interested in it and be able to contribute to it. Images on social media have a great impact because they can make your content stand out from the others. - -Before you add a social preview, the repository links expand to provide the repository's basic information and the owner's avatar. Like in the left picture below: - -
- - -
- -
- -Including a picture in your repository can make it easier for others to find your project on different social media sites. For example, how the right image provided a good social preview of its repository.  - -## Steps on how to add a social preview to your repository - -1. Go to [GitHub](https://github.com) and sign in to your account. - -2. Pick any of your repositories or you can create a new one to start a new project. - -3. Navigate to the main page of the repository using the tab navigation towards the top of the page and click ⚙Settings. - -
- -
-
- -4. As soon as you click the settings, you will see the general settings. Scroll down a bit and you will see the `Social preview`. - -
- -
-
- -5. In Social preview, click `Edit` - -- To add an image, click on `Upload an image` and pick any image you want. - -
- -
- -
- -After you upload an image, you will see a preview of something like this. - -
- -
- -
- -#### Previewing your image banner -You can preview below the before and after of your repository using and not using social preview when shared on any social media platform. - -| ![image](https://user-images.githubusercontent.com/93916892/188542496-d36eeb46-58d6-4a54-87d1-ef35cdbd3008.png) | ![image](https://user-images.githubusercontent.com/93916892/188542525-74365d41-e0f4-4b1e-82bc-b0c3acc97fbd.png) | -|:---:|:---:| -| **Before** | **After** | - -
- -- To remove an image, you can simply click `Remove image` - -
- -
- -### Complete demo (GIF) - -![188549721-fd4fdc17-f669-4091-8f3](https://user-images.githubusercontent.com/51878265/189722745-0d0ffeda-9a8a-4103-8321-1e197a404a0f.gif) - -## 💡 Tips: -- It is recommended that you should use JPG, PNG and GIF as a file format for your images. -- For the best quality rendering, it is recommended to keep the image at 640 by 320 pixels. -- PNG transparency is also supported. When using an image with transparency, consider how it might appear on platforms that don't support transparency or backgrounds with various colors. -- Always make your banner simple and have a readable font. So, when someone sees the link, they will understand it right away and not skip it. - -**Congratulations! You have successfully learned how to add social preview to your repository 🚀** diff --git a/pages/How-to/guide/star-repo.md b/pages/How-to/guide/star-repo.md deleted file mode 100644 index 72d0156..0000000 --- a/pages/How-to/guide/star-repo.md +++ /dev/null @@ -1,27 +0,0 @@ -# Starring a repository on GitHub - -Starring a repository makes it easier to find the particular repository or topic again and helps discover similar projects and repositories on GitHub.You can also star a repository if you like it and want to show appreciation for the work done or in order to follow the updates regarding the repo later. - -### Steps to star a repository : - -1. The process of starring a repository is quite simple and straightforward.Firstly,navigate to the main page of the repository.On the main page,click on the `Star` button located at the top right corner. - -
- Starring the Repo -
- -2. Once you have clicked on the `Star` button,it will change from `Star` to `Starred` which indicates that the repository has been starred. - -
- 'Star' button text will change to Starred -
- -3. Once the above steps are done,you can find the starred repository by navigating to the `Stars` page as it is now present in the list of `Starred` repositories. - -
- Starred repo will appear in Star tab on your profile -
- - #### Congrats! You have successfully starred a GitHub repository :confetti_ball: - - diff --git a/pages/How-to/guide/starting-discussion.md b/pages/How-to/guide/starting-discussion.md deleted file mode 100644 index cef9664..0000000 --- a/pages/How-to/guide/starting-discussion.md +++ /dev/null @@ -1,40 +0,0 @@ -## Starting Discussion in GitHub -**1.** Go to the **repo** in which you want to start a discussion in or use this link - `https://github.com/{repo-owner}/{repo-name}/discussions`. -

- - -**2.** Beside the **Pull request or Issues icon**, below the repo name, if you see the "Discussions" tap means, that the repo accepts discussions, if you don't see the tab, the repo doesn't accept discussions... If you used the link mentioned above, and it says 404 Page Not Found, means that the repo doesn't accept discussions. -
-

-

-

- - -**3.** If you see the tab near the Pull request or Issues or if the link above, worked, and you want to start a discussion, tap the "New Discussion" icon. -

- - -**4.** Select the **CATERGORY** of your discussion. -
-

-

-

- - -**5.** Add Title and Description of the discussion you want to start. -
-

-

-

- - -**6.** Tap "**Start Discussion"** button to open your discussion.. -
-

-

-

- - -**For a more detailed explanation, please visit [GitHub Docs](https://docs.github.com/en/discussions/quickstart#Creating-a-new-discusssion)**. - - diff --git a/pages/How-to/guide/use-codespaces.md b/pages/How-to/guide/use-codespaces.md deleted file mode 100644 index 579f814..0000000 --- a/pages/How-to/guide/use-codespaces.md +++ /dev/null @@ -1,78 +0,0 @@ -# Code Spaces - -A codespace is a development environment that's hosted in the cloud. - -GitHub Codespaces run on a variety of VM-based compute options hosted by GitHub.com, which you can configure from 2 core machines up to 32 core machines. You can connect to your codespaces from the browser or locally using an IDE like Visual Studio Code or IntelliJ. - -For more info you can visit this website - [GitHub Codespaces](https://github.com/features/codespaces) - -## How to create and use Codespaces - -There's broadly two ways of using GitHub codespaces : - -1. From a repository. -2. Creating a template, and then using it. - -### Firstly, covering how to open codespaces from a repository - -1. Open the repo you want to code in click on the code button. - -2. Go to the codespaces tab - -3. Click on the *add* button to create a codespace. - -
- -![image](https://user-images.githubusercontent.com/111558974/206271055-0bb9238d-f0dc-459c-b0ea-f3edc4259ec7.png) - -
- -It might take some time depending on your internet connectivity, as a new tab opens up with a codespace to work on. - -The codespace opens and looks like this: - -
- -![image](https://user-images.githubusercontent.com/111558974/206272842-72082769-7f0a-4a0e-8083-40c4e92435b9.png) - -
- - -### Now, let's come to the feature of creating a codespace from github.com - -1. Go to GitHub website. Select the **Codespaces** tab from the navbar. - -
- -![image](https://user-images.githubusercontent.com/111558974/206275128-a2d1e9db-6d4f-4b7f-a00b-504e28ed0c2b.png) - -
- -2. You can see some quick start templates, and you can click on *see all* for more templates. - -
- -![image](https://user-images.githubusercontent.com/111558974/206275889-3e7b64fc-19eb-4e4f-95a6-3b6bfb869220.png) - -
- -3. Now more templates are available to select from - - -
- -![image](https://user-images.githubusercontent.com/111558974/206276034-78787b08-38d5-46b7-8cea-3d9350a5a1aa.png) - -
- -4. I'm selecting React for example, and based on your internet connectivity, GitHub makes a code space for you. - -Like this one :) - -
- -![image](https://user-images.githubusercontent.com/111558974/206276503-128f118a-6734-49e4-8698-f84dd237195d.png) - -
- - -#### Congratulations you learned how to use GitHub Codespaces🎉. diff --git a/pages/fundamentals.md b/pages/fundamentals.md deleted file mode 100644 index 2915860..0000000 --- a/pages/fundamentals.md +++ /dev/null @@ -1 +0,0 @@ -# 😃 The things you need to know before starting this JavaScript guide. \ No newline at end of file