US$35
weeklyor US$70 for 6 classes
Vue.Js로 나만의 날씨 앱을 만들어 보세요: 단계별로 웹 개발을 배워보세요!
신규 수업
연령대: 13-18 세
실시간 그룹 수업
평균 평점:
5.0
수강 후기 수:(2 수강 후기)
실시간 화상 수업
2주 동안 주당 3회
6-18 수업 정원
60분
무엇이 포함되어 있나요?
6개의 라이브 미팅
수업 6 시간과제
주당 1시간. Learners will be asked to complete further work on their application between sessions, but this is optional.수료증
수업 종료 후 1회보고계신 지문은 자동 번역 되었습니다
수업 소개
영어레벨 - B1
미국 8학년 - 11학년 학년
레벨 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!)
학습 목표
Achieve a basic familiarity with the Vue.js frameworkSolidify understanding of JSON강의 계획서
6 레슨
2 주 이상레슨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 분 온라인 라이브 레슨
레슨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 분 온라인 라이브 레슨
레슨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 분 온라인 라이브 레슨
레슨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 분 온라인 라이브 레슨
그 외 세부 사항
사전 요구 사항
Students should be familiar with HTML, CSS, and JavaScript before attempting this class.
수업 진행 언어
영어 (레벨: B1)
Outschool 외 필요 앱/웹사이트
아웃스쿨 사이트의 기능 외 별도의 앱이나 웹 사이트를 사용할 필요가 없습니다.
선생님을 만나보세요
리뷰
Tony P 다음에는 이 수업을 제안합니다...
웹 애플리케이션 개발 - 누군가 피자를 주문했나요? Vue.Js를 배우세요!
Tony P
5.0
(2)
US$18회당 수업료
그룹 수업
5 주, 주당 2회45분
15-18 세
다른 인기 수업
Minecraft 프로그래밍: 일대일 코딩 세션
BrainBytes
4.9
(241)
US$65 세션당
일대일 레슨
온디맨드
6-15 세
코딩 체험 수업
MissB aka Bhavana R (Coding)
4.9
(37)
US$32 세션당
다음 세션은 Fri 4/25 4:30 PM 에 예정되어 있습니다.
일대일 레슨
온디맨드
9-18 세
Minecraft와 함께하는 초보자 코딩 수업: 레벨 1 - 프로그래밍의 기초
Playful Digital Learning
4.9
(586)
US$36회당 수업료
다음 세션은 내일 3 PM 입니다.
그룹 수업
1 주, 주당 5회1.50 시간
8-13 세
스크래치 프로그래밍: 일대일 코딩 세션
BrainBytes
4.9
(241)
US$65 세션당
일대일 레슨
온디맨드
6-13 세
[1:1] 개인 튜터링 JAVA 코딩 - JAVA 프로그래밍 입문
Ziad Ghazi
4.5
(8)
US$55 세션당
일대일 레슨
온디맨드
7-18 세
초보자를 위한 Python 코딩: Python과 실제 코딩 기술을 배우는 재미있는 프로젝트
PopSkool: English, Music, Art, Math, Coding & More
US$15회당 수업료
다음 세션은 오늘 9 PM 입니다.
그룹 수업
8 주, 주당 1회55분
10-14 세
Minecraft와 함께하는 초보자 코딩 캠프: 레벨 3 - 프로그래밍의 기초
Playful Digital Learning
4.9
(586)
US$36회당 수업료
다음 세션은 Mon 6/2 2 PM 에 예정되어 있습니다.
그룹 수업
1 주, 주당 5회1.50 시간
8-13 세
2-in-1 Java 및 Python 코딩 | 초보자를 위한 1년 단위 주간 프로그래밍 수업!
Faruk Hasan
4.8
(149)
US$11회당 수업료
다음 세션은 Sunday 10:30 PM 에 예정되어 있습니다.
그룹 수업
주당 1회35분
10-13 세
컴퓨터 프로그래밍, 코딩, 파이썬, 자바스크립트, C#, C++ 1:1 튜터링
Dragon Academy by Trammell Classes, DnD,Coding,RPG
4.8
(728)
US$36회당 수업료
다음 세션은 Monday 5:30 PM 에 예정되어 있습니다.
그룹 수업
주당 1회25분
7-12 세
파이썬 프로그래밍 레벨 4에 대한 모든 것 | 중급자를 위한 파이썬 코딩 수업
David Sofield
4.9
(829)
US$33회당 수업료
다음 세션은 Sunday 3 PM 에 예정되어 있습니다.
그룹 수업
10 주, 주당 1회1 시간
12-17 세
파이썬 프로그래밍 기초(6주 동안 주 2회) 초보자 코딩
Geetu sodhi
5.0
(18)
US$15회당 수업료
다음 세션은 Thursday 1 AM 에 예정되어 있습니다.
그룹 수업
6 주, 주당 2회45분
10-14 세
파이썬 프로그래밍에 대한 모든 것 | 초보자를 위한 파이썬 코딩 여름 캠프 레벨 I
David Sofield
4.9
(829)
US$22회당 수업료
다음 세션은 Mon 6/16 4:15 PM 에 예정되어 있습니다.
그룹 수업
2 주, 주당 4회1 시간
11-16 세
어린이를 위한 AI 및 코딩: 초보자 친화적인 인공지능 및 코딩 프로젝트
PopSkool: English, Music, Art, Math, Coding & More
US$15회당 수업료
다음 세션은 내일 5 PM 입니다.
그룹 수업
8 주, 주당 1회55분
7-12 세
Boomer와 함께 코딩:경험자
Brenda Ban
4.9
(483)
US$18회당 수업료
다음 세션은 Tue 6/17 6:45 PM 에 예정되어 있습니다.
그룹 수업
2 주, 주당 2회45분
5-10 세
초보자 파이썬 코딩: 어린이를 위한 1년짜리 프로젝트 기반 프로그래밍 수업
Faruk Hasan
4.8
(149)
US$11회당 수업료
다음 세션은 내일 3 PM 입니다.
그룹 수업
주당 1회35분
9-13 세
Minecraft와 함께하는 초보자 코딩 캠프: 레벨 2 - 프로그래밍의 기초
Playful Digital Learning
4.9
(586)
US$36회당 수업료
다음 세션은 내일 3 PM 입니다.
그룹 수업
1 주, 주당 5회1.50 시간
8-13 세
