日本語
ログイン

子供向けの Web デザインとゲーム: HTML、CSS、JS を使用してアイデアを実現しましょう。

クラス
再生
8~13 歳のお子様を対象としたダイナミックな Web 開発コースに参加して、キャラクターのアニメーション化や Web ゲームの作成などの楽しいプロジェクトを通じて HTML、CSS、JavaScript を学びましょう。
この文章は自動翻訳されています

このクラスで学べること

英語レベル - 不明
米国の学年 4 - 7
Beginner レベル向け
10 lessons//5 Weeks
 Week 1
Lesson 1
Setup and Preparation
Introduction to HTML, CSS, and JavaScript. Set up and explore the coding environment. Use the browser inspector to explore the HTML of different websites.
Lesson 2
HTML Basics
Building the foundation of webpages. Learn the basics of HTML, including the structure and use of entry-level tags. Create a simple webpage.
 Week 2
Lesson 3
CSS Basics
Styling your webpages. Introduction to CSS and how it can be used to style HTML elements. Apply classes and IDs to style the webpage created in the previous lesson.
Lesson 4
Creating Animated Characters - Bunny Project
Bringing a bunny to life. Use CSS and basic JavaScript to create and animate a bunny character.
 Week 3
Lesson 5
Creating Animated Characters - Dinosaur Project
Bringing a dinosaur to life. Use CSS and basic JavaScript to create and animate a dinosaur character that breathes fire.
Lesson 6
Advanced CSS Styling
Enhancing webpage aesthetics. Learn about advanced CSS styling, including different fonts and formatting techniques. Apply advanced CSS styles to improve the design of the webpage.
 Week 4
Lesson 7
CSS Page Layout
Designing webpage layouts. Explore CSS layout techniques, including positioning, margins, padding, and borders. Design the layout of a website.
Lesson 8
Personal Website Development
Building your own website. Use HTML, CSS, and basic JavaScript to build a personal website. Construct a multi-page website to showcase projects and ideas.
 Week 5
Lesson 9
Web Game Development
Making interactive games. Learn to develop a basic web game where characters respond to keyboard inputs. Create a game where characters move based on keyboard inputs or mouse movements, using JavaScript.
Lesson 10
Final Project Presentation
Showcase your creativity. Review course concepts and allow students to present their final projects. Students share their final projects, receive feedback, and celebrate their accomplishments.
このクラスは 英語で教えられます。
  • Learn the basics of HTML, CSS, and JavaScript: Understand how to create and style web pages and add interactivity.
  • Develop animated characters and personal websites: Use HTML and CSS to create animated characters like bunnies and dinosaurs, and build a personal website to showcase projects.
  • Create interactive web games: Learn to develop web games where characters respond to keyboard and mouse inputs using JavaScript.
I have over 12 years of coding experience and hold a B.A. in Interactive Media and Design with a specialization in Audio Engineering from Living Arts College. I have worked professionally as a designer, web developer, and currently as a UX Developer. Additionally, I am currently building my own VR game, combining my expertise in web development and interactive media.
授業以外に週あたり 0 - 1 時間の学習が期待されます
Homework
頻度: 含まれる
フィードバック: 含まれる
詳細:
Certificate of Completion
頻度: 含まれる
詳細:
Structured Lessons: Lessons are broken down into manageable, clearly defined sections to maintain focus.

Interactive Activities: Engaging, hands-on projects that involve active participation to keep students involved.

Frequent Breaks...
There are no prerequisite requirements for this class. It is designed for beginners, so no previous classes or coding experience is necessary. All you need is curiosity, creativity, and a willingness to learn! We will start from the basics.
このクラスでは、Outschool内のクラスルームに加えて、以下を使用します。
This class does not include any content that is upsetting, scary, or requires special safety precautions. All activities are designed to be age-appropriate and engaging for learners aged 9-13.

Parental Guidance:
In this class, we will use Tynker for coding practice and project work. Tynker is a COPPA-compliant platform, ensuring safety for learners under 13. To get started, students will need to visit tynker.com/classcode and paste in the class code that I will share with them upon signing up for the class. Parental supervision is recommended to assist with account creation and ensure privacy and security.

Steps to Get Started on Tynker:

Visit Tynker Class Code Page: Go to tynker.com/classcode.
Enter Class Code: Paste in the class code provided to you upon sign-up.
Create Account: Follow the prompts to create an account. Parents should help with this process to ensure the information is entered correctly and privacy settings are properly configured.
By following these steps, students can safely and securely join our coding class and start their learning journey with Tynker. If you have any questions or need further assistance, feel free to reach out to me or consult Tynker’s support page for more information.
Visit Tynker Class Code Page: Go to tynker.com/classcode.
Enter Class Code: Paste in the class code provided to you upon sign-up.
参加しました July, 2024
プロフィール
教師の専門知識と資格
Hey guys. I'm a Web Developer living in Raleigh NC. I will be teaching coding classes for children of all ages. I'm currently a UX Developer for a company in Arizona and have been coding for various companies for more than 10 years now. I started... 

レビュー

グループクラス

¥100

毎週または¥200 10 クラス分
週に2回、 5 週間
55 分

オンラインライブ授業
年齢: 8-13
クラス人数: 2 人-10 人

About
サポート
安全性についてプライバシーCAでのプライバシー保護学習者のプライバシー利用規約
アプリを入手
App StoreでダウンロードGoogle Playで入手する
© 2024 Outschool