Uncategorized

TypeScript Setup Guide: Node.js, npm & Project Configuration

Unlock the full power of TypeScript by setting up your development environment like a pro. In this module, we go beyond basic installation to build a robust, professional workflow. You’ll learn how to configure Node.js, master the TypeScript compiler (tsc), and organize your project for maximum efficiency.

What you’ll master in this video:

* Complete installation of Node.js and npm for TypeScript
* Understanding the role of tsconfig.json in your project
* Setting up a professional project structure from scratch
* Compiling and running TypeScript files seamlessly
* Essential development tools for Windows, Mac, and Linux

Timestamps:

* **00:00** – Introduction to the TypeScript Workshop
* **00:20** – Core Tools: Node.js, npm & TypeScript
* **00:45** – Professional Project Organization
* **01:10** – Development Tools & OS Configuration
* **01:40** – Creating Your First Project Folder
* **02:17** – Installing Node.js (Step-by-Step)

#TypeScript #WebDevelopment #CodingTutorial #NodeJS #Programming #SoftwareEngineering #BeshiloCodingAcademy

Uncategorized

How to Create & Merge Pull Requests on GitHub (Full Tutorial)

You’ve pushed your code, but how do you get it into the final project? In this tutorial from **Beshilo Coding Academy**, we cover the “Pull Request” (PR) workflow—the standard for every professional software team.

Learn how to compare your feature branch with the main branch, create a detailed pull request, and merge it safely on GitHub. We also show you the most important final step: how to pull those remote changes back to your local machine so your environment is always up to date.

🚀 **What you’ll learn:**

* How to “Compare & Pull Request” after a branch push.
* The proper way to write PR titles and descriptions for your team.
* Reviewing code changes directly on GitHub.
* Merging the PR and deleting the feature branch like a pro.
* Using `git pull origin main` to sync your local project with the cloud.

**Subscribe to Beshilo Coding Academy to master professional coding workflows!** 🔔

—–

### **Timestamp Chapters**

* **0:00 – Locating the “Compare & Pull Request” Button**
* **0:15 – Writing a Professional Pull Request Title**
* **0:30 – Creating the PR & Checking for Merge Conflicts**
* **0:44 – The Admin View: Reviewing & Merging the Request**
* **1:02 – Confirming the Merge on GitHub**
* **1:18 – Verifying Merged Files in the Main Repository**
* **1:35 – Updating Your Local Machine with `git pull`**
* **1:58 – Final Sync: Confirming Everything is Up-to-Date**

—–

**Hashtags:**
#GitHub #PullRequest #GitTutorial #CodingWithTeams #BeshiloCodingAcademy #SoftwareDevelopment #Programming #WebDev #CodeReview

Uncategorized

How to Add Collaborators on GitHub (Step-by-Step Guide)

Working on a coding project with a friend or a team? You need to know how to share access! In this tutorial from **Beshilo Coding Academy**, we show you exactly how to add a collaborator to your GitHub repository so you can work together seamlessly.

We cover the entire process—from sending the invitation to accepting it via email—and even how to clone the repo from a second account. Stop emailing code back and forth and start using GitHub the professional way!

🚀 **What you’ll learn in this video:**

* Where to find the “Collaborators” setting in GitHub.
* How to verify your identity to grant access.
* The exact steps to invite someone by their username or email.
* How the collaborator accepts the invite via the GitHub Inbox or Email.
* Verifying access and cloning the project as a second developer.

**Don’t forget to SUBSCRIBE to Beshilo Coding Academy for more simplified coding tutorials!** 🔔

—–

### **Timestamp Chapters**

* **0:00 – Introduction to GitHub Collaboration**
* **0:15 – Navigating to Repository Settings**
* **0:33 – Finding the Collaborators Menu**
* **0:45 – Security Check: Verifying Your Email/Access**
* **1:01 – Inviting Your First Collaborator**
* **1:36 – How to Accept a GitHub Invitation (2 Ways)**
* **2:02 – Confirming Access & Removing Pending Status**
* **2:15 – Cloning the Shared Repo as a Second Developer**

**Hashtags:**
#GitHub #CodingCollaboration #GitTutorial #SoftwareDevelopment #BeshiloCodingAcademy #WebDev #ProgrammingTips #OpenSource

### ** Beshilo Coding Academy**

Since this video transitions from the “owner” view to the “collaborator” view, it’s a great piece of content to link in your other Git tutorials. If someone asks “How do I work with my friend?”, this is the perfect video to send them!

Uncategorized

How to Resolve Merge Conflicts on GitHub (The Easy Way)

Don’t panic when you see “This branch has conflicts that must be resolved”! In this tutorial from **Beshilo Coding Academy**, we simulate a real-world conflict where Developer 1 and Developer 2 both edit the `Home.js` file.

You’ll see exactly how GitHub detects these overlapping changes and walk through the step-by-step process of using the GitHub web editor to choose the right code, commit the resolution, and successfully merge your pull request.

🚀 **What you’ll learn:**

* **The Conflict Scenario:** Why and how merge conflicts occur in team projects.
* **Browser Authentication:** A quick refresher on authenticating your device for a secure push.
* **GitHub Conflict Resolver:** How to use the built-in tool to identify conflicting lines of code.
* **Manual Fixes:** Deciding which changes to keep and which to remove.
* **Finalizing the Merge:** Completing the merge once the conflict is resolved.

**Subscribe to Beshilo Coding Academy for more simplified coding tutorials!** 🔔

—–

### **Exact Timestamp Chapters**

* **0:00 – Introduction: The Developer 1 Perspective**
* **0:14 – Identifying Multiple Active Branches on GitHub**
* **0:34 – Simulating a Conflict: Editing Home.js in the Terminal**
* **1:01 – Pushing Changes & Browser Authentication Flow**
* **1:38 – Creating a Pull Request (PR) for the New Feature**
* **2:02 – ERROR: Detecting the Merge Conflict on GitHub**
* **2:14 – Step-by-Step: Using “Resolve Conflicts” Editor**
* **2:37 – Marking as Resolved & Completing the Merge**

#MergeConflict #GitHubTutorial #GitBash #CodingForBeginners #BeshiloCodingAcademy #WebDevelopment #ProgrammingTips #SoftwareEngineering #VersionControl

Uncategorized

How to Merge Branches in Git (Local Workflow Tutorial)

Confused about how to get your code from a feature branch into your main project? In this lesson from **Beshilo Coding Academy**, we master the `git merge` command.

We walk through the process of finishing work on a feature branch (like a Navigation bar or Footer), switching back to the `main` branch, and safely merging those changes locally before pushing to GitHub. I also show you how to handle the common issue of switching between different GitHub accounts on the same computer!

🚀 **In this video, you will learn:**

* How to check your active branch with `git branch`.
* The correct way to use `git switch main` to move between branches.
* Merging features locally using `git merge [branch-name]`.
* How to verify merged files using the `ls` command.
* Pushing the final merged code to your remote GitHub repository.
* **BONUS:** Managing multiple GitHub account credentials on one device.

**Subscribe to Beshilo Coding Academy for more simplified coding guides!** 🔔

—–

### **Timestamp Chapters**

* **0:00 – Pushing the Feature Branch to GitHub**
* **0:14 – Viewing Multiple Branches on GitHub**
* **0:28 – Understanding the “Compare & Pull Request” Prompt**
* **0:37 – How to Switch Branches Locally (`git switch main`)**
* **0:56 – Verifying Missing Files in the Main Branch**
* **1:11 – Returning to the Feature Branch to Check Work**
* **1:32 – The Merge Command: `git merge feature-nav`**
* **1:48 – Confirming the Merge with `ls` and Final Push**
* **2:10 – Switching GitHub Accounts & Clearing Credentials**

—–

**Hashtags:**
#GitMerge #GitHubTips #CodingTutorial #BeshiloCodingAcademy #WebDevelopment #Programming #VersionControl #GitBash #DevOps

Uncategorized

GitHub Branching Strategy: How to Work as a Second Developer

Ready to contribute to a team project? In this tutorial from **Beshilo Coding Academy**, we step into the shoes of “Developer 2.” Learn how to clone a repository you’ve been invited to, set up your own environment, and create feature branches to keep the main code safe.

We walk through the real-world workflow of creating a navigation and footer feature, committing those changes, and handling the “upstream” push to GitHub. This is essential for anyone working in a professional dev environment or collaborative student projects.

🚀 **What you’ll learn:**

* How to use `git clone` as a collaborator.
* Opening specific project folders in VS Code from the terminal.
* Creating and switching to feature branches with `git checkout -b`.
* Using `touch` to create new component files (nav, footer).
* Resolving the `git push` upstream error and linking local branches to remote ones.

**Don’t forget to SUBSCRIBE to Beshilo Coding Academy for more simplified coding tutorials!** 🔔

—–

### **Exact Timestamp Chapters**

* **0:00 – Cloning the Repository as Developer 2**
* **0:25 – Opening the Project in Visual Studio Code**
* **0:45 – Verifying Cloned Files (README & Home.js)**
* **1:00 – Creating a New Feature Branch (Navigation & Footer)**
* **1:13 – Creating New Project Files via Terminal**
* **1:37 – Adding Code to Navigation & Footer Components**
* **2:00 – The Git Commit Cycle: Add & Commit Changes**
* **2:09 – Fixing the “No Upstream Branch” Error during Push**
* **2:27 – Verifying Your New Branch on GitHub**

—–

### **Viral Hashtags & Search-Optimized Tags**

**Hashtags:**
#GitHub #GitTutorial #SoftwareEngineering #CodingTutorial #BeshiloCodingAcademy #WebDevelopment #Programming #GitBranch #VersionControl

Uncategorized

How to Push Code to GitHub for Beginners (2027)

Are you tired of “Permission Denied” errors or getting lost in the terminal? In this tutorial from **Beshilo Coding Academy**, we break down the EXACT steps professional developers use to manage their code on GitHub.

Whether you’re starting a new project or joining a team, mastering `git push` and `git clone` is your first step toward becoming a pro software engineer.

🔥 **Inside this video, we cover:**

* **The Magic Command:** How to use `git clone` to download any project instantly.
* **VS Code Shortcut:** Launch your project like a pro using the `code .` terminal command.
* **The “Holy Trinity” of Git:** A step-by-step walkthrough of `git add`, `git commit`, and `git push origin main`.
* **PRO FIX:** How to handle multiple GitHub accounts on one PC (Fixing authentication and credential errors!).
* **Collaboration 101:** Setting up your repo so other developers can join your project.

**Timestamps for Fast Learning:**
0:00 – How to use `git clone` correctly
0:27 – Opening projects in VS Code via Terminal (`code .`)
0:48 – Creating your first project files (`README.md` & `.js`)
1:03 – The 3-Step Push: Add, Commit, and Push to Main
1:20 – **CRITICAL:** Fixing “Two GitHub Accounts” Authentication Errors
1:55 – Signing in through the browser for secure access
2:26 – Inviting your second developer (Collaboration Start)

**Don’t forget to SUBSCRIBE to Beshilo Coding Academy for more simplified coding tutorials!** 🔔

#GitHub #GitTutorial #CodingForBeginners #WebDevelopment #Programming #SoftwareEngineering #BeshiloCodingAcademy #VSCode #GitBash #DevLife

Uncategorized

Git & GitHub Collaboration: Full Guide for Beginners

In this tutorial from Beshilo Coding Academy, we dive into Module 4: Agile Collaboration. Learn exactly how professional developers work together on the same project using Git and GitHub. We cover the entire workflow: sharing repositories, cloning, creating feature branches, pushing local changes, and handling pull requests with confidence.

**Key Topics & Timestamps:**

* 0:00 – Resolving Merge Conflicts in the Editor
* 0:13 – Verifying & Merging Pull Requests
* 0:40 – Resolving Branch Conflicts Step-by-Step
* 0:58 – Introduction to Agile Collaboration (Module 4)
* 1:20 – Real-World Scenario: 2 Developers, 1 Project
* 1:45 – How to Create a New GitHub Repository
* 2:20 – Cloning a Repository using Git Bash

**Hashtags:**
#GitHub #GitTutorial #CodingAcademy #WebDevelopment #Programming #SoftwareEngineering #GitBash #PullRequest

Uncategorized

How to Sync Local Git with GitHub: Resolving Diverged Branches

What happens when your GitHub repository is ahead of your local code? 🚀 In this tutorial, **Beshilo Coding Academy** teaches you how to master the “Syncing” process.

We demonstrate a real-world scenario where a file (like `login.js`) is modified directly on GitHub, and your local terminal thinks everything is “up-to-date.” We show you how to use `git pull` to fetch those remote changes and merge them into your local workspace so you never lose progress.

**What You’ll Master:**
✅ **The Sync Problem:** Why your terminal says “up-to-date” even when GitHub has new changes.
✅ **GitHub Web Editing:** Simulating team changes by modifying files directly in the browser.
✅ **The `git pull` Command:** How to download and merge remote data in one step.
✅ **Verifying History:** Using `git log –oneline` to see the new “Merge branch” commit.
✅ **Local Verification:** Confirming that your local files now match the remote repository.

—–

### **⏱️ CHAPTERS (Exact Timestamps)**

00:00 – Introduction to Git Collaboration & Syncing
00:15 – Scenario: Modifying a File Directly on GitHub (The Remote Change)
00:43 – The Conflict: Why Local Git Doesn’t See the New Change Yet
01:03 – Using `git pull` to Sync Your Local Machine with GitHub
01:25 – Understanding the Automatic Merge Commit
01:48 – Verifying Your Sync: Checking Files and Commit Logs
02:12 – Why this Workflow is Essential for Coding Teams
02:35 – Summary: Always Pull Before You Push!

—–

### **Resources & Links**

🔗 Git Pull Documentation: https://git-scm.com/docs/git-pull
🔗 GitHub Collaboration Guide: https://docs.github.com/en/get-started/quickstart/contributing-to-projects

**Essential Prerequisite Videos:**
📺 [Git Fetch vs. Git Pull: Understanding Remote Changes](https://studio.youtube.com/video/KSze7Soe3fA)
📺 [VS Code Merge Editor: How to Resolve Conflicts](https://studio.youtube.com/video/_fFcsQoQxqE)

—–

### **About Beshilo Coding Academy**

We build the bridge between solo coding and professional teamwork. Syncing your code is the most important habit a developer can have. Subscribe to master the tools the pros use!

#GitPull #GitHubCollaboration #CodingForBeginners #VersionControl #WebDevelopment #SoftwareEngineering #BeshiloCodingAcademy #GitTutorial #OpenSource #ProgrammingTips

Scroll to Top