|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/html-css-javascript-frontend-spielend-mit-flappy-bird-game-lernen/
课程评论：没有评论
课程名称：通过制作 Flappy Bird 学习 HTML、CSS 和 JavaScript！ 课程概述：大家好！在这个课程中，我将向你展示如何用极少的努力和零基础知识编写一款你可能在童年时代就玩过的游戏：Flappy Bird。你是否曾想过如何创建动画？游戏结束的逻辑是如何工作的？碰撞逻辑又是怎样的？在这里，你将掌握这些内容以及其背后的概念。和传统的理论课程不同，课程从一开始就充满了互动和一个特别的最终项目，让你感到自豪。 除了这些，课程内容将以生动有趣的短单元形式，结合理论和实践，系统地教授 HTML（HTML5）、CSS（CSS3）和 JavaScript（ES6）等热门网页编程语言的基础知识。我将提供各种学习材料来巩固你的知识，包括测验、练习、知识来源、备忘单和可供尝试的代码片段。此外，我还会使用英文和德文术语，帮助你在这个国际化的行业中更好地沟通。 最棒的是，你将编写出可以自由使用的代码，这不仅可以用来玩自己的 Pong 游戏，还可以作为求职时的出色作品展示或赠送他人。一旦你理解了 Pong 游戏的逻辑，你可以利用这里创建的代码模板编程自己的游戏，甚至可以像我一样发布出来！正如所提到的，你不需要任何预先的知识，但即便你对 HTML、CSS 和 JavaScript 有一定了解，来刷新你的技能也是很有意义的。 在课程中，我将全程陪伴你进行必要的安装，鼓励你尝试，并分享我的个人经验，帮助你更好地掌握编程技能。那么，来吧！让我们在课程中见！你的 Sinah 具体学习内容包括： - HTML、CSS 和 JavaScript（按最新标准）的基本语法和结构 - 前端的重要程序和平台：CodePen、Visual Studio Code（包括扩展）、CodeCombat - 使用 HTML 进行内容组织和页面结构化（标题、多种文本段落、页脚、分隔线、换行等） - HTML 中的文本和图片处理 - HTML 的文本标记、无障碍性和技术兼容性 - CSS 中的颜色使用 - CSS 的特定性 - JavaScript 中的变量、关键字和数据类型 - JavaScript 中的运算符 - 数据结构：对象和数组 - JavaScript 中的函数（一般函数、方法、递归函数、回调函数、匿名函数和箭头函数、函数声明和表达式） - JavaScript 中的 If/Else 语句 - 循环和迭代：For 和 ForEach - JavaScript 中的事件（事件处理程序、事件监听器和事件目标） - “你好，世界”程序 - 文档对象模型（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: Flappy Bird. Hast du dich schonmal gefragt, wie man Animationen erstellt? Wie Gameover funktioniert oder Kollisionslogiken? All das lernst du hier kennen, genau wie die Konzepte dahinter. Statt eines trockenen, reinen Theoriekurses erwartet dich hier von Anfang an jede Menge Interaktivität und ein ganz besonderes Abschlussprojekt, dass dich stolz machen wird.Das ist aber längst nicht alles. In abwechslungsreichen, kurzen Einheiten aus Theorie und Praxis vermittle ich dir ein Grundverständnis der gefragten Websprachen HTML (HTML5), CSS (CSS3) und JavaScript (ES6) nach neuestem Standard. 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 zum Ausprobieren. 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 JavaScriptDatenstrukturen: Objekte und ArraysFunktionen 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 JavaScriptSchleifen und Iterationen: For und ForEachEvents in JavaScript (Eventhandler, Evenlistener, Eventtargets)Das 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
