Español
Iniciar sesión

Diseño web y juegos para niños: ¡haga realidad sus ideas con HTML, CSS y JS!

Clase
Jugar
Únase a nuestro curso dinámico de desarrollo web para niños de 8 a 13 años, donde aprenderán HTML, CSS y JavaScript a través de proyectos divertidos como animar personajes y crear juegos web.

Experiencia de clase

Nivel de inglés: desconocido
Grado de EE. UU. 4 - 7
Nivel 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.
Esta clase se imparte en Inglés.
  • 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 horas semanales fuera de clase
Tarea
Frecuencia: incluido
Comentario: incluido
Detalles:
Certificado de finalización
Frecuencia: incluido
Detalles:
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.
Además del aula de Outschool, esta clase utiliza:
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.
Se unió el July, 2024
Perfil
Experiencia y certificaciones del docente
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... 

Reseñas

Clase grupal

40 US$

semanalmente o 200 US$ por 10 clases
2 x por semana, 5 semanas
55 min

Videoconferencias en vivo
Edades: 8-13
2-10 alumnos por clase

Acerca de
Apoyo
SeguridadPrivacidadPrivacidad de CAPrivacidad del alumnoTérminos
Obtener la aplicación
Descargar en la App StoreDescargar en Google Play
© 2024 Outschool