diff --git a/docs/Nextjs/assets/1-Introduction-to-github.png b/docs/Nextjs/assets/1-Introduction-to-github.png deleted file mode 100644 index 4f34bd30..00000000 Binary files a/docs/Nextjs/assets/1-Introduction-to-github.png and /dev/null differ diff --git a/docs/Nextjs/assets/2-git-strucutre.png b/docs/Nextjs/assets/2-git-strucutre.png deleted file mode 100644 index 6d9a9294..00000000 Binary files a/docs/Nextjs/assets/2-git-strucutre.png and /dev/null differ diff --git a/docs/Nextjs/assets/image-1.png b/docs/Nextjs/assets/image-1.png deleted file mode 100644 index 215f157d..00000000 Binary files a/docs/Nextjs/assets/image-1.png and /dev/null differ diff --git a/docs/Nextjs/assets/image-2.png b/docs/Nextjs/assets/image-2.png deleted file mode 100644 index a4be1356..00000000 Binary files a/docs/Nextjs/assets/image-2.png and /dev/null differ diff --git a/docs/Nextjs/assets/img-3.png b/docs/Nextjs/assets/img-3.png deleted file mode 100644 index c572e128..00000000 Binary files a/docs/Nextjs/assets/img-3.png and /dev/null differ diff --git a/docs/Nextjs/assets/img-4.png b/docs/Nextjs/assets/img-4.png deleted file mode 100644 index f61379d4..00000000 Binary files a/docs/Nextjs/assets/img-4.png and /dev/null differ diff --git a/docs/Nextjs/assets/nextjs-logo.png b/docs/Nextjs/assets/nextjs-logo.png new file mode 100644 index 00000000..eea7bc98 Binary files /dev/null and b/docs/Nextjs/assets/nextjs-logo.png differ diff --git a/docs/Nextjs/git-commands.md b/docs/Nextjs/git-commands.md deleted file mode 100644 index 4967a5c9..00000000 --- a/docs/Nextjs/git-commands.md +++ /dev/null @@ -1,309 +0,0 @@ ---- -id: git-commands -title: 50 Git commands Cheatsheet -sidebar_label: Git commands -sidebar_position: 3 -tags: [git, github, git-cheatsheet, commands, git-commands] -description: In this tutorial, you will learn about the basic of git and 50 important git commands. ---- - -> *This is part of GitHub/Git Tutorials and a continuation of the previous post where we discussed what is gitHub. I hope you have a basic understanding of what is Github in general. Let’s get started with Git Cheat Sheet. Git Cheat Sheet. 50 Git commands | Git Tutorials* - -I can create like teaching how to fork and clone and making changes. HTML, which stands for **HyperText Markup Language**, serves as the backbone of the World Wide Web. It is the standard language used to create web pages, providing the structure and content that browsers render for users to interact with. Understanding how HTML works with web browsers is fundamental for anyone diving into web development. - - -## Understanding Git: The Building Blocks - -HTML is a markup language that uses tags to define the structure and content of web pages. These tags are enclosed in angle brackets (`<` and `>`), and they tell the browser how to display the content. For example, the following HTML code snippet creates a simple web page with a heading and a paragraph: - - - - - ```html title="Adding file to the repo" - git add filename.ipynb - ``` - - - - - ![alt text](./assets/image-1.png) - - - -In this example, the `

` tag creates a heading, and the `

` tag creates a paragraph. The browser interprets these tags and displays the content accordingly. HTML tags can be nested within each other to create more complex structures, such as lists, tables, forms, and more. - - -## How Web Browsers Render HTML - -When a user requests a web page by entering a URL in the browser's address bar or clicking a link, the browser sends a request to the web server hosting the page. The server responds by sending the HTML content of the page back to the browser. The browser then parses the HTML code and renders the page on the user's screen. - - - - - ```html title="Commiting the changes" - git commit -m "Give some meaningfull comments" - ``` - - - - - ![alt text](./assets/image-1.png) - - - -**Pushing Changes to the branch** - - :::info - - - - ```html title="Uploading file to the remote" - git push origin [name_of_your_new_branch] -> Push the branch on github : - ``` - - - - - ![alt text](./assets/image-1.png) - - - ::: - -3. **Git Pull**: The browser paints the pixels on the screen according to the layout determined in the rendering step. It combines the content, styles, and layout to create the final visual representation of the web page. -:::info - - - - ```html title="Uploading file to the remote" - git push origin [name_of_your_new_branch] -> Push the branch on github : - ``` - - - - - ![alt text](./assets/image-1.png) - - - ::: -4. **Reflow and Repaint**: If the user interacts with the page, such as scrolling or resizing the window, the browser may need to reflow and repaint parts of the page to reflect the changes. Reflow involves recalculating the layout of the affected elements, while repaint involves updating the affected pixels on the screen. -:::info - - - - ```html title="Uploading file to the remote" - git push origin [name_of_your_new_branch] -> Push the branch on github : - ``` - - - - - ![alt text](./assets/image-1.png) - - - ::: -By understanding how web browsers render HTML content, web developers can optimize their code and design to create fast and responsive web pages. Techniques such as minimizing the use of inline styles, reducing the number of DOM elements, and optimizing images can help improve the performance of web pages and provide a better user experience. - - -## Useful 50 Git Commands Cheatsheet - -In addition to rendering HTML content, web browsers handle various resources associated with a web page, including: - -- **CSS Stylesheets**: Browsers download and apply CSS stylesheets to control the presentation of HTML elements. Stylesheets can be linked externally using the `` tag or embedded within the HTML document using the `