Buscar

35 US$

weekly
or 70 US$ for 6 classes
Clase

Crea tu propia aplicación meteorológica con Vue.Js: ¡aprenda desarrollo web paso a paso!

Nueva clase
Edades 13-18
Curso grupal en vivo
¡Permítale a su hijo crear una aplicación meteorológica real con Vue 2! Aprenderá los conceptos básicos de codificación, API e interactividad en una clase divertida y práctica, ¡perfecta para desarrolladores web jóvenes!
Puntuación media:
5.0
Número de reseñas:
(2 opiniones)

Videoconferencias en vivo
3 x por semana, 2 semanas
6-18 alumnos por clase
60 min

Qué está incluido

6 reuniones en vivo
6 horas presenciales
Tareas
1 hora por semana. Learners will be asked to complete further work on their application between sessions, but this is optional.
Certificado de finalización
1 después de finalizar la clase

Experiencia de clase

Nivel de inglés - B1
Grado de EE. UU. 8 - 11
Nivel Intermediate
Get ready to create your own weather app in this exciting hands-on coding class! Using Vue 2, you'll learn how to build a functional web application that shows current weather and a forecast for any city in the United States. This course is perfect for young developers who want to explore real-world coding concepts while creating something cool and useful.

I’ll start with the basics of Vue.js, a beginner-friendly JavaScript framework, and guide you step-by-step as you design the app layout, fetch real-time data from the National Weather Service API, and make your app interactive. Along the way, you'll learn skills like working with APIs, handling user input, and deploying your app so you can share it with family and friends.

By the end of this course, you’ll have your very own weather app, a solid understanding of Vue 2, and the confidence to tackle more coding projects.

Key Skills You’ll Learn:

 - Building dynamic web applications with Vue 2
 - Fetching and displaying real-time data from the National Weather Service API
 - Designing responsive and user-friendly interfaces
 - Deploying your app online

Who Should Join?
This class is perfect for beginners with basic knowledge of HTML, CSS, and JavaScript who want to dive deeper into web development by creating a practical project. If you’ve ever wondered how apps work or dreamed of building your own, this is the class for you!

What You’ll Need:

 - A computer with a stable internet connection
 - A GitHub account
 - No account needed! We'll use the free National Weather Service API
 - Basic familiarity with HTML and JavaScript (we’ll help fill in the gaps!)

Metas de aprendizaje

Achieve a basic familiarity with the Vue.js framework
Solidify understanding of JSON

Programa de estudios

6 Lecciones
más de 2 semanas
Lección 1:
Introduction to Vue 2 and Setting Up the Project
 Topics Covered:
Overview of Vue.js and its purpose.
Installing Vue CLI or setting up a basic Vue 2 project with CDN.
Explanation of Vue components and data binding.
Creating the project folder structure.

Hands-On Activities:
Set up a basic Vue project.
Create a simple "Hello, Weather App!" component. 
60 minutos de lección en vivo en línea
Lección 2:
Building the Basic App Structure
 Topics Covered:
Vue templates and rendering lists.
Understanding Vue directives (v-bind, v-if, v-for).
Adding basic CSS styling for the app layout.

Hands-On Activities:
Create the app’s main layout (header, input field, results area).
Add a dynamic title or message using Vue’s reactivity. 
60 minutos de lección en vivo en línea
Lección 3:
Fetching Weather Data from an API
 Topics Covered:
What are APIs, and how do they work?
Introduction to the NWS API
Using JavaScript's fetch() method within Vue.

Hands-On Activities:
Fetch weather data for a hardcoded city and display it in the app.
Discuss basic error handling. 
60 minutos de lección en vivo en línea
Lección 4:
Making the App Interactive
 Topics Covered:
Vue 2 event handling (v-on and methods).
Binding input fields with v-model.
Passing user input (like a city name) to the API call.

Hands-On Activities:
Add an input field where users can type a city name.
Fetch and display weather data based on user input. 
60 minutos de lección en vivo en línea

Otros detalles

Requisitos previos
Students should be familiar with HTML, CSS, and JavaScript before attempting this class.
Idioma en el que se imparte la clase
Inglés (Nivel: B1)
Recursos externos
Los estudiantes no necesitarán utilizar ninguna aplicación o sitio web más allá de las herramientas estándar de Outschool.

Conoce al profesor

Se unió el June, 2022
5.0
2reseñas
Perfil
Experiencia y certificaciones del docente
I have been a web developer for 10 years, and have been using Vue.js professionally since 2019.
Tony P sugiere esta clase a continuación...
Desarrollo de aplicaciones web: ¿Alguien pidió una pizza? ¡Aprenda Vue.Js!
Tony P
5.0
(2)
18 US$ por clase
Clase grupal
5 semanas, 2/semana, 45 min
15-18


A los padres también les gusta
Programación Scratch: sesiones de codificación individuales
BrainBytes
4.9
(241)
65 US$ por sesión
Lecciones 1 a 1
Bajo demanda
6-13
Campamento de programación para principiantes con Minecraft: Nivel 2: conceptos básicos de programación
Playful Digital Learning
4.9
(587)
36 US$ por clase
Próxima sesión a las 8 PM el Monday
Clase grupal
1 semana, 5/semana, 1.50 hora
8-13
Tutoría privada 1:1 de codificación en Python: Introducción a la programación en Python
Ziad Ghazi
4.5
(8)
55 US$ por sesión
Lecciones 1 a 1
Bajo demanda
7-18
Desarrollo de sitios web | Principiantes - Codificación
Codingal - #1 AI & Coding | Backed by Y Combinator
5.0
(5)
18 US$ por clase
Próxima sesión a las 2 PM el Monday
Clase grupal
4 semanas, 2/semana, 1 hora
12-17
Club de programación para principiantes de Python: aprenda a programar con gráficos, juegos y animaciones
Coding Doctors Learning Lab, Inc.
4.8
(1,253)
15 US$ por clase
Próxima sesión hoy a las 11 PM
Clase grupal
1/semana, 45 min
10-14
Club de programación con experiencia de los boomers
Brenda Ban
4.9
(483)
15 US$ por clase
Próxima sesión mañana a las 9 PM
Clase grupal
1/semana, 45 min
5-10
Programación en Minecraft: sesiones de codificación individuales
BrainBytes
4.9
(241)
65 US$ por sesión
Lecciones 1 a 1
Bajo demanda
6-15
Programación en Python: tutoría personalizada
Milisan School - Extracurricular Gamified Learning
5.0
(60)
60 US$ por sesión
Lecciones 1 a 1
Bajo demanda
9-14
Mentor de codificación: tutoría individualizada con Scratch
Tirre' Logston
5.0
(38)
30 US$ por sesión
Lecciones 1 a 1
Bajo demanda
8-13
Campamento de conceptos básicos de codificación de Roblox
Miss Jennifer - Roblox Scripting
4.9
(634)
10 US$ por clase
Próxima sesión a las 4 PM el Sat 7/12
Clase grupal
4 semanas, 1/semana, 40 min
7-11
Uno a uno: clases de codificación en Python
Geetu sodhi
5.0
(18)
40 US$ por sesión
Lecciones 1 a 1
Bajo demanda
9-14
Programación en Python para principiantes: codificación individual en Minecraft
BrainBytes
4.9
(241)
70 US$ por sesión
Lecciones 1 a 1
Bajo demanda
7-17
¡Diversión semanal con programación intermedia en Minecraft! Proyectos de programación increíbles cada semana
Code Kids
4.8
(1,539)
21 US$ por clase
Próxima sesión mañana a las 8 PM
Clase grupal
1/semana, 55 min
8-12
Tutoría privada 1:1 Codificación en C++ - Introducción a C Plus Plus - Programación Cpp
Ziad Ghazi
4.5
(8)
55 US$ por sesión
Lecciones 1 a 1
Bajo demanda
7-18
Clase de programación para principiantes con Minecraft: nivel 1: conceptos básicos de programación
Playful Digital Learning
4.9
(587)
36 US$ por clase
Próxima sesión a las 8 PM el Monday
Clase grupal
1 semana, 5/semana, 1.50 hora
8-13
Programación de videojuegos con Scratch: programación divertida
Michelle Lewis Scratch Coding STEM Educator
5.0
(19)
48 US$ por sesión
Lecciones 1 a 1
Bajo demanda
7-17
Ver más clases
Inicio
Buscar
Regalar una tarjeta de regalo
Abrir configuración de moneda, zona horaria e idioma
Idioma y región
Iniciar sesión