予定
検索

$10

per class
クラス
再生

HTML、CSS、Javascript のプログラミング - ジョーク ジェネレーター - LOL!

29 人が学習を完了しました
年齢 10 歳-15 歳
ライブワンタイムクラス
この 1 回のレッスンで、生徒は HTML、CSS、Javascript を使用して、ボタンをタッチするたびに API からデータを取得し、家族向けのジョークをランダムに生成する単一ページの Web アプリケーションを作成し、スタイルを設定します。
平均評価:
5.0
レビュー数:
(61 レビュー)

オンラインライブ授業
一度のみの受講
2 人-4 人 1クラスあたりの学習者
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. =)

レビュー


その他の人気クラス
ウェブ開発をマスターする:子供向けの1年間のHTML、CSS、JavaScriptプロジェクト
Faruk Hasan
4.8
(149)
$12 クラスごと
次回のセッションは Tue 7/1 の11 PM です
グループクラス
1/週、 35 分
11 歳-15 歳
サマーキャンプ コーディングワークショップ - HTML、CSS、Javascript を使用して独自の Web サイトを構築する
Coding Doctors Learning Lab, Inc.
4.8
(1,256)
$15 クラスごと
次回のセッションは Monday の2 PM です
グループクラス
2 週間、 4/週、 55 分
10 歳-14 歳
コーディング - 初心者向けウェブサイト作成のための HTML と CSS 入門 レベル 1
Einsteins Square: Chess, Coding, Math, Art, Games
4.8
(5,884)
$20 クラスごと
次回のセッションは Wednesday の12 AM です
グループクラス
10 週間、 1/週、 50 分
9 歳-14 歳
コーディング - 初心者向けウェブサイト作成のための HTML と CSS 入門 レベル 2
Einsteins Square: Chess, Coding, Math, Art, Games
4.8
(5,884)
$20 クラスごと
次回のセッションは Sunday の11 PM です
グループクラス
10 週間、 1/週、 50 分
10 歳-15 歳
子どものためのウェブデザイン: HTML & CSS & WordPress
AI Code Academy
4.7
(1,797)
$21 クラスごと
次回のセッションは Monday の11:30 PM です
グループクラス
10 週間、 1/週、 1 時間
9 歳-14 歳
サマーキャンプ: 子どものためのウェブデザイン: HTML & CSS & Wordpress
AI Code Academy
4.7
(1,797)
$22 クラスごと
次回のセッションは Mon 6/16 の3 PM です
グループクラス
2 週間、 5/週、 1 時間
10 歳-15 歳
HTML、CSS、AIマジックを使って素晴らしいウェブサイトを構築する(初心者向け)
PopSkool: English, Music, Art, Math, Coding & More
5.0
(22)
$15 クラスごと
次回のセッションは Sunday の2 PM です
グループクラス
8 週間、 1/週、 55 分
10 歳-14 歳
個別指導:HTMLとCSSを使った初めてのウェブサイト構築
Antonia Burroughs
$60 セッションごと
1対1レッスン
オンデマンド
3 歳-18 歳
HTML Safari - コーディングと技術 - 週1回開催
Teacher Lee
$15 クラスごと
次回のセッションは Sunday の6 PM です
グループクラス
1/週、 55 分
9 歳-14 歳
ウェブサイト開発 | 初心者向け - コーディング
Codingal - #1 AI & Coding | Backed by Y Combinator
4.8
(10)
$18 クラスごと
次回のセッションは Monday の2 PM です
グループクラス
4 週間、 2/週、 1 時間
12 歳-17 歳
ウェブプログラミング 1 週間キャンプ
MissB aka Bhavana R (Coding)
4.9
(38)
$80 クラスごと
次回のセッションは Mon 7/14 の7 PM です
グループクラス
1 週間、 5/週、 1.50 時間
10 歳-15 歳
「キッズ コーディング クエスト: 一緒に素晴らしい Web サイトを構築」
MS. JEN of ARTISTIC KIDS WORKSHOP
4.7
(6)
$9 クラスごと
次回のセッションは Mon 6/2 の11 PM です
グループクラス
4 週間、 2/週、 55 分
9 歳-14 歳
1:1 コーディング セッション: Java、Python、HTML、CSS、JavaScript (カスタマイズ可能)
MissB aka Bhavana R (Coding)
4.9
(38)
$70 セッションごと
1対1レッスン
オンデマンド
9 歳-18 歳
League of Legends ソーシャル戦略クラブ: チームワーク、戦術、そして楽しさ!
Bloom
4.8
(79)
$20 クラスごと
次回のセッションは Fri 5/23 の8 PM です
グループクラス
1/週、 1 時間
10 歳-15 歳
キッズコーディングクエスト: JavaScript ゲーム版
MS. JEN of ARTISTIC KIDS WORKSHOP
4.7
(6)
$12 クラスごと
次回のセッションは Tue 6/3 の12 AM です
グループクラス
4 週間、 2/週、 55 分
9 歳-14 歳
LOL ドールズ アドベンチャー: チャットとクラフトの祭典 (ショー & テル、プレイ、+ クラフト)
Shiny Happy Kids w/ Miss Alex STEM Dino Art Myths
5.0
(917)
$16 クラスごと
次回のセッションは Tuesday の8:15 PM です
グループクラス
1/週、 45 分
5 歳-9 歳
もっとクラスを見る
アプリを入手 
App StoreでダウンロードGoogle Playで入手する
Home
検索
ギフトカードを贈る
通貨、タイムゾーン、言語の設定を開く
言語と地域
ログイン