US$10

per class
班級
玩

HTML、CSS、Javascript 程式設計 - 笑話產生器 - 哈哈!

由 29 位學習者完成
年齡 10-15
一次性直播課程
在這一課中,學生將使用 HTML、CSS 和 Javascript 創建單頁 Web 應用程式並設計其樣式,該應用程式從 API 獲取數據,以便透過每次觸摸按鈕生成隨機的、家庭友好的笑話。
平均評分:
5.0
評論數量:
(61 評論)

即時視訊會議
單堂課
2-4 名學習者(每班)
55 分鐘

包含什麼

1 現場會議
55 分鐘 上課時間
我們無法翻譯此文,請刷新頁面並再試一次。

課堂經歷

In this course, students will learn how to create a web based application using fundamental HTML, CSS, and JavaScript and interacting with an API. HTML and CSS are the foundation of the web. So, they're also the foundation for taking tech skills to the next level. Having a handle on the fundamentals will make learning another programming language like JavaScript much easier. APIs, or application program interfaces, are vital tools for businesses in all industries. They allow the capabilities of one computer program to be used by another.

This class will show and explain how to create a basic HTML layout, style it with CSS, and then use JavaScript to connect to an API that delivers content to our web based application. I will also give out a challenge after every class so students can experiment and grow their knowledge. By the end of the course, students will have the knowledge of how to create a basic web based application using HTML, CSS, and JavaScript to display data from a public API. 

This lesson will require a computer with internet access.

學習目標

-Basic HTML Layout with markdown sections for titles, body paragraph, and interactive buttons.
-Intermediate CSS Styling applying background colors, text colors, element location, and interactive animations.
-Intermediate Javascript creating variables, adding event listeners, crafting functions, and displaying data from the DOM. 
-Basic API Data Handling like sending headers as objects for authentication, asynchronous functions, and receiving JSON data.

其他詳情

父母的引導和規範
CodeSandbox.io is an online code editor and prototyping tool that makes creating and sharing web apps faster. As a teacher on the platform and according to the class content policy, I can use materials--such as CodeSandbox.io --in my classroom presentations and lectures as long as I am not linking to them or giving learners under 13 a way to click in to any of these sites.
外部資源
除了 Outschool 教室外,本課程也使用:
來源
Our API and joke source is https://icanhazdadjoke.com/. Students can find API documentation at the site for further experimentation. Special Thanks to Brad Traversy (https://www.traversymedia.com/) and Florin Pop (https://www.florin-pop.com/) for sharing their courses and ideas!

認識老師

已加入 January, 2021
5.0
61評論
教師檔案
教師專業知識和證書
I have more than a decade of teaching experience including the last five years teaching online. I've also trained and worked as a full stack web developer over the last several years and am happy to bring together my two expertise to help your student. =)

評論


其他家長也喜歡
掌握 Web 開發:兒童的全年 HTML、CSS 和 Javascript 項目
Faruk Hasan
4.8
(149)
US$12 每班
下次會議在 11 PM Tue 7/1
團體課
1/週, 35 分鐘
11-15
夏令營程式設計工作坊—使用 HTML、CSS 和 Javascript 建立自己的網站
Coding Doctors Learning Lab, Inc.
4.8
(1,256)
US$15 每班
下次會議在 2 PM Monday
團體課
2 週, 4/週, 55 分鐘
10-14
編碼 - 面向初學者的網站建立 HTML 和 CSS 簡介 1 級
Einsteins Square: Chess, Coding, Math, Art, Games
4.8
(5,885)
US$20 每班
下次會議在 12 AM Wednesday
團體課
10 週, 1/週, 50 分鐘
9-14
兒童網頁設計:HTML、CSS 和 WordPress
AI Code Academy
4.7
(1,797)
US$21 每班
下次會議在 11:30 PM Monday
團體課
10 週, 1/週, 1 小時
9-14
編碼 - 初學者網站建立 HTML 和 CSS 簡介 2 級
Einsteins Square: Chess, Coding, Math, Art, Games
4.8
(5,885)
US$20 每班
下次會議在 11 PM Sunday
團體課
10 週, 1/週, 50 分鐘
10-15
個人化一對一輔導:使用 HTML 和 CSS 建立您的第一個網站
Antonia Burroughs
US$60 每堂課
一對一課程
依需求開班
3-18
夏令營:兒童網頁設計:HTML & CSS & Wordpress
AI Code Academy
4.7
(1,797)
US$22 每班
下次會議在 3 PM Mon 6/16
團體課
2 週, 5/週, 1 小時
10-15
使用 HTML、CSS 和 AI Magic 建立出色的網站(適合初學者)
PopSkool: English, Music, Art, Math, Coding & More
5.0
(22)
US$15 每班
下次會議在 2 PM Sunday
團體課
8 週, 1/週, 55 分鐘
10-14
HTML Safari—編碼與技術—每週開會一次
Teacher Lee
US$15 每班
下次會議在 6 PM Sunday
團體課
1/週, 55 分鐘
9-14
網站開發 |初學者 - 編碼
Codingal - #1 AI & Coding | Backed by Y Combinator
4.8
(10)
US$18 每班
下次會議在 2 PM Monday
團體課
4 週, 2/週, 1 小時
12-17
網路程式設計一週訓練營
MissB aka Bhavana R (Coding)
4.9
(38)
US$80 每班
下次會議在 7 PM Mon 7/14
團體課
1 週, 5/週, 1.50 小時
10-15
“兒童編碼探索:一起建立很棒的網站”
MS. JEN of ARTISTIC KIDS WORKSHOP
4.7
(6)
US$9 每班
下次會議在 11 PM Mon 6/2
團體課
4 週, 2/週, 55 分鐘
9-14
1:1 編碼課程:Java、Python、HTML、CSS、JavaScript(可自訂)
MissB aka Bhavana R (Coding)
4.9
(38)
US$70 每堂課
一對一課程
依需求開班
9-18
英雄聯盟社交策略俱樂部:團隊合作、戰術、樂趣!
Bloom
4.8
(79)
US$20 每班
下次會議在 8 PM Fri 5/23
團體課
1/週, 1 小時
10-15
JavaScript / p5.Js 電腦科學編碼俱樂部:遊戲、動畫等
Coco Coders
4.8
(974)
US$20 每班
下次會議在 12 AM Monday
團體課
1/週, 55 分鐘
9-13
Javascript/P5.Js 創意編碼:創作遊戲、動畫等!
Create N Learn: Game-Based Learning & Future Skill
4.8
(58)
US$15 每班
下一堂課明天 11 PM
團體課
8 週, 1/週, 55 分鐘
12-14
查看更多課程
回首頁
搜尋
贈送禮物卡
開啟貨幣、時區和語言設置
語言&地區
登入