$35
weeklyor $70 for 6 classes
Vue.Js で独自の天気アプリを構築: Web 開発を段階的に学びましょう!
新着クラス
年齢 13 歳-18 歳
ライブグループコース
平均評価:
5.0
レビュー数:(2 レビュー)
オンラインライブ授業
週に3回、 2 週間
6 人-18 人 1クラスあたりの学習者
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 は次にこのクラスを提案しています...
Web アプリケーション開発 - 誰かがピザを注文しましたか? Vue.Js を学びましょう!
Tony P
5.0
(2)
$18 クラスごと
グループクラス
5 週間、 2/週、 45 分
15 歳-18 歳
その他の人気クラス
Scratchプログラミング: マンツーマンコーディングセッション
BrainBytes
4.9
(241)
$65 セッションごと
1対1レッスン
オンデマンド
6 歳-13 歳
コーディング体験クラス
MissB aka Bhavana R (Coding)
4.9
(37)
$32 セッションごと
次回のセッションは Fri 4/25 の4:30 PM です
1対1レッスン
オンデマンド
9 歳-18 歳
Minecraft でのプログラミング: 1 対 1 のコーディング セッション
BrainBytes
4.9
(241)
$65 セッションごと
1対1レッスン
オンデマンド
6 歳-15 歳
子どものためのAIとコーディング：初心者向けの人工知能とコーディングプロジェクト
PopSkool: English, Music, Art, Math, Coding & More
$15 クラスごと
次のセッションは明日の 5 PM です
グループクラス
8 週間、 1/週、 55 分
7 歳-12 歳
Minecraft を使った初心者向けコーディング クラス: レベル 1 - プログラミングの基礎
Playful Digital Learning
4.9
(586)
$36 クラスごと
次のセッションは明日の 3 PM です
グループクラス
1 週間、 5/週、 1.50 時間
8 歳-13 歳
Minecraft を使った初心者向けコーディング キャンプ: レベル 2 - プログラミングの基礎
Playful Digital Learning
4.9
(586)
$36 クラスごと
次のセッションは明日の 3 PM です
グループクラス
1 週間、 5/週、 1.50 時間
8 歳-13 歳
初心者向けPythonコーディング：Pythonと本物のコーディングスキルを学ぶ楽しいプロジェクト
PopSkool: English, Music, Art, Math, Coding & More
$15 クラスごと
次のセッションは今日 9 PM です
グループクラス
8 週間、 1/週、 55 分
10 歳-14 歳
1:1 プライベート指導 Python コーディング - Python プログラミング入門
Ziad Ghazi
4.5
(8)
$55 セッションごと
1対1レッスン
オンデマンド
7 歳-18 歳
Minecraft を使った初心者向けコーディング キャンプ: レベル 3 - プログラミングの基礎
Playful Digital Learning
4.9
(586)
$36 クラスごと
次回のセッションは Mon 6/2 の2 PM です
グループクラス
1 週間、 5/週、 1.50 時間
8 歳-13 歳
[マンツーマン] JAVAコーディングのプライベート指導 - JAVAプログラミング入門
Ziad Ghazi
4.5
(8)
$55 セッションごと
1対1レッスン
オンデマンド
7 歳-18 歳
Scratch コーディング プレイグラウンド: Scratch コーディングでアニメーションをデザインし、ゲームを構築しましょう!
PopSkool: English, Music, Art, Math, Coding & More
$15 クラスごと
次のセッションは明日の 8 PM です
グループクラス
8 週間、 1/週、 55 分
5 歳-10 歳
Python 初心者向けコーディング クラブ - グラフィック、ゲーム、アニメーションを使用してコーディングを学ぶ
Coding Doctors Learning Lab, Inc.
4.8
(1,251)
$15 クラスごと
次回のセッションは Tuesday の5 PM です
グループクラス
1/週、 45 分
10 歳-14 歳
ブーマーの経験豊富なコーディングクラブ
Brenda Ban
4.9
(483)
$15 クラスごと
次回のセッションは Wednesday の9 PM です
グループクラス
1/週、 45 分
5 歳-10 歳
コンピュータプログラミング、コーディング、Python、Javascript、C#、C++ 個別指導
Dragon Academy by Trammell Classes, DnD,Coding,RPG
4.8
(728)
$36 クラスごと
次回のセッションは Monday の5:30 PM です
グループクラス
1/週、 25 分
7 歳-12 歳
Python コーディング: 1 対 1 の個別指導
Milisan School - Extracurricular Gamified Learning
5.0
(60)
$60 セッションごと
1対1レッスン
オンデマンド
9 歳-14 歳
Python プログラミングのすべて レベル 4 | 中級者向け Python コーディング クラス
David Sofield
4.9
(829)
$33 クラスごと
次回のセッションは Sunday の3 PM です
グループクラス
10 週間、 1/週、 1 時間
12 歳-17 歳
