Uncategorized

How to Push Code to GitHub: Local to Remote Repository Guide

Go live with your code! 🚀 In this tutorial, **Beshilo Coding Academy** shows you the exact steps to connect your local Git project to a remote GitHub repository.

We break down the “Three Pillars” of the Git workflow: the Working Directory, the Staging Area, and the Repository. Whether you’re creating a public portfolio or a private project, this guide ensures your code is safely backed up on the cloud.

**What You’ll Master:**
✅ **The Git Workflow:** Understanding the “Packaging” (Staging) step vs. the Working Area.
✅ **GitHub Setup:** How to create a new Public or Private repository.
✅ **The Initial Push:** Using `git init`, `git add`, and `git commit` for the first time.
✅ **Branch Management:** Setting your main branch with `git branch -M main`.
✅ **Remote Connection:** Linking your local PC to GitHub with `git remote add origin`.
✅ **Pushing Code:** Finalizing your upload with `git push -u origin main`.

—–

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

00:00 – The 3 Stages: Working Area, Staging Area, and Repository
00:17 – Understanding the “Packaging” Step (Staging Area)
00:43 – Creating a New GitHub Repository (Public vs. Private)
01:25 – How to Use the `README.md` Command
01:52 – Your First Commit: Saving Your Progress Locally
02:02 – Renaming Your Main Branch for GitHub Compatibility
02:12 – Connecting Local Git to Your Remote GitHub Link
02:24 – `git push`: How to Upload Your Code for the First Time
02:35 – Summary: What to Use for Existing Projects

—–

### **Resources & Links**

🔗 Create a GitHub Repo: https://github.com/new
🔗 Git Documentation: https://git-scm.com/doc

**Next Level Tutorials:**
📺 [Git & GitHub Full Course for Beginners | Zero to Hero](https://studio.youtube.com/video/T_Js1IIOhUs)
📺 [Introduction to TypeScript Modules](https://studio.youtube.com/video/LIkTf8Palik)

—–

### **About Beshilo Coding Academy**

We turn complicated workflows into simple steps. From your first line of code to your first production deployment, we’ve got you covered. Subscribe for more professional developer tutorials!

#GitHub #Git #CodingForBeginners #GitPush #WebDevelopment #SoftwareEngineering #BeshiloCodingAcademy #VersionControl #ProgrammingTutorial #GitTutorial

Uncategorized

Git Basics: How to Initialize a Repository & Add Files (Step-by-Step)

Take control of your local projects with Git! 🚀 In this lesson, **Beshilo Coding Academy** explains how to turn any local folder into a Git repository and why the “hidden” `.git` folder is the most important part of your project.

We also tackle common Windows view issues—like missing file extensions and hidden items—to ensure your development environment is set up exactly like a pro’s.

**What You’ll Learn:**
✅ **Environment Setup:** Enabling file name extensions and hidden items in Windows.
✅ **Repository Initialization:** Using `git init` to start tracking your project.
✅ **File Management:** Deleting files via terminal using `rm -rf` and creating them with `touch`.
✅ **The Staging Area:** The difference between adding single files and using `git add .` to stage everything at once.
✅ **Project Structure:** Organizing folders for HTML, JavaScript, and Python.

—–

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

00:00 – Managing HTML & CSS Files via Terminal
00:10 – Pro Tip: How to Enable File Name Extensions in Windows
00:20 – `rm -rf`: How to Delete Files via Command Line
00:40 – Navigating Directories: `cd ..` and Manual Deletion
01:03 – `git init`: Initializing Your Local Git Repository
01:10 – Understanding the Hidden `.git` Folder (History & Branches)
01:23 – Fix: How to See Hidden Items/Folders in Your Project
01:45 – Creating a Project Structure (Folders & Multiple File Types)
02:12 – `git add .` vs. Single File Staging: Preparing for Commit

—–

### **Resources & Links**

🔗 Download Git: https://git-scm.com/downloads
🔗 VS Code (Recommended Editor): https://code.visualstudio.com/

**Continue Your Journey:**
📺 [Basic Terminal Commands Every Developer Must Know](https://studio.youtube.com/video/msEmZS__O84)
📺 [Git & GitHub Full Course for Beginners | Zero to Hero](https://studio.youtube.com/video/T_Js1IIOhUs)

—–

### **About Beshilo Coding Academy**

We specialize in making the “scary” parts of coding simple. From terminal basics to advanced version control, we provide the roadmap you need to succeed. Subscribe for more expert dev tips!

#GitTutorial #CodingForBeginners #VersionControl #WebDevelopment #SoftwareEngineering #GitInit #TerminalCommands #BeshiloCodingAcademy #ProgrammingRoadmap #TechTips

Uncategorized

Basic Terminal Commands Every Developer Must Know (mkdir, cd, touch, ls)

Stop relying on your mouse! 🚀 In this tutorial, **Beshilo Coding Academy** teaches you how to navigate your computer and manage projects like a pro using the terminal.

Knowing how to create, delete, and move between folders using commands is a fundamental skill for any software engineer or web developer. We break down the most common commands you’ll use every single day in your coding journey.

**What You’ll Master:**
✅ **Navigation:** Using `pwd` to find your location and `cd` to move between directories.
✅ **Folder Management:** Creating multiple folders at once with `mkdir`.
✅ **File Creation:** Using the `touch` command to instantly create HTML and CSS files.
✅ **File Visibility:** Using `ls` to list all contents and verifying file extensions.
✅ **Cleanup:** How to clear your terminal view and back out of folders.

—–

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

00:00 – Introduction to Terminal Basics
00:12 – `pwd`: How to Check Your Current Working Directory
00:21 – `ls`: Listing All Files and Folders
00:29 – `mkdir`: Creating New Folders & Directories
00:46 – `cd`: Navigating Into and Out of Folders
01:05 – `touch`: How to Create HTML & CSS Files via Terminal
01:21 – Moving Backwards: Using `cd ..` to Step Back
01:57 – `clear`: How to Clean Up Your Terminal Interface
02:18 – Verifying File Extensions and Project Structure

—–

### **Resources & Links**

🔗 Download Git Bash (Recommended Terminal): https://git-scm.com/downloads

**Complete Your Setup:**
📺 [How to Install Git & Create a GitHub Account | Complete Beginner Guide](https://studio.youtube.com/video/UqCRxrO9y-Y)
📺 [Git & GitHub Full Course for Beginners | Zero to Hero](https://studio.youtube.com/video/T_Js1IIOhUs)

—–

### **About Beshilo Coding Academy**

We help aspiring developers bridge the gap between “Hello World” and professional engineering. Subscribe for more deep dives into terminal mastery, web development, and coding best practices!

#TerminalCommands #CodingForBeginners #WebDevelopment #ProgrammingTutorial #CLI #SoftwareEngineering #BeshiloCodingAcademy #CommandPrompt #GitBash #LearnToCode

Uncategorized

How to Create a GitHub Account & Essential Git Commands (2026 Guide)

Ready to start your journey with GitHub? 🚀 In this video, **Beshilo Coding Academy** walks you through the essential first steps of using GitHub and Git like a professional.

We don’t just stop at account creation; we dive into how to manage your profile, how to safely delete repositories you no longer need, and the “must-know” terminal commands to configure your local Git environment.

**What You’ll Learn:**
✅ **Account Setup:** Choosing a professional username and verifying your identity.
✅ **Repo Management:** Navigating your profile and deleting existing repositories.
✅ **Git Configuration:** Setting up your global username and email via the terminal.
✅ **Essential Commands:** Using `pwd`, `clear`, and `git config` to manage your workflow.

—–

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

00:00 – Creating Your GitHub Account & Choosing a Username
00:25 – Verifying Your Gmail & Initial Access
00:46 – Navigating the GitHub UI: Profile & Repositories
01:21 – Step-by-Step: How to Safely Delete a GitHub Repository
01:52 – Configuring Git: Setting Your Global Username & Email
02:15 – Verifying Your Configuration with `git config –list`
02:24 – Essential Terminal Commands: `pwd` & `clear` Explained

—–

### **Resources & Links**

🔗 Official GitHub Sign-up: https://github.com/join
🔗 Git Download: https://git-scm.com/downloads

**Recommended for Beginners:**
📺 [How to Install Git & Create a GitHub Account | Complete Beginner Guide](https://studio.youtube.com/video/UqCRxrO9y-Y)
📺 [Git & GitHub Full Course for Beginners | Zero to Hero](https://studio.youtube.com/video/T_Js1IIOhUs)

—–

### **About Beshilo Coding Academy**

Our goal is to simplify the technical world for aspiring developers. From your first Git command to deploying full-stack apps, we’re here to help you grow. Subscribe for more coding tutorials!

#GitHub #Git #CodingForBeginners #WebDevelopment #ProgrammingTutorial #GitHubTutorial #SoftwareEngineering #BeshiloCodingAcademy #TerminalCommands #VersionControl

Uncategorized

TypeScript Setup Guide 2027: Node.js, tsconfig.json, tsc & tsx

Master the modern, professional TypeScript development setup. This guide walks you step-by-step through configuring a production-ready TypeScript environment from scratch using Node.js, npm, and industry-standard tools.

Learn how to configure `tsconfig.json` for strict type checking, master the TypeScript compiler (`tsc`) build process, execute code seamlessly with `tsx`, automate workflows using custom npm scripts, and set up Git/GitHub version control.

💻 **Source Code & Resources:**

* **GitHub Repository:** [https://github.com/Haile1221/Typescript-Tutorial-module-1]
* **Official Website:** [https://h-digitalbusiness.com]

⏱️ **TIMESTAMPS & CHAPTERS**

00:00 — Introduction & Module Overview
01:20 — Essential Development Tools (VS Code, Node.js, tsc, tsx)
02:08 — Project Initialization & Node.js Setup (`npm init -y`)
07:02 — Installing & Verifying TypeScript
09:38 — Configuring `tsconfig.json` (`rootDir`, `outDir`, Strict Mode)
12:40 — Writing Your First TypeScript Program
14:32 — ESM & ES Modules Support (`”type”: “module”`)
15:40 — Development Utilities: Direct Execution with `tsx` & `rimraf`
17:16 — Compilation & Build Workflow (`tsc` vs `tsx`)
21:12 — Setting Up Professional npm Scripts (`build`, `clean`, `start`)
23:08 — Practical Type Checking & Bug Prevention
27:27 — Git Version Control & GitHub Setup
30:54 — Module Wrap-Up & Next Steps

📚 **WHAT YOU WILL LEARN**

* Initializing clean Node.js & TypeScript project architectures
* Configuring `tsconfig.json` to manage `src` (source) and `dist` (build output)
* Comparing rapid development execution (`tsx`) against compilation (`tsc`)
* Automating project workflows via custom `package.json` scripts
* Implementing static type checking to eliminate runtime errors
* Setting up `.gitignore` best practices to keep repositories clean

🌐 **CONNECT & COMMUNITY**

* **Telegram Channel:** [https://t.me/beshilocodingacademy]
* **GitHub Profile:** [https://github.com/Haile1221]
* **Subscribe on YouTube:** [https://www.youtube.com/@BeshiloCodingAcademy]

💬 **COMMUNITY DISCUSSION:**

#TypeScript #JavaScript #NodeJS #WebDevelopment #SoftwareEngineering #Git #GitHub #BeshiloCodingAcademy

Uncategorized

Why You MUST Learn TypeScript in 2027 (JS vs TS Explained)

Are you still writing plain JavaScript and battling unexpected runtime errors? In Module 0 of the TypeScript Masterclass, we dive deep into why modern full-stack developers and top tech companies are transitioning from JavaScript to TypeScript.

Learn what TypeScript is, why it exists, how static typing works under the hood, and how the TypeScript Compiler (tsc) protects your code before it ever reaches production.

📌 **Course Resources & Links**
💻 **GitHub Source Code & Notes:** [https://github.com/Haile1221/Typescript-Tutorial-module-1]

🌐 **Official Website:** [https://h-digitalbusiness.com]

📚 **Full TypeScript Course Playlist:** [https://www.youtube.com/playlist?list=PL_BeshiloCodingAcademy_TypeScript]

⏱️ **Video Chapters**
00:00 – Introduction: The Transition from JavaScript to TypeScript
02:08 – JavaScript vs. TypeScript: The Flexibility Trap
03:42 – What is TypeScript? (JavaScript + Static Typing)
05:53 – Key Differences: Finding Errors Before Runtime
06:36 – Technical Deep Dive: Dynamic vs. Static Typing
09:04 – Case Study: Function Parameters & Type Safety
10:34 – Industry Standard: Top Leaders Powered by TypeScript
11:56 – Problems TypeScript Solves & Core Benefits
12:25 – How it Works: The TypeScript Compiler (TSC)
13:31 – TypeScript in the Real World: Front-end & Back-end
14:45 – What’s Next: Environment & Project Setup Preview

🌐 **Connect & Follow Beshilo Coding Academy**
https://www.youtube.com/@BeshiloCodingAcademy?sub_confirmation=1]—

🔔 **Subscribe to Beshilo Coding Academy** for project-based full-stack web development, TypeScript, React, Node.js, and cloud application tutorials!

#TypeScript #JavaScript #WebDevelopment #BeshiloCodingAcademy #TypeScriptCourse #Frontend #Backend #FullStack

Scroll to Top