|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/javascript-spielend-lernen-grundkurs-webseiten-scripting/
课程评论：没有评论
**JavaScript 玩转网页脚本基础课程** 本课程旨在帮助您入门JavaScript编程，并通过实际项目，使您的网页更具交互性和动态性。本入门课程无需任何编程基础，将以实践为导向，深入浅出地讲解JavaScript的核心概念。 **课程内容概览：** * **JavaScript与DOM入门：** 了解JavaScript如何在浏览器中运行，以及如何与HTML文档进行交互。 * **用户交互：** 学习处理用户输入、显示输出以及动态操作DOM。 * **变量与数据类型：** 掌握基本数据类型（字符串、数字、布尔值）的使用，以及如何在程序中存储值。 * **函数：** 通过创建可重用的函数和传递参数来组织代码。 * **条件与逻辑：** 使用`if`和`else`等控制结构进行逻辑判断。 * **数组与列表：** 学习使用数组存储多个值，并通过索引访问内容。 * **循环：** 利用`for`循环重复执行代码，例如遍历数组。 * **对象：** 介绍复合数据结构，并学习如何操作对象。 * **Promise与Async/Await：** **（高级概念）** 学习处理异步操作。 * **InnerHTML设置：** 学习渲染HTML元素。 * **LocalStorage：** 掌握数据的存储和加载。 * **Map：** 学习使用键值对的数据结构。 * **Knockout.js 与 Alpine JS：** **（现代库入门）** * 初步了解Knockout.js用于数据绑定的实用性。 * 学习现代UI库Alpine JS的基础。 * **ES/JS Modules：** 了解如何在JavaScript中实现模块化以及如何导入外部模块/包。 **课程实践项目：** * **猜数字游戏：** 结合DOM操作和用户输入响应，制作一个猜数字游戏。 * **方块捕捉游戏：** 使用HTML Canvas创建交互式游戏，包含移动和碰撞检测，展示动态逻辑、控制和动画。 * **虚拟加密货币交易：** 使玩家可以从互联网获取实时汇率，交易加密货币，并体验盈亏。 * **数字猜谜游戏：** （使用Knockout.js & Alpine JS）玩家尽量用少的次数猜中一个随机数，以此学习上述库的基础。 **为何选择本课程？** * **实践性强：** 每个主题都伴随小项目实践，即学即用。 * **循序渐进：** 提供清晰易懂的步骤和解释，化繁为简。 * **零基础友好：** 无需任何编程经验，从零开始细致讲解。 * **高效学习：** 在短时间内掌握Essential的JavaScript基础知识。 **课程适合人群：** * **编程初学者：** 对编程完全陌生者。 * **网页爱好者：** 希望为网页添加交互逻辑和处理用户操作的用户。 * **创意开发者：** 想要在网页上创建自定义游戏或交互式元素的任何人。
Du möchtest das Programmieren lernen und JavaScript einsetzen, um deine Webseiten interaktiver und dynamischer zu gestalten? Dann bist du hier genau richtig! In diesem Kurs lernst du die Grundlagen von JavaScript (ECMAScript) und vertiefst dein Wissen durch das Entwickeln kleiner Browser-Spiele. Der Kurs führt dich durch die wichtigsten Kernkonzepte von JavaScript, praxisnah und ohne komplizierte Theorie - ideal für den Einstieg.Was erwartet dich?Einführung in JavaScript und das DOM: Wie JavaScript im Browser funktioniert und mit HTML-Dokumenten interagiert.Benutzerinteraktionen: Verarbeitung von Eingaben, Anzeigen von Ausgaben, und dynamische Manipulation des DOM.Variablen und Datentypen: Umgang mit primitiven Datentypen (String, Number, Boolean) und wie man Werte im Programm speichert.Funktionen: Modularisierung des Codes durch wiederverwendbare Funktionen und Parameterübergabe.Bedingungen und Logik: Kontrollstrukturen wie if und else, um logische Entscheidungen zu treffen.Arrays und Listen: Datenstrukturen zum Speichern mehrerer Werte und Zugriff auf Inhalte mittels Index.Schleifen: Einsatz von for-Schleifen zur wiederholten Ausführung von Code, z.B. zum Durchlaufen von Arrays.Objekte: Einführung in zusammengesetzte Datenstrukturen und Arbeiten mit Objekten.Promise: Asynchrone Vorgänge abbildenAsync/Await: Vereinfachter Umgang mit Promise-basierten KonstruktenInnerHTML setzen: Rendern von HTML-ElementenLocalStorage: Speichern und Laden von DatenMap: Datenstruktur mit Key/ValueKnockout.js: Erste Schritte mit der nützlichen DataBinding-Bibliothek Alpine JS: Grundlagen der moderne UI-Bibliothek ES/JS Module: Wie man in JS Module implementiert und fremde Module/Pakete einbindet Projekte, die wir umsetzenRatespiel: Ein Matheratespiel, bei dem du das DOM manipulieren und auf Benutzereingaben reagieren wirst.Block-Fang-Spiel: Erstellung eines interaktiven Spiels auf HTML-Canvas mit Bewegung und Kollisionsabfrage - perfektes Beispiel für dynamische Logik, Kontrolle und Animation.Virtual Crypto Trader: Lass den Spieler mit aktuellen Kursen aus dem Internet Crypto Coins handeln und Gewinne oder Verluste erwirtschaften.Zahlenratespiel: Der Spieler muss eine zufällige Zahl mit möglichst wenig Versuchen erraten. Anhand dieses simplen Spiels werden wir die Grundlagen der Bibliotheken Knockout.js und Alpine JS erlernen.Warum dieser Kurs?Praktische Übungen: Jedes Thema wird direkt in einem kleinen Projekt umgesetzt, sodass du das Gelernte sofort anwenden kannst.Schritt-für-Schritt-Anleitungen: Verständliche Erklärungen, die auch komplexere Zusammenhänge einfach machen.Einsteigerfreundlich: Keine Programmierkenntnisse erforderlich; alle Grundlagen werden detailliert erklärt.Kompakte Wissensvermittlung: Die essenziellen JavaScript-Grundlagen in kurzer Zeit.Für wen ist dieser Kurs geeignet?Absolut Anfänger: Keine Programmierkenntnisse? Kein Problem - wir starten bei null.Web-Interessierte: Wer wissen will, wie man in Webseiten interaktive Logik einbaut und Benutzeraktionen verarbeitet, ist hier richtig.Kreative Coder: Ideal für alle, die anfangen wollen, eigene Spiele oder interaktive Elemente auf Webseiten zu gestalten.
