|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/lets-play-programmiere-dein-game-lerne-javascript-css-und-html/
课程评论：没有评论
课程名称：基础HTML、CSS和JavaScript趣味学习 课程概述：欢迎参加本课程！在这里，我将教你如何在几乎没有先前知识的情况下，轻松编写一款你可能在童年时玩过的游戏：乒乓球游戏（Pong Game）。你是否曾想过如何创建动画？游戏结束的逻辑是什么？如何为游戏添加音乐？所有这些内容将在本课程中涵盖，同时也会介绍相关的基础概念。 课程内容将通过丰富而简短的理论与实践单元，帮助你掌握三种热门的网页开发语言：HTML（HTML5）、CSS（CSS3）和JavaScript（ES6）。每个部分都有丰富的学习资料，包括测验、练习、实用资源、备忘单和代码片段供你巩固知识。此外，课程中将同时使用德语和英语术语，这在这个国际化的行业中非常重要。 最棒的是，你将开发出一段可以自由使用的代码，不仅可以用来玩自己的乒乓球游戏，还可以作为求职时的独特展示项目，甚至可以分享给朋友。掌握乒乓球游戏的逻辑后，你可以基于这段代码模板开发自己的游戏，或许很快就能像我一样发布它们！此课程不需要任何先前知识，然而，如果你曾接触过HTML、CSS和JavaScript并希望刷新自己的技能，这个课程同样适合你。 无论是作为职业发展的起点，还是个人的娱乐项目，我都会尽力帮助你实现目标。即使你已经接近编程培训的开始，提前掌握的知识也会对你大有裨益。课程中我会引导你完成重要的安装步骤，鼓励你进行实验，并与大家分享我作为新手程序员的个人经验。 所以，勇敢一些，期待在课程中见到你！ 具体学习内容包括： - HTML、CSS和JavaScript的任务与构建（按照最新标准） - 前端重要程序与平台：CodePen、Visual Studio Code（包括插件）、CodeCombat - 使用HTML对内容进行分段和页面结构设定（标题、文本段落、页脚、分隔线、换行等） - 在HTML中使用文本和图像 - HTML中的文本标记、无障碍设计和技术兼容性 - CSS中的颜色 - CSS的特异性 - JavaScript中的变量、关键字和数据类型 - JavaScript中的运算符 - JavaScript中的函数（一般函数、方法、递归函数、回调函数、匿名函数和箭头函数/表达式） - JavaScript中的条件语句（If/Else） - JavaScript中的事件 - Hallo Welt程序 - 文档对象模型（DOM）及其操作 - Canvas元素 - 游戏开发：动画、游戏结束条件和胜利逻辑、添加音乐 - 编写你自己的浏览器游戏！ - 为初学者程序员提供的实用提示 加入我们，让我们一起来学习编程的乐趣吧！
Hallo! Hier zeige ich dir, wie du mit ganz wenig Aufwand und vor allem völlig ohne bisherige Vorkenntnisse ein Spiel programmierst, das du vielleicht noch aus deiner Kindheit kennst: Das Pong Game. Hast du dich schonmal gefragt, wie man Animationen erstellt? Wie Gameover funktioniert oder man dem Spiel Musik hinzufügt? All das lernst du hier kennen, genau wie die Konzepte dahinter.Das ist aber längst nicht alles. In abwechslungsreichen, kurzen Einheiten aus Theorie und Praxis vermittle ich dir ein Grundverständnis der drei gefragten Websprachen HTML (HTML5), CSS (CSS3) und JavaScript (ES6). Ich stelle dir in allen Abschnitten Material zur Verfügung, um dein Wissen zu verfestigen - ob in Form von Quizzen, Übungen, hilfreichen Quellen, Cheatsheets oder Code-Schnipseln. Außerdem verwende ich neben den deutschen Begriffen auch die englischen, was in einer so internationalen Branche wie dieser durchaus wichtig ist.Das Beste: Du wirst einen Code entwickeln, den du jederzeit frei benutzen kannst - nicht nur, um dein Pong Game selbst zu spielen, es als außergewöhnliches Vorzeigeprojekt bei der Jobsuche vorzuweisen oder zu verschenken. Denn: Hast du einmal die Logik des Pong Games verstanden, kannst du mit deiner hier erstellten Code-Vorlage auch deine eigenen Spiele programmieren. Und vielleicht wirst du sie sogar bald wie ich veröffentlichen! Wie erwähnt: Du brauchst für diesen Kurs keinerlei Vorkenntnisse. Er macht aber vielleicht auch dann Sinn für dich, wenn du schonmal mit HTML, CSS und JavaScript in Berührung gekommen bist und deine Kenntnisse gerne auffrischen willst. Gib vor deinen Freunden mit deinem eigenen Projekt an oder finde einfach heraus, ob Programmieren was für dich ist. Ob als Karriere-Kick oder Privatvergnügen: Ich tue mein Bestes, um dich deinem Ziel näher zu bringen. Und selbst, wenn du schon kurz vor Beginn einer Programmier-Ausbildung stehst, können ein paar Kenntnisse vorab nicht schaden, wie du sie hier erwirbst. Natürlich begleite ich dich auch durch alle für den Kurs wichtigen Installationen, lasse dich auch mal experimentieren und teile kurz meine persönlichen Erfahrungen als ehemals frischgebackene Programmiererin.Also: Trau dich und bis gleich im Kurs!Deine SinahKonkrete Lerninhalte:Aufgabe und Aufbau (Syntax) von HTML, CSS und JavaScript (nach aktuellem Standard)Wichtige Programme und Plattformen des Frontend: CodePen, Visual Studio Code (inkl. Erweiterungen), CodeCombatInhalte gliedern und Seiten strukturieren mit HTML (Überschriften, verschiedene Textpassagen, Fußzeilen, Trennlinien, Umbrüche...)Text und Bilder in HTMLTextauszeichnung, Barrierefreiheit und technische Kompatibilität in HTMLFarben in CSSSpezifität in CSS Variablen, Schlüsselwörter und Datentypen in JavaScriptOperatoren in JavaScriptFunktionen in JavaScript (Funktionen allg., Methoden, Rekursive Funktionen, Callback-Funktionen, Anonyme und Arrow-Funktionen/Lambda-Ausdrücke/Pfeilfunktionen, Funktionsdeklarationen und -ausdrücke)If/Else-Anweisungen in JavaScriptEvents in JavaScriptDas Hallo-Welt-ProgrammDas Document Object Model (DOM) und Dom ManipulationDas Canvas-Element Spieleentwicklung: Animationen, Abbruch-Bedingung und Gewinnlogik, Musik hinzufügen!Dein eigenes Browserspiel programmieren!Tipps aus erster Hand für angehende Programmierer*innen
