hakanyalcinkaya/kodluyoruz-frontend-101-egitimi

★ 10,958JavaScriptAudience · generalComplexity · 1/5Setup · easy

Mindmap

mindmap
  root((frontend-101))
    What it does
      Beginner course companion
      Turkish language
      YouTube and Udemy videos
    Topics covered
      HTML and CSS
      JavaScript basics
      Bootstrap styling
      Git and GitHub
    Tools
      VS Code
      Live Server
      Markdown
    Audience
      Turkish beginners
      New developers

mindmap root((frontend-101)) What it does Beginner course companion Turkish language YouTube and Udemy videos Topics covered HTML and CSS JavaScript basics Bootstrap styling Git and GitHub Tools VS Code Live Server Markdown Audience Turkish beginners New developers

Click or tap to explore — scroll the page freely

Things people build with this

USE CASE 1

Follow along with a structured front-end curriculum covering HTML, CSS, JavaScript, and Git basics in a logical order.

USE CASE 2

Use as a reference point while watching the companion YouTube or Udemy video lessons.

USE CASE 3

Find recommended VS Code extensions like Live Server to preview your HTML pages as you code.

Tech stack

HTMLCSSJavaScriptBootstrapGit

Getting it running

Difficulty · easy Time to first run · 5min

In plain English

This repository is the companion code and resource collection for a beginner-level front-end development video course created by Hakan Yalcinkaya for Kodluyoruz, a Turkish coding education platform. It is aimed at people who are just starting out in software development and want to build a foundation before moving on to more advanced tools or frameworks. The course covers the building blocks of web development in a structured order. Students start with roadmap planning, then move through setting up their development environment, learning to use Visual Studio Code, and working with HTML and CSS for page structure and styling. Bootstrap is introduced as a way to apply ready-made visual styles without writing everything from scratch. Git and GitHub are covered as tools for saving and tracking code changes. JavaScript rounds out the curriculum with beginner-level programming concepts. The repository also includes a short section on Markdown, the plain-text formatting system used in README files and documentation. A few VS Code extensions are listed that the course recommends, including Live Server for previewing pages in a browser as you code. The README is written in Turkish, reflecting the course's intended audience of Turkish-speaking beginners. Contributors are welcome to add supplementary links or additional code examples to any section, and their names appear in the contributors list on GitHub. If you are looking for the video lessons themselves, they are hosted on YouTube and Udemy rather than in this repository. The repository mainly serves as a reference point, a place to follow along, and a community hub for students taking the course.

Copy-paste prompts

Prompt 1

I'm a Turkish-speaking beginner following the Kodluyoruz frontend 101 course. Help me understand how CSS Flexbox works with a simple example I can try in my browser right now.

Prompt 2

I just finished the HTML and CSS section of Kodluyoruz frontend 101. Help me build a simple responsive webpage using Bootstrap's grid system.

Prompt 3

I learned Git basics from the Kodluyoruz course. Walk me through creating a GitHub repo for my first HTML project and making my first commit step by step.

Prompt 4

I'm at the JavaScript section of Kodluyoruz frontend 101. Explain what a function is in plain terms and show me a small example I can test in the browser console.

Prompt 5

What does the Live Server VS Code extension do and why does the Kodluyoruz course recommend it for beginners learning HTML?

Open on GitHub → Explain another repo

← hakanyalcinkaya on gitmyhub — every repo by this author, as a profile.

Verify against the repo before relying on details.