کاربرد گیت git در طراحی سایت (توسعه وب) | آموزش گیت برای طراحان سایت

کاربرد گیت git در طراحی سایت (توسعه وب) بیشتر در کارها تیمی می باشد که افراد مختلف در بخش های متفاوت یک پروژه در حال فعالیت هستند.

توسعه وب به طور ذاتی با کار تیمی مرتبط است. بیشتر اوقات شما با طراحان سایت دیگر کار خواهید کرد و حتی اگر این کار را نکنید، Git می تواند از راه های بسیار دیگری به شما کمک کند. Git نرم افزاری است که نسخه برنامه هایی را که ما میسازیم کنترل می کند. این توسط توسعه دهندگان انفرادی، شرکت های بزرگ و حتی لینوکس، بزرگترین پروژه منبع باز در جهان، استفاده می شود. اما این سوال به وجود می آید که کاربرد گیت git در طراحی سایت چیست؟

به عنوان یک توسعه دهنده، دانستن کاربرد گیت در توسعه وب بسیار مهم است. ما فقط در مورد “git add”، “git commit” و “git push” صحبت نمی کنیم. شما باید کل کار ایجاد یک پروژه وب با Git را بدانید.

چرا از گیت GIT استفاده کنیم؟

اینها تنها برخی از دلایل شروع استفاده از Git هستند:

• سازماندهی: به جای مدیریت پروژه خود در پوشه هایی مانند v1، v2، v3 و غیره، یک پروژه با یک پایگاه داده خاص دارید که تمام نسخه های فایل ها را ذخیره می کند.
• همکاری: Git به شما و سایر افراد اجازه می دهد بدون ایجاد تضاد، همزمان روی یک پروژه کار کنید.
• منبع باز: Git منبع باز است، اما ابزاری است که ما برای همکاری و ایجاد نرم افزار منبع باز استفاده می کنیم. هر کسی می‌تواند برای پروژه‌های منبع باز در پلتفرم‌هایی مانند GitHub یا Bitbucket درخواست‌های کششی ارائه دهد.
• انعطاف پذیری پلتفرم: امروزه، سرویس های میزبانی گیت مختلفی برای انتخاب دارید، مانند Gitlab، GitHub، Bitbucket و SourceForge. شما حتی می توانید از یک راه حل خود میزبان برای همه پروژه های خود استفاده کنید.
• پشتیبان گیری آسان: اشتباهات را به راحتی لغو کنید و هرگز نسخه اصلی پروژه خود را از دست ندهید.

 کاربرد گیت در توسعه وب

با توجه به موارد گفته شده، کاربرد گیت در طراحی سایت بسیار گسترده است و در بسیاری از پروژه های تیمی، استفاده از این پلتفرم می تواند سرعت و دقت پروژه را افزایش دهد. اگر هیچ پیش زمینه ای در مورد گیت و گیت هاب ندارید، بهترین تا آموزش اجرایی گیت (GIT) را در وب سایت مرجع (سایت امیر محمد رسولی) مشاهده کنید.

کار با GIT برای طراحان سایت

الزامات نصب

اگر هنوز Git را نصب نکرده اید، بهتر است کار را با نصب شروع کنیم. نصب گیت آسان است و در اکثر سیستم عامل ها دسترسی به آن وجود دارد. شما می توانید نرم افزار را از سایت رسمی دانلود کنید و بر روی سیستم خود نصب کنید.

برای آزمایش اینکه همه چیز با نصب خوب پیش رفت، یک ترمینال را در لینوکس یا macOS با جستجوی «Terminal» در منوی برنامه‌هایتان یا با باز کردن Git bash در ویندوز (که به طور پیش‌فرض با Git نصب می‌شود) راه‌اندازی کنید. سپس کد زیر را تایپ کنید:

git --version

اگر نسخه Git را به عنوان پاسخ دریافت کردید، نصب به درستی انجام گرفته. ما همچنین به یک حساب GitHub نیاز داریم، بنابراین ثبت نام کرده یا وارد حساب GitHub شوید. پس از نصب Git و ورود به حساب GitHub خود، می توانید به بخش بعدی بروید.

آموزش کار با گیت برای طراحان سایت

همانطور که قبلا ذکر شد، بیشتر اوقات شما پروژه های انفرادی را توسعه نمی دهید. همکاری یک مهارت کلیدی است و کاربرد گیت git در طراحی سایت این است که به ما کمک می کنند تا کار تیمی را به فرآیند ساده و در عین حال موثر تبدیل کنیم. به صورت کلی نحوه کار با گیت به شکل زیر است:

1. با شبیه سازی یک مخزن یا مخزن، یک کپی محلی از پروژه دریافت کنید. اگر در حال همکاری هستید، ابتدا باید مخزن را جدا کنید.
2. یک مخزن با نام نماینده ویژگی که روی آن کار می کنید ایجاد کنید.
3. پروژه را ویرایش کنید.
4. تغییرات را در دستگاه محلی خود انجام دهید.
5. تغییرات را روی مخزن از راه دور فشار دهید.
6. یک درخواست کشش به مخزن اصلی ایجاد کنید.
7. ادغام و حل اختلافات در شاخه اصلی مخزن اصلی.

آموزش گیت در توسعه وب

در این راهنما، شما می خواهید یک وب سایت ساده HTML ایجاد کنید. برای اهداف عملی، پروژه پایه را از مخزن سایت HTML به حساب GitHub خود منتقل خواهید کرد. این را می توان برای تمام مخازن عمومی در دسترس انجام داد. اگر به تازگی طراحی سایت را شروع کرده اید یا قصد مشاهده یک آموزش جامع طراحی سایت را دارید، می توانید نگاهی به مرجع برنامه نویسی امیرمحمد رسولی داشته باشید.

اکنون یک فورک از مخزن اصلی دارید که فقط در حساب GitHub شما موجود است. دقیقاً همان مخزن است تا زمانی که شروع به انجام تغییرات نکنید. همانطور که می بینید، فورک کردن یک مخزن عمومی تنها چند ثانیه طول می کشد. این برای پروژه های منبع باز عالی است، اما به خاطر داشته باشید که اگر سازمان شما دارای یک مخزن خصوصی است، باید قبل از تلاش برای تقسیم آن به عنوان یک مشارکت کننده، این موضوع در نظر گرفته شود. برای انجام این کار، باید آن را با دستور git clone کلون کنید، که مخزن Git را از سرور راه دور بازیابی می کند:

git clone remote_url

شما باید remote_url را با URL فورک خود جایگزین کنید. برای دریافت آدرس دقیق یک مخزن GitHub، به صفحه آن بروید و روی Code کلیک کنید. سپس SSH را انتخاب کنید و پیوندی را که به شما میدهد کپی کنید. دستوری که برای شبیه سازی مخزن فورک شده اجرا می کنید این است: 

git clone [email protected]:yourusername/HTML-site.git

هنگامی که یک مخزن را شبیه سازی می کنید، یک پوشه با نام آن دریافت خواهید کرد. در داخل آن پوشه کد منبع پروژه (در این مورد، سایت HTML) و مخزن Git است که در داخل پوشه ای به نام git. قرار دارد. با باز کردن پوشه جدید در یک مدیر فایل گرافیکی یا با فهرست کردن مستقیم آنها از ترمینال با دستورات ls یا dir می توانید لیست فایل های داخل دایرکتوری جدید را مشاهده کنید:

# Linux/macOS

ls HTML-site/

# Windows

dir HTML-site\

.git images .gitignore index.html LICENSE README.md styles.css

چرا طراحان سایت به گیت نیاز دارند؟

همانطور که مشاهده کردید با استفاده از گیت می توانید پروژه های خود را در یک تیم بزرگ مدیریت کنید و فعالیت های مشخصی در هر یک از بخش های پروژه برای توسعه دهندگان مختلف در نظر بگیرید. همچنین در صورتی که مشکلی در یکی از بخش های کد وجود داشته باشد، می توانید نسخه های قبلی را بازگردانی کنید. 

قابلیت پیگیری بخش های مختلف نیز یکی از دیگر ویژگی هایی است که در گیت از اهمیت بالایی برخوردار می باشد. در صورت وجود اشکال می توانید کد های نوشته شده توسط یک توسعه دهنده را مورد بررسی قرار دهید. 

چه کسانی باید از GIT در طراحی سایت استفاده کنند؟

به طور کلی همه افراد می توانند از قابلیت های گیت و گیت هاب استفاده کنند. اما در بسیاری از مواد توصیه می شود تا افرادی که به صورت تیمی بر روی پروژه های نسبتا بزرگ که شامل بخش های مختلف است، کار می کنند از گیت و گیت هاب استفاده کنند. 

منبع: سایت امیر محمد رسولی 

در سایت امیر محمد رسولی، شما می توانید به روز ترین آموزش های برنامه نویسی را به زبان فارسی مشاهده کنید. برخی از آموزش هایی که در این وب سایت توسط امیر رسولی ارائه شده اند، عبارتند از:

1. آموزش پایتون
2. آموزش جاوا اسکریپت
3. آموزش فرانت اند
4. آموزش بک اند (با پایتون و جنگو)
5. آموزش گیت و گیت هاب 

بعد از شرکت در دوره ها، برای رفع اشکال می توانید با آقای رسولی که ۱۰ سال سابقه برنامه نویسی تخصصی را دارید، در ارتباط باشید و مشکلات خود را با مدرس دوره در میون بگذارید. همچنین دوره های ارائه شده به صورت ۰ تا ۱۰۰ و پروژه محور هستند و بعد از تکمیل دوره می توانید برای ورود به بازار کار اقدام کنید.