Skip to content
Open

N #56

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
27 commits
Select commit Hold shift + click to select a range
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
558 changes: 558 additions & 0 deletions Index 1.html

Large diffs are not rendered by default.

560 changes: 560 additions & 0 deletions Index.txt

Large diffs are not rendered by default.

4 changes: 2 additions & 2 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
explain-git-with-d3
===================

mis solimani
Use D3 to visualize simple git branching operations.

This simple project is designed to help people understand some basic git concepts visually.
Expand All @@ -10,4 +10,4 @@ This is my first attempt at using both SVG and D3. I hope it is helpful to you.
I upload the contents of this repository via FTP every once in a while to: http://www.wei-wang.com/ExplainGitWithD3/
so you can just visit that site to use an (almost) up to date version.

UPDATE: the page can now also be accessed via: http://onlywei.github.io/explain-git-with-d3/
UPDATE: the page can now also be accessed via: https://rayantools.github.io/explain-git-with-d3/
4 changes: 4 additions & 0 deletions amin vaezi
Original file line number Diff line number Diff line change
@@ -0,0 +1,4 @@
git init
git add 1.docx
git commit -m "1"
git status
4 changes: 2 additions & 2 deletions css/explaingit.css
Original file line number Diff line number Diff line change
Expand Up @@ -161,8 +161,8 @@ span.cmd {
}

circle.commit {
fill: #EEEEEE;
stroke: #888888;
fill: #FFB;
stroke: #C90;
stroke-width: 3;
}

Expand Down
78 changes: 34 additions & 44 deletions index.html
Original file line number Diff line number Diff line change
@@ -1,5 +1,4 @@
<!DOCTYPE html>
<html>
<!DOCTYPE html><html lang="fa">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<title>Explain Git with D3</title>
Expand All @@ -16,20 +15,22 @@
</a>
<div class="container">
<div class="row intro">
<div class="twelvecol">
<div class="twelvecol" dir="rtl" >
<h1>Visualizing Git Concepts with D3</h1>
<p>
This website is designed to help you understand some basic git concepts visually.
This is my first attempt at using both SVG and D3. I hope it is helpful to you.

.این وب سایت برای کمک به شما و درک برخی از مفاهیم اساسی گیت بصورت بصری طراحی شده ناست
.این اولین تلاش من برای استفاده از هردو مورد اس وی جی و دی ثری است

</p>
<p>
Adding/staging your files for commit will not be covered by this site. In all sandbox playgrounds
on this site, just pretend that you always have files staged and ready to commit at all times.
If you need a refresher on how to add or stage files for commit, please read
<a href="http://git-scm.com/book/en/Git-Basics-Recording-Changes-to-the-Repository">Git Basics</a>.
<p>اضافه کردن /سکوگذاری فایلهای شما برای کمیت کردن توسط این سایت پوشش داده نخواهد شد.بروی این سایت تمام
درتمام محیط مجازی و انلاین کد نویسی بروی این سایت
.فقط وانمود می کند که شما همیشه فایلهایی سکوگذاری شده و اماده کمیت کردن در همه زمانها دارید
اگر شما در مورد چگونه اضافه یا سکوکردن فایلها برای کمیت کردن نیاز به یک یاداوری دارید لطفن بخوانید
<a href="http://git-scm.com/book/en/Git-Basics-Recording-Changes-to-the-Repository">گیت بیسیک</a>.
</p>
<p>
Sandboxes are split by specific git commands, listed below.
.محیط های مجازی به دستورات مشخصی تقسیم شده اند که درزیر لیست شده اند
</p>
</div>
</div>
Expand Down Expand Up @@ -68,8 +69,10 @@ <h4>&nbsp;</h4>
<div class="row concept-area">
<div id="ExplainGitCommit-Container" class="twelvecol concept-container">
<p>
We are going to skip instructing you on how to add your files for commit in this explanation.
Let's assume you already know how to do that. If you don't, go read some other tutorials.
ما نمیخواه یم به شما یاد بدهیم که چطوری فایل اضافه کنید ما فرض را بر این میگیریم که شما بلدین اگر بلد نیستید بروید سراغ آموزشگاه دیگر و فایل را مطالعه فرمایید در
د جعب لل ه ترمینال به تعداد دفعاتی که دوست دارین
.commit اضافه کنید

</p>
<p>
Pretend that you already have your files staged for commit and enter <span class="cmd">git commit</span>
Expand Down Expand Up @@ -133,28 +136,18 @@ <h4>&nbsp;</h4>
</p>
<div class="playground-container"></div>
</div>
<div id="ExplainGitReset-Container" class="twelvecol concept-container">
<div id="ExplainGitReset-Container" class="twelvecol concept-container" dir="rtl" >
<p>
<span class="cmd">git reset</span> will move HEAD and the current branch back to wherever
you specify, abandoning any commits that may be left behind. This is useful to undo a commit
that you no longer need.
</p>
<span class="cmd">git reset</span>هد حرکت خواهد کرد و شاخه رو برمیگرداند به جایی که شما مشخص کردید، جدا از هر <span class="cmd">commit</span> که ممکن است پشت سر بگذارید. این کار زمانی سودمند است که شما بخواهید <span class="cmd">commit</span>را که دیگر نیازی ندارید به حالت قبلی بازگردانید. </p>
<p>
This command is normally used with one of three flags: "--soft", "--mixed", and "--hard".
The soft and mixed flags deal with what to do with the work that was inside the commit after
you reset, and you can read about it <a href="http://git-scm.com/2011/07/11/reset.html">here</a>.
Since this visualization cannot graphically display that work, only the "--hard" flag will work
on this site.
این دستور معمولا با یکی از سه فلگ <span class="cmd">Soft-Mixed,Hard</span> استفاده می شود.فلگ های<span class="cmd">Soft,Mixed</span> با آنچه که درون <span class="cmd">commit</span> بعد از ریست کردن بود سروکار دارد و شما میتونید درباره اون اینجا بخونید.. <a href="http://git-scm.com/2011/07/11/reset.html">کلیک کنید</a>.
از آنجایی که این تصویر نمیتونه به صورت گرافیکی آن کار را نمایش دهد، فقط <span class="cmd">Flag</span> هارد روی این سایت کار خواهد کرد.
</p>
<p>
The ref "HEAD^" is usually used together with this command. "HEAD^" means "the commit right
before HEAD. "HEAD^^" means "two commits before HEAD", and so on.
کد <span class="cmd">"HEAD^" </span> معمولا با این دستور با همدیگر کار می کنند. <span class="cmd">"HEAD^" </span> به این معنی است: یک <span class="cmd">commit </span> دقیقا قبل از هد. <span class="cmd">"HEAD^^" </span> یعنی دو تغییر بعد از هد و به همین صورت.
</p>
<p>
Note that you must <b>never</b> use <span class="cmd">git reset</span> to abandon commits
that have already been pushed and merged into the origin. This can cause your local repository
to become out of sync with the origin. Don't do it unless you really know what you're doing.
</p>
دقت کنید که هرگز نباید دستور <span class="cmd">git reset </span> را برای لغو تغییراتی که ثبت و یکپارچه با داده های اصلی شده اند استفاده کنید.این می تواند منجر به این شود که مخزن محلی شما با داده های اصلی ناهماهنگ شود.این کار را انجام ندهید مگر اینگه بدانید واقعا چه کاری می خواهید انجام دهید </p>
<div class="playground-container"></div>
</div>
<div id="ExplainGitRevert-Container" class="twelvecol concept-container">
Expand All @@ -170,8 +163,11 @@ <h4>&nbsp;</h4>
</div>
<div id="ExplainGitMerge-Container" class="twelvecol concept-container">
<p>
<span class="cmd">git merge</span> will create a new commit with two parents. The resulting
commit snapshot will have the all of the work that has been done in both branches.
<span class="cmd">git merge</span> دستورگیت مرج ایجاد میکند یک کامیت به همراه دومرجع .
نتایج کامیت ذخیره خواهد شد به صورت یک عکس که شامل تمام کارهایی است که بروی هر بخش انجام شده است


اگرهیچ اختلافی بین دوکامیت وجود نداشته باشد گیت انجام خواهددادیک متد بازگشت سریع از حالت مرجع برای اینکه اتفاق افتادن این حالت را ببینیم برنچ راچک کرده و دستورگیت مرج دیو را اجرا میکنیم
</p>
<p>
If there was no divergence between the two commits, git will do a "fast-forward" method merge.</br>
Expand All @@ -180,24 +176,18 @@ <h4>&nbsp;</h4>
<div class="playground-container"></div>
</div>
<div id="ExplainGitRebase-Container" class="twelvecol concept-container">
<p>
<span class="cmd">git rebase</span> will take the commits on this branch and "move" them so that their
new "base" is at the point you specify.
</p>
<p>
You should pay close attention to the commit IDs of the circles as they move when you do this exercise.
</p>
<p>
The reason I put "move" in quotations because this process actually generates brand new commits with
completely different IDs than the old commits, and leaves the old commits where they were. For this reason,
you never want to rebase commits that have already been shared with the team you are working with.
<p style text-align = "right">
<span class="cmd">git rebase</span>

کامیت ها را در این انشعاب قرار میدهد آن ها را حرکت (جا به جا می کند) می دهد به طوری که پایگاه جدید آنها امکانیست که شما مشخص میکنید. شما باید به نحوه حرکت دایره ها . هنگامی که این تمرین را انجام میدهید توجه بسیار زیادی را به شناسه ها کامیت دایره ها بکنید .
دلیل این که "حرکت یا جابه جایی" را درون کتیشن گذاشته ایم این است که این فرایند در واقع کامیت های کابل متفاوت با کامیت های جدید انشعاب تولید میکند به همین دلیل شما نمیخواهید که کامیت ها را با تیمی که با ان ها کار میکنید و تقسیم شده ریبیس کنید.

</p>
<div class="playground-container"></div>
</div>
<div id="ExplainGitFetch-Container" class="twelvecol concept-container">
<p>
<span class="cmd">git fetch</span> will update all of the "remote tracking branches" in your local repository.
Remote tracking branches are tagged in grey.
<span class="cmd">git fetch</span> ".تمام انشعابات مسیر یابی را در مخزن محلی خود بروز رسانی خواهد کرد.که آن انشعابات را با برچسبی خاکستری رنگ مشخص می نماید."
</p>
<div class="playground-container"></div>
</div>
Expand Down
1 change: 1 addition & 0 deletions mosafer
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@