Code Monkey home page Code Monkey logo

miusarname / taller-basico Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 18 KB

This short workshop on Object Oriented Programming (OOP) in JavaScript was proposed at Campuslands. Designed to provide a solid understanding of OOP principles, this workshop highlights my ability to facilitate effective and structured learning, preparing participants to apply these concepts in practical projects. 🎓💻 #WorkshopPOOJavaScriptCampusl

JavaScript 82.32% HTML 7.84% CSS 9.84%
javascript learning workshop

taller-basico's Introduction

English

Game - Daily Life

This is a simulation game of daily life with different levels and interactive activities. The provided code includes several classes that represent different entities and objects within the game, such as people, animals, geometric figures, vehicles, employees, and managers. Each class has its own methods and properties that define its behavior and characteristics.

Classes and Functionalities

The code includes various classes representing different entities and objects within the game. Each class has its methods and properties defining behavior and characteristics.

Events and Changes in the HTML Document

JavaScript events are used to handle user interactions with the HTML interface. These events include actions such as greeting a character, asking about the profession, verifying if the character is of legal age, and calculating areas.

There are also events that dynamically change the HTML document's content to simulate different game scenarios, such as going outside, accelerating a vehicle, viewing speed in miles, and returning home.

CSS Style

A CSS file is provided to format and style the HTML content of the game. This includes styles for buttons, containers, images, and visual effects.

Included Files

  • App.js: Contains the JavaScript code that controls the game's logic and handles interaction events.
  • style.css: Defines the styles and visual appearance of HTML elements in the game.
  • index.html: The main file that structures the game's user interface and loads necessary scripts and styles.

The game offers an interactive experience where players can interact with characters, perform activities, and explore different scenarios. Have fun playing!

Japanese

ゲーム - デイリーライフ

これは、さまざまなレベルとインタラクティブなアクティビティを備えた日常生活のシミュレーションゲームです。提供されたコードには、人、動物、幾何学的図形、乗り物、従業員、およびマネージャーなど、ゲーム内のさまざまなエンティティやオブジェクトを表すいくつかのクラスが含まれています。各クラスには、その動作と特性を定義するメソッドとプロパティがあります。

クラスと機能

コードには、ゲーム内のさまざまなエンティティとオブジェクトを表すさまざまなクラスが含まれています。各クラスには、動作と特性を定義するメソッドとプロパティがあります。

イベントとHTMLドキュメントの変更

JavaScriptのイベントを使用して、ユーザーがHTMLインターフェイスと対話する方法を処理します。これらのイベントには、キャラクターに挨拶する、職業について尋ねる、キャラクターが法的年齢であるかどうかを確認する、およびエリアを計算するなどのアクションが含まれます。

また、異なるゲームシナリオをシミュレートするためにHTMLドキュメントのコンテンツを動的に変更するイベントもあります。これには、外に出る、車を加速させる、マイルで速度を表示する、家に戻るなどが含まれます。

CSSスタイル

CSSファイルが提供され、ゲームのHTMLコンテンツをフォーマットおよびスタイル設定します。これには、ボタン、コンテナ、画像、ビジュアルエフェクトなどのスタイルが含まれます。

含まれるファイル

  • App.js:ゲームのロジックを制御し、インタラクションイベントを処理するJavaScriptコードが含まれています。
  • style.css:ゲームのHTML要素のスタイルと外観を定義します。
  • index.html:ゲームのユーザーインターフェイスを構造化し、必要なスクリプトとスタイルを読み込むメインファイルです。

このゲームでは、プレイヤーはキャラクターと対話したり、アクティビティを実行したり、さまざまなシナリオを探索したりできるインタラクティブな体験を提供します。楽しんでください!

Chinese

游戏 - 日常生活

这是一个具有不同级别和交互式活动的日常生活模拟游戏。提供的代码包括几个类,代表游戏中的不同实体和对象,如人物、动物、几何图形、车辆、员工和经理。每个类都有自己的方法和属性,定义了其行为和特征。

类和功能

代码包括表示游戏中不同实体和对象的各种类。每个类都有其方法和属性,定义了行为和特性。

事件和HTML文档中的更改

使用JavaScript事件处理用户与HTML界面的交互。这些事件包括行动,如向角色问候、询问职业、验证角色是否已成年以及计算区域。

还有一些事件,动态更改HTML文档的内容,模拟不同的游戏场景,如走出去、加速车辆、以英里/小时查看速度和返回家等。

CSS样式

提供了一个CSS文件,用于格式化和设计游戏的HTML内容。这包括按钮、容器、图像和视觉效果的样式。

包括的文件

  • App.js:包含控制游戏逻辑并处理交互事件的JavaScript代码。
  • style.css:定义游戏HTML元素的样式和视觉外观。

index.html:主要文件,用于结构化游戏的用户界面并加载必要的脚本和样式。

该游戏提供了一个互动体验,玩家可以与角色交互,执行活动并探索不同的场景。祝您玩得开心!

taller-basico's People

Contributors

miusarname avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.