한국어
로그인
어린이를 위한 웹 디자인 및 게임: HTML, CSS 및 JS를 사용하여 아이디어를 생생하게 구현하세요!
8~13세 어린이를 위한 동적 웹 개발 과정에 참여하세요. 여기서 아이들은 캐릭터 애니메이션, 웹 게임 제작과 같은 재미있는 프로젝트를 통해 HTML, CSS 및 JavaScript를 배울 수 있습니다.
보고계신 지문은 자동 번역 되었습니다
수업 소개
영어 수준 - 알 수 없음
미국 4 - 7 학년
레벨 Beginner
Students will learn the fundamentals of web development, including HTML, CSS, and JavaScript. They will create animated characters, build personal websites, and develop interactive web games. Lessons feature hands-on projects, interactive coding sessions, discussions, and real-time feedback to enhance learning.
10 lessons//5 Weeks
Week 1Lesson 1Setup and PreparationIntroduction to HTML, CSS, and JavaScript. Set up and explore the coding environment. Use the browser inspector to explore the HTML of different websites.Lesson 2HTML BasicsBuilding the foundation of webpages. Learn the basics of HTML, including the structure and use of entry-level tags. Create a simple webpage.Week 2Lesson 3CSS BasicsStyling 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 4Creating Animated Characters - Bunny ProjectBringing a bunny to life. Use CSS and basic JavaScript to create and animate a bunny character.Week 3Lesson 5Creating Animated Characters - Dinosaur ProjectBringing a dinosaur to life. Use CSS and basic JavaScript to create and animate a dinosaur character that breathes fire.Lesson 6Advanced CSS StylingEnhancing 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 4Lesson 7CSS Page LayoutDesigning webpage layouts. Explore CSS layout techniques, including positioning, margins, padding, and borders. Design the layout of a website.Lesson 8Personal Website DevelopmentBuilding 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 5Lesson 9Web Game DevelopmentMaking 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 10Final Project PresentationShowcase 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.
이 수업에서는 아웃스쿨 교실 외에도 다음의 툴을 사용합니다:
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.
리뷰
그룹 수업
매주
₩100
또는 10 회 수업에₩2005주 동안 주당 2회
55분
실시간 화상 수업
연령: 8-13
수업당 학습자 2-10 명