US$35
weeklyor US$70 for 6 classes
使用 Vue.Js 建立您自己的天氣應用程式：逐步學習 Web 開發！
新班級
年齡 13-18
現場團體課程
平均評分：
5.0
評論數量：(2 評論)
即時視訊會議
每週3次，共 2 週
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 建議接下來的課程...
Web 應用程式開發 - 有人訂了披薩嗎？學習Vue.Js！
Tony P
5.0
(2)
US$18 每班
團體課
5 週， 2/週， 45 分鐘
15-18
其他家長也喜歡
在 Minecraft 上程式設計：一對一程式設計課程
BrainBytes
4.9
(241)
US$65 每堂課
一對一課程
依需求開班
6-15
Scratch 程式設計：一對一程式設計課程
BrainBytes
4.9
(241)
US$65 每堂課
一對一課程
依需求開班
6-13
Scratch 電玩遊戲編碼：有趣的編程
Michelle Lewis Scratch Coding STEM Educator
5.0
(19)
US$48 每堂課
一對一課程
依需求開班
7-17
初學者 Python 程式設計：在 Minecraft 上進行一對一編碼
BrainBytes
4.9
(241)
US$70 每堂課
一對一課程
依需求開班
7-17
Code Monkey 編碼簡介
Ilya
5.0
(44)
US$20 每班
下一堂課明天 11 PM
團體課
1/週， 30 分鐘
6-11
【一對一】私人輔導JAVA編碼－JAVA程式入門
Ziad Ghazi
4.5
(8)
US$55 每堂課
一對一課程
依需求開班
7-18
Python程式設計簡介
Ziad Ghazi
4.5
(8)
US$95 每堂課
一對一課程
依需求開班
10-18
Minecraft 初學者程式設計營：2 級 - 程式設計基礎知識
Playful Digital Learning
4.9
(587)
US$36 每班
下次會議在 8 PM Monday
團體課
1 週， 5/週， 1.50 小時
8-13
1:1 私人輔導 Python 編碼 - Python 程式設計簡介
Ziad Ghazi
4.5
(8)
US$55 每堂課
一對一課程
依需求開班
7-18
Java 編碼：透過有趣的專案學習程式設計 - 等級 1
Einsteins Square: Chess, Coding, Math, Art, Games
4.8
(5,848)
US$21 每班
下次會議在 8 PM Thursday
團體課
12 週， 1/週， 50 分鐘
12-17
關於 Python 程式設計第 2 級的所有資訊 |青少年 Python 程式設計課程
David Sofield
4.9
(830)
US$32 每班
下次會議在 8 PM Sun 8/24
團體課
10 週， 1/週， 1 小時
11-16
1:1 私人輔導 C 程式設計 - C 程式設計簡介
Ziad Ghazi
4.5
(8)
US$55 每堂課
一對一課程
依需求開班
7-18
中級程式設計師的 Scratch 編碼俱樂部
Ms. Sara (STEM Apprentice Academy)
5.0
(583)
US$24 每班
下次會議在 11 PM Tue 9/2
團體課
1/週， 45 分鐘
8-10
關於 Python 程式設計 1 級的全部內容 |青少年 Python 程式設計課程
David Sofield
4.9
(830)
US$22 每班
下次會議在 12:15 AM Friday
團體課
8 週， 1/週， 1 小時
11-16
網站開發 |初學者 - 編碼
Codingal - #1 AI & Coding | Backed by Y Combinator
4.7
(6)
US$18 每班
下次會議在 2 PM Monday
團體課
4 週， 2/週， 1 小時
12-17
二合一 Java 和 Python 編碼|為期一年的每週初學者程式設計課程！
Faruk Hasan
4.8
(149)
US$11 每班
下一堂課明天 2:05 AM
團體課
1/週， 35 分鐘
10-13
