آموزش مفاهیم پایه HTML، CSS و JavaScript به روش بازی: بازی مرورگر خودت را بساز! - آخرین آپدیت

Lessons Lessons

• سلام و خوش آمدید! :) Hallo und willkommen! :)

• مقایسه ۳ زبان: آنالوگی بدن انسان Vergleich der 3 Sprachen: Die Körper-Analogie

• پلتفرم CodePen: نگاهی کوتاه و تمرین با قطعه‌کدهای عملی Die Plattform CodePen: Kurzer Einblick & Übung mit Code-Schnipsel (Pen) in Aktion

• مقدمه بخش نکات و ترفندها Intro zum Abschnitt mit Tipps & Tricks

• HTML (بخش ۱): ساختاردهی متن (تیترها، پاراگراف‌ها، پاورقی‌ها) HTML (Teil 1): Text strukturieren (Überschriften, Textabschnitte, Fußnoten)

• HTML (بخش ۲): اجزای سازنده HTML: المنت‌ها و تگ‌ها HTML (Teil 2): Die HTML-Grundbausteine: Elemente und Tags

• HTML (بخش ۳): تأکیدهای متنی برای صفحه‌خوان‌ها و دسترسی‌پذیری در HTML HTML (Teil 3): Textbetonungen für Screenreader und Barrierefreiheit in HTML

• HTML (بخش ۴): جمع‌بندی HTML HTML (Teil 4): Zusammenfassung HTML

• CSS (بخش ۱): انتخابگرها، قوانین و مقادیر CSS (Teil 1): Selektoren, Regeln, Werte

• CSS (بخش ۲): نحوه تعیین مقادیر رنگ در CSS CSS (Teil 2): Farbwerte Farbwerte in CSS angeben

• CSS (بخش ۳): Specificity و بازنویسی مقادیر در CSS CSS (Teil 3): Spezifität und Werte überschreiben in CSS

• JavaScript (بخش ۱): متغیرها: تعریف و مقداردهی اولیه JavaScript (Teil 1): Variablen: Deklaration und Initialisierung

• JavaScript: کلمات کلیدی (keywords) JavaScript: Schlüsselwörter (keywords)

• JavaScript: متغیرها و قراردادهای نام‌گذاری JavaScript: Variablen und Namenskonventionen

• JavaScript: مقادیر متغیرها و انواع داده‌ها JavaScript: Variablenwerte und Datentypen

• JavaScript: عملگرها: ۱. عملگرهای انتساب JavaScript: Die Operatoren: I. Zuweisungsoperatoren

• JavaScript: عملگرها: ۲. عملگرهای مقایسه‌ای JavaScript: Die Operatoren. II. Vergleichsoperatoren

• JavaScript: عملگرها: ۳. عملگرهای منطقی JavaScript: Die Operatoren: III. Logische Operatoren

• JavaScript: توابع به طور کلی (بخش ۱) JavaScript: Funktionen allgemein (Teil 1)

• JavaScript: توابع به طور کلی (بخش ۲) JavaScript: Funktionen allgemein (Teil 2)

• JavaScript: متدها (توابع وابسته به شیء) JavaScript: Methoden (objektgebundene) Funktionen

• JavaScript: رویدادها: Event Handler، Event Target و Event Listener JavaScript: Events: Event Handler, Event Targets und Event Listener

• JavaScript: تمرین: برنامه Hello World شما JavaScript: Übung: Dein Hello-World-Programm

• مقدمه: چرا توسعه بازی اینقدر جذاب است! Intro: Das ist so toll an der Spieleentwicklung!

• CodeCombat: یادگیری کدنویسی به روش بازی CodeCombat: Spielerisch das Coden lernen

• بازی Pong: بازی ما قرار است چگونه باشد! Das Pong Game: So wird unser Spiel aussehen!

• مدل شیء سند (DOM - Document Object Model) Das Document Object Model (DOM, engl. für Dokumenten-Objekt-Modell)

• نصب Visual Studio Code (VSCode) Installation von Visual Studio Code (kurz: VSCode)

• فعال‌سازی ذخیره خودکار (Auto Save) در VSCode Automatisches Speichern (Auto Save) in VSCode

• ساختاردهی پروژه در VSCode Dein Projekt in VSCode strukturieren

• نکته‌ای درباره باز کردن (دستی) پروژه Hinweis zum (manuellen) Öffnen deines Projekts

• فایل HTML (بخش ۱): المنت Head Die HTML-Datei (Teil 1): Das Head-Element

• افزودن Live Server (افزونه/Extension) Live Server (Erweiterung/Extension) hinzufügen

• فایل HTML (بخش ۲): المنت Body Die HTML-Datei (Teil 2): Das Body-Element

• المنت Canvas (بخش ۱): رسم اشکال Das Canvas-Element (Teil 1): Formen zeichnen

• المنت Canvas (بخش ۲): رسم اشکال Das Canvas-Element (Teil 2): Formen zeichnen

• المنت Canvas (بخش ۳): رسم اشکال Das Canvas-Element (Teil 3): Formen zeichnen

• المنت Canvas (بخش ۴): رسم اشکال Das Canvas-Element (Teil 4): Formen zeichnen

• توابع بازگشتی، Callbackها و دستورات If/Else (بخش ۱) Rekursive Funktionen, Callback-Funktionen und If/Else-Anweisungen (Teil 1)

• توابع بازگشتی، Callbackها و دستورات If/Else (بخش ۲) Rekursive Funktionen, Callback-Funktionen und If/Else-Anweisungen (Teil 2)

• تعریف تابع در مقابل عبارت تابعی؛ توابع ناشناس و Arrow Function (بخش ۱) Function declaration vs. expression; Anonyme Funktion, Pfeilfunktion (Teil 1)

• تعریف تابع در مقابل عبارت تابعی؛ توابع ناشناس و Arrow Function (بخش ۲) Function declaration vs. expression; Anonyme Funktion, Pfeilfunktion (Teil 2)

• بخش ۱.۱: فایل JavaScript Teil 1.1. Die JavaScript-Datei

• بخش ۱.۲: فایل JavaScript 1.2. Die JavaScript-Datei

• بخش ۱.۳: فایل JavaScript 1.3. Die JavaScript-Datei

• بخش ۲.۱: فایل JavaScript Teil 2.1. Die JavaScript-Datei

• بخش ۲.۲: فایل JavaScript 2.2. Die JavaScript-Datei

• بخش ۲.۳: فایل JavaScript 2.3. Die JavaScript-Datei

• بخش ۳.۱: فایل JavaScript Teil 3.1. Die JavaScript-Datei

• بخش ۳.۲: فایل JavaScript 3.2. Die JavaScript-Datei

• بخش ۴.۱: فایل JavaScript Teil 4.1. Die JavaScript-Datei

• بخش ۴.۲: فایل JavaScript Teil 4.2. Die JavaScript-Datei

• بخش ۴.۳: فایل JavaScript Teil 4.3. Die JavaScript-Datei

• بونوس: موسیقی (و سایر افکت‌های ویژه) BONUS: Musik (und andere Special Effects)

• نکات: آنچه به عنوان یک برنامه‌نویس تازه‌کار به آن نیاز دارید Tipps: Was du als angehender*r Programmierer*in gebrauchen kannst