Forem: Mohammad Adil Rasheed

Github cheetsheet for beginners

Mohammad Adil Rasheed — Wed, 03 Apr 2024 21:31:21 +0000

Git Cheat Sheet
GitHub for Windows
https://windows.github.com
GitHub for Mac
https://mac.github.com
Git for All Platforms
http://git-scm.com
Git distributions for Linux and POSIX systems are available on
the official Git SCM web site.
Install
Configure tooling
Configure user information for all local repositories
$ git config --global color.ui auto
Enables helpful colorization of command line output
$ git config --global user.email "[email address]"
Sets the email you want attached to your commit transactions
$ git config --global user.name "[name]"
Sets the name you want attached to your commit transactions
$ git clone [url]
Clone (download) a repository that already exists on
GitHub, including all of the files, branches, and commits
Create repositories
When starting out with a new repository, you only need to do it
once; either locally, then push to GitHub, or by cloning an
existing repository.
$ git init
Turn an existing directory into a git repository
$ git pull
Updates your current local working branch with all new
commits from the corresponding remote branch on GitHub.
git pull is a combination of git fetch and git merge
Synchronize changes
Synchronize your local repository with the remote repository
on GitHub.com
$ git push
Uploads all local branch commits to GitHub
$ git merge
Combines remote tracking branch into current local branch
$ git fetch
Downloads all history from the remote tracking branches
$ git branch -d [branch-name]
Deletes the specified branch
$ git merge [branch]
Combines the specified branch’s history into the
current branch. This is usually done in pull requests,
but is an important Git operation.
$ git checkout [branch-name]
Switches to the specified branch and updates the
working directory
Branches
Branches are an important part of working with Git. Any
commits you make will be made on the branch you're currently
“checked out” to. Use git status to see which branch that is.
$ git branch [branch-name]
Creates a new branch
The .gitignore file
Sometimes it may be a good idea to exclude files from being
tracked with Git. This is typically done in a special file named
.gitignore . You can find helpful templates for .gitignore
files at github.com/github/gitignore.
Git is the open source distributed version control system that facilitates GitHub activities on
your laptop or desktop. This cheat sheet summarizes commonly used Git command line
instructions for quick reference.
services@github.com
services.github.com
Want to learn more about using GitHub and Git?
Email the Training Team or visit our web site for learning
event schedules and private class availability.
Training
git: an open source, distributed version-control system
GitHub: a platform for hosting and collaborating on Git repositories
commit: a Git object, a snapshot of your entire repository compressed into a SHA
branch: a lightweight movable pointer to a commit
clone: a local version of a repository, including all commits and branches
remote: a common repository on GitHub that all team member use to exchange their changes
fork: a copy of a repository on GitHub owned by a different user
pull request: a place to compare and discuss the differences introduced on a branch with reviews, comments, integrated
tests, and more
HEAD: representing your current working directory, the HEAD pointer can be moved to different branches, tags, or commits
when using git checkout
Glossary
‘master’ branch
Commit changes Submit Pull Request Discuss proposed changes
and make more commits
Create ‘feature’ branch from ‘master’ Merge ‘feature’ branch into ‘master’
GitHub Flow
$ git commit -m "[descriptive message]"
Records file snapshots permanently in version history
$ git add [file]
Snapshots the file in preparation for versioning
$ git show [commit]
Outputs metadata and content changes of the specified commit
Make changes
Browse and inspect the evolution of project files
$ git diff [first-branch]...[second-branch]
Shows content differences between two branches
$ git log --follow [file]
Lists version history for a file, including renames
$ git log
Lists version history for the current branch
$ git reset --hard [commit]
Discards all history and changes back to the specified commit
Redo commits
Erase mistakes and craft replacement history
CAUTION! Changing history can have nasty side effects. If you
need to change commits that exist on GitHub (the remote),
proceed with caution. If you need help, reach out at
github.community or contact support.
$ git reset [commit]
Undoes all commits after [commit], preserving changes locally
Git Cheat Sheet

How to hack chatgpt and earn millions

Mohammad Adil Rasheed — Wed, 03 Apr 2024 21:30:20 +0000

10 Ways to Make Money with ChatGPT
Artificial Intelligence is growing way faster than most tech gurus anticipated. As the cost of the internet became cheaper, the benefits of Artificial Intelligence became handy to the common man. One such miracle of AI is ChatGPT-4, an AI-based chat box developed by OpenAI.
1. E-Mail Writing
There are several ways to make money with ChatGPT, for instance, you can write emails based on the input given to it. Emails are most prominent in digital marketing, the software industry, and many more domains. For example, the HR department in a software company may require to send emails to candidates who are selected for their company. Also, E-mailing is the most prominent method in Digital Marketing. You can take the help of ChatGPT in writing emails and you can deliver them to various candidates and get paid. This can be an easy side hustle to earn online.
2. Blogging/Copywriting
Blogging can be a great freelancing idea when dealt with properly. Blogs are websites that provide useful information regarding various topics. Writing content in blogs requires a lot of time and effort for research, and writing SEO (Search Engine Optimization) friendly and error-free content.

However, if you are looking to make money with ChatGPT-4, then this could be a game changer. ChatGPT can reduce this entire burden by providing you required content. You can give the required keywords to the ChatGPT and it will create content accordingly. You can publish these blogs on your website and can gain money through BingAds, Google Ads, or Advertisements from other blogs.
3. Online Tutoring/Solving Problems
ChatGPT acts as a filter for all the content that is available on the internet. You can use this to create good content on various topics and post them on your website or share them for reasonable prices. You can also use these to create a video and share them on YouTube. Websites such as Chegg, Quora, etc. will pay for solving various questions posed by students. In such cases, you can make money with ChatGPT.
4. Translation Services
As we are in a world of thousands of languages, Translation Service is one such area that has great potential to earn money online. ChatGPT can translate various languages with decent grammar based on their development in that language. You can use ChatGPT to translate various books, novels, documents, or even social media posts. You can use this work and it could be one of the easiest ways to make money with ChatGPT.
5. Create PPTs
PowerPoint Presentations are widely used in school education to seminars in Multi-National Companies. A good PPT can be made by ChatGPT with the inputs we give. These PPTs can be sold to various organizations or persons based on the content in them. However, there are a few steps you need to follow to extract a PPT as ChatGPT gives replies only in text. You have to install the Python PPT prompt or have to run the VBA code in PPT. You can refer to various YouTube videos on how to create PPTs using GPT-4.

Want to know more click here

React 19 : Unveiling Exciting New Features

Mohammad Adil Rasheed — Wed, 03 Apr 2024 21:29:02 +0000

01 : The React Compiler
At the forefront of React 19 is the eagerly awaited React Compiler, a revolutionary tool that redefines how React applications are built and optimized. By converting React
code into optimized JavaScript during the build process,
the React Compiler holds the potential to double
performance, significantly improving the efficiency and
responsiveness of applications. With the React Compiler,
developers can unlock unparalleled performance gains
without sacrificing development speed or productivity.

02 : Actions
React 19 introduces Actions, a powerful abstraction that
simplifies data handling and interactions within web pages.
With Actions, developers can encapsulate complex logic
into reusable units, promoting modularity and
maintainability. By decoupling UI components from data
manipulation, Actions streamline development workflows
and empower developers to create more dynamic and
interactive user experiences with ease.

03 : Server Components
In a bid to enhance performance and SEO, React 19
introduces Server Components, a game-changing feature that

enables components to be rendered on the server. By pre-
rendering components on the server, React 19 accelerates

page loads, delivering faster rendering times and improved
search engine visibility. Server Components represent a
significant advancement in React development, offering
developers a powerful tool to optimize performance and
enhance the discoverability of their applications.

04 : Asset Loading
React 19 introduces seamless asset loading, allowing
assets such as images, stylesheets, and scripts to be
loaded in the background. By preloading assets, React 19
minimizes latency and enables smoother page transitions,
enhancing the overall user experience. With asset loading,
developers can ensure that their applications feel
responsive and fluid, even in bandwidth-constrained
environments.

05 : Document Metadata
Enhancing the discoverability of web applications is made
easier with React 19's Document Metadata feature. By
leveraging the component, developers can
effortlessly manage document metadata, including title tags,
meta descriptions, and canonical URLs. This streamlined
approach to SEO optimization enables developers to enhance
the visibility and relevance of their applications in search
engine results, driving organic traffic and engagement.

06 : Web Components
React 19 extends its support for Web Components,
offering improved compatibility and interoperability for
more flexible development. By seamlessly integrating with
existing Web Components, React 19 empowers
developers to leverage the rich ecosystem of reusable UI
elements, libraries, and frameworks, enabling faster
development cycles and greater code reusability.

07 : Enhanced Hooks
Building upon the success of React Hooks, React 19
introduces Enhanced Hooks, providing developers with
greater control over component lifecycle and state
management. With Enhanced Hooks, developers can finetune the behavior of components, optimize performance,
and build more scalable and maintainable applications.
Whether it's managing side effects, handling asynchronous
operations, or orchestrating complex state transitions,
Enhanced Hooks offer a powerful mechanism for building
robust and efficient React applications.

Credit:- Sameer Ahmad

HTML Ultimate guide for beginners

Mohammad Adil Rasheed — Wed, 03 Apr 2024 21:22:31 +0000

1.HTML Doctype Tag
This HTML tag is used to define the document type.
<!DOCTYPE html>
2.HTML Anchor Tag
The anchor tag is used to create hyperlinks.

3. HTML Address Tag **
This tag is used to define the contact information for the author or owner of a document.
**4.HTML Article Tag
This HTML tags represents an independent, and self-contained piece of content within a document.

5. HTML Aside Tag
This tag is used to define the content that is tangentially related to the main content.

6. HTML Audio Tag
The audio tag is used to play audio files on a web page.

7. HTML Bold Tag
This HTML tag is used to render the tax in bold.

8. HTML BlockQuote Tag
This tag indicates a section of quoted content from another source.

9. HTML Body Tag
The body tag contains the main content of an HTML document.

10. HTML Button Tag
The HTML Button tag is used to represent a clickable button.

11. HTML Break Tag
This HTML tag is used for a line-break and to create a new line without creating any new paragraph.

12. HTML Canvas Tag
In HTML the tag is used for drawing surface for dynamic graphics and animations.

13. HTML Code Tag
The tag is used to define a piece of computer code in the HTML document. 14. HTML Datalist Tag This HTML tag is used to define a set of predefined options for an element. 15. HTML Details Tag The HTML tag creates a disclosure widget which is used to show or hid the additional content on the web page.

16. HTML Dialog Tag
The tag is used to represent a dialog box or a modal window.

17. HTML Div Tag
This HTML tag is used to define a division or section within an HTML document.

18. HTML Em Tag
The HTML tag is used to render the text in italics, indicating emphasis.

19. HTML Fieldset Tag
The HTML tag groups related form elements together and provide a visual representation.

20. HTML Figcaption Tag
This HTML tag is used to represent a caption or legend for an element.
21. HTML Figure Tag
It is a self-contained content, such as images, diagrams, or code snippets.

22. HTML Footer Tag
The HTML tag is used to define the footer section of a document or a section in the webpage.

23. HTML Form Tag
It is used to create a form for gathering user input and submit on the server.

24. HTML h1 to h6 Tag
These HTML tags are used to define different levels of heading on the webpage, where h1 is the highest and h6 is the lowest heading in HTML.

25. HTML Head Tag
It contains meta-information about the HTML document, such as the title and link to external stylesheets and more..

26. HTML Header Tag
This HTML tag is used to represent the introductory content or a container for the header of a document or a section.

27. HTML Tag
This tag represents the root element of an HTML document. Here is the syntax to define it:

28. HTML I Tag
The tag is used to render the text in italics.

29. HTML iframe Tag
The HTML tag is used to embed an external web page or document within the current HTML document.

30. HTML Image Tag
This HTML tag is used to insert an image into the web page.

JavaScript Basic Coding Challenges for Beginners part-2

Mohammad Adil Rasheed — Wed, 03 Apr 2024 20:53:22 +0000

Coding Challenge #1
Given an array of forecasted maximum temperatures, the thermometer displays a string with the given temperatures. Example: [17, 21, 23] will print "... 17ºC in 1
days ... 21ºC in 2 days ... 23ºC in 3 days ..."
Your tasks:

Create a function 'printForecast' which takes in an array 'arr' and logs a string like the above to the console. Try it with both test datasets.
Use the problem-solving framework: Understand the problem and break it up into sub-problems! Test data: Data 1: [17, 21, 23] Data 2: [12, 5, -5, 0, 4]

Coding Challenge #2
Implement a game rest functionality, so that the player can make a new guess!
Your tasks:

Select the element with the 'again' class and attach a click event handler
In the handler function, restore initial values of the 'score' and 'secretNumber' variables
Restore the initial conditions of the message, number, score and guess input fields
Also restore the original background color (#222) and number width (15rem)

Coding Challenge #3
We're building a football betting app (soccer for my American friends Suppose we get data from a web service about a certain game ('game' variable on next page). In this challenge we're gonna work with that data.
Your tasks:

Create one player array for each team (variables 'players1' and 'players2')
The first player in any player array is the goalkeeper and the others are field players. For Bayern Munich (team 1) create one variable ('gk') with the goalkeeper's name, and one array ('fieldPlayers') with all the remaining 10 field players
Create an array 'allPlayers' containing all players of both teams (22 players)
During the game, Bayern Munich (team 1) used 3 substitute players. So create a new array ('players1Final') containing all the original team1 players plus 'Thiago', 'Coutinho' and 'Perisic'
Based on the game.odds object, create one variable for each odd (called 'team1', 'draw' and 'team2')
Write a function ('printGoals') that receives an arbitrary number of player names (not an array) and prints each of them to the console, along with the number of goals that were scored in total (number of player names passed in)
The team with the lower odd is more likely to win. Print to the console which team is more likely to win, without using an if/else statement or the ternary operator. Test data for 6.: First, use players 'Davies', 'Muller', 'Lewandowski' and 'Kimmich'. Then, call the function again with players from game.scored

John's best javascript course from udemy

JavaScript Basic Coding Challenges for Beginners part-1

Mohammad Adil Rasheed — Wed, 03 Apr 2024 20:14:42 +0000

Coding Challenge #1
Mark and John are trying to compare their BMI (Body Mass Index), which is calculated using the formula:
BMI = mass / height ** 2 = mass / (height * height) (mass in kg
and height in meter).
Your tasks:

Store Mark's and John's mass and height in variables
Calculate both their BMIs using the formula (you can even implement both versions)
Create a Boolean variable 'markHigherBMI' containing information about whether Mark has a higher BMI than John. Test data: Data 1: Marks weights 78 kg and is 1.69 m tall. John weights 92 kg and is 1.95 m tall. Data 2: Marks weights 95 kg and is 1.88 m tall. John weights 85 kg and is 1.76 m tall.

Coding Challenge #2
Use the BMI example from Challenge #1, and the code you already wrote, and improve it.
Your tasks:

Print a nice output to the console, saying who has the higher BMI. The message is either "Mark's BMI is higher than John's!" or "John's BMI is higher than Mark's!"
Use a template literal to include the BMI values in the outputs. Example: "Mark's BMI (28.3) is higher than John's (23.9)!" Hint: Use an if/else statement

Coding Challenge #3
There are two gymnastics teams, Dolphins and Koalas. They compete against each other 3 times. The winner with the highest average score wins a trophy!
Your tasks:

Calculate the average score for each team, using the test data below
Compare the team's average scores to determine the winner of the competition, and print it to the console. Don't forget that there can be a draw, so test for that as well (draw means they have the same average score)
Bonus 1: Include a requirement for a minimum score of 100. With this rule, a team only wins if it has a higher score than the other team, and the same time a score of at least 100 points. Hint: Use a logical operator to test for minimum score, as well as multiple else-if blocks
Bonus 2: Minimum score also applies to a draw! So a draw only happens when both teams have the same score and both have a score greater or equal 100 points. Otherwise, no team wins the trophy Test data: Data 1: Dolphins score 96, 108 and 89. Koalas score 88, 91 and 110 Data Bonus 1: Dolphins score 97, 112 and 101. Koalas score 109, 95 and 123 Data Bonus 2: Dolphins score 97, 112 and 101. Koalas score 109, 95 and 106

Coding Challenge #4
Steven wants to build a very simple tip calculator for whenever he goes eating in a restaurant. In his country, it's usual to tip 15% if the bill value is between 50 and 300. If the value is different, the tip is 20%.
Your tasks:

Calculate the tip, depending on the bill value. Create a variable called 'tip' for this. It's not allowed to use an if/else statement (If it's easier for you, you can start with an if/else statement, and then try to convert it to a ternary operator!)
Print a string to the console containing the bill value, the tip, and the final value (bill + tip). Example: “The bill was 275, the tip was 41.25, and the total value 316.25” Test data: Data 1: Test for bill values 275, 40 and 430 Hints: To calculate 20% of a value, simply multiply it by 20/100 = 0.2 Value X is between 50 and 300, if it's >= 50 && <= 300

Coding Challenge #5
Back to the two gymnastics teams, the Dolphins and the Koalas! There is a new gymnastics discipline, which works differently.
Each team competes 3 times, and then the average of the 3 scores is calculated (so one average score per team). A team only wins if it has at least double the average score of the other team. Otherwise, no team wins!
Your tasks:

Create an arrow function 'calcAverage' to calculate the average of 3 scores
Use the function to calculate the average for both teams
Create a function 'checkWinner' that takes the average score of each team as parameters ('avgDolhins' and 'avgKoalas'), and then logs the winner to the console, together with the victory points, according to the rule above. Example: "Koalas win (30 vs. 13)"
Use the 'checkWinner' function to determine the winner for both Data 1 and Data 2
Ignore draws this time Test data: Data 1: Dolphins score 44, 23 and 71. Koalas score 65, 54 and 49 Data 2: Dolphins score 85, 54 and 41. Koalas score 23, 34 and 27 Hints: To calculate average of 3 values, add them all together and divide by 3 To check if number A is at least double number B, check for A >= 2 * B. Apply this to the team's average scores

Coding Challenge #6
Steven is still building his tip calculator, using the same rules as before: Tip 15% of the bill if the bill value is between 50 and 300, and if the value is different, the tip is 20%.
Your tasks:

Write a function 'calcTip' that takes any bill value as an input and returns the corresponding tip, calculated based on the rules above (you can check out the code from first tip calculator challenge if you need to). Use the function type you like the most. Test the function using a bill value of 100
And now let's use arrays! So create an array 'bills' containing the test data below
Create an array 'tips' containing the tip value for each bill, calculated from the function you created before 4.** Bonus:** Create an array 'total' containing the total values, so the bill + tip Test data: 125, 555 and 44 Hint: Remember that an array needs a value in each position, and that value can actually be the returned value of a function! So you can just call a function as array values (so don't store the tip values in separate variables first, but right in the new array)

Coding Challenge #7
Let's go back to Mark and John comparing their BMIs! This time, let's use objects to implement the calculations! Remember: BMI = mass / height ** 2 = mass / (height * height) (mass in kg and height in meter)
Your tasks:

For each of them, create an object with properties for their full name, mass, and height (Mark Miller and John Smith)
Create a 'calcBMI' method on each object to calculate the BMI (the same method on both objects). Store the BMI value to a property, and also return it from the method
Log to the console who has the higher BMI, together with the full name and the respective BMI. Example: "John's BMI (28.3) is higher than Mark's (23.9)!" Test data: Marks weights 78 kg and is 1.69 m tall. John weights 92 kg and is 1.95 m tall.

Coding Challenge #8
Let's improve Steven's tip calculator even more, this time using loops!
Your tasks:

Create an array 'bills' containing all 10 test bill values
Create empty arrays for the tips and the totals ('tips' and 'totals')
Use the 'calcTip' function we wrote before (no need to repeat) to calculate tips and total values (bill + tip) for every bill value in the bills array. Use a for loop to perform the 10 calculations! Test data: 22, 295, 176, 440, 37, 105, 10, 1100, 86 and 52 Hints: Call ‘calcTip ‘in the loop and use the push method to add values to the tips and totals arrays bonus.
Bonus: Write a function 'calcAverage' which takes an array called 'arr' as an argument. This function calculates the average of all numbers in the given array. This is a difficult challenge (we haven't done this before)! Here is how to solve it: 4.1. First, you will need to add up all values in the array. To do the addition, start by creating a variable 'sum' that starts at 0. Then loop over the array using a for loop. In each iteration, add the current value to the 'sum' variable. This way, by the end of the loop, you have all values added together 4.2. To calculate the average, divide the sum you calculated before by the length of the array (because that's the number of elements) 4.3. Call the function with the 'totals' array

Buy John's Best Javascript course from Udemy