マガジンのカバー画像

プログラミング学習(JavaScript)

25
運営しているクリエイター

#学習コース

JavaScript(ES2015(ES6)) 〜Progate🐥JavaScript III(関数を学ぼう)〜

JavaScript Ⅲでは、複数の処理を1つにまとめる「関数」の定義や呼び出しを学びます。ES6で新たに追加された「アロー関数」についても扱っていきます。(Progate様)
所要時間はいつもの2h。

🐥関数を学ぼう
🐥関数とは(1)
🐥関数とは(2)
🐥アロー関数
🐥引数とは
🐥複数の引数を受け取る関数
🐥戻り値とは
🐥戻り値の活用
🐥スコープ
🐥総合演習

【🐥関数を

もっとみる

JavaScript(ES2015(ES6)) 〜Progate🐣🐣JavaScript II(4章 undefined)(5章 総合演習)〜

目標-10m😅。(前回までの分を引き算★)

【4章】
🐣undefinedとは
🐣undefinedの対応
【5章】
🐣 総合演習(1)
🐣総合演習(2)

【🐣undefinedとは】
存在しない要素を習得した際に表示。

🌸undefinedを避けるために
 →if文

【🐣 総合演習】
🌸複雑なオブジェクト
 →オブジェクトを呼び出す

const cafe = {
 

もっとみる

JavaScript(ES2015(ES6)) 〜Progate🐣🐣JavaScript II (3章 オブジェクト)〜

目標50m。(前回までの分を引き算★)

【3章】
🐣 オブジェクトとは
🐣オブジェクトの値の取得・更新
🐣 オブジェクトを要素に持つ配列(1)
🐣 オブジェクトを要素に持つ配列(2)
【4章】
🐣undefinedとは
🐣undefinedの対応
【5章】
🐣 総合演習(1)
🐣総合演習(2)

【🐣 オブジェクトとは】
🌸複数のデータをまとめて管理
 →各値は「プロパティ」

もっとみる

JavaScript(ES2015(ES6)) 〜Progate🐣🐣JavaScript II (2章 配列)〜

目標1h30m。(前回の分を引き算★)

🐣配列とは
🐣配列の要素の取得
🐣配列の要素の更新
🐣配列と繰り返し(1)
🐣配列と繰り返し(2)

【🐣配列とは】
🌸配列も一つの要素
 →配列を代入する定数名は、慣習上複数形にすることが多い(fruits)
 →「 [ ] 」のカッコもコードとして必要

【🐣配列の要素の取得】
🌸インデックス番号は「0から始まる」
 →どこかの歌に出

もっとみる

JavaScript(ES2015(ES6)) 〜Progate🐣🐣JavaScript II (1章 繰り返し処理)〜

JavaScript IIでは、同じような処理を何度も繰り返すのに便利な「繰り返し処理」、「配列」や「オブジェクト」の基本的な使い方について学習します(全5章)。目標は2h。

🐣変数の復習
🐣while文
🐣for文
🐣繰り返し処理のまとめ

【🐣変数の復習】
🍀早速忘れてた😱↓↓↓
 // 変数numberを定義してください
let number=0;

// 変数numberに

もっとみる

JavaScript(ES2015(ES6)) 〜Progate🐣JavaScript I (3章 条件分岐)〜

🐣  if文
🐣 真偽値と比較演算子(1)
🐣 真偽値と比較演算子(2)
🐣 else
🐣 else if
🐣 複数の条件式
🐣 switch文(1)
🐣 switch文(2)

【🐣 if文】
🌸インデント(字下げ)をする。
 →tabキー1回=半角スペース2つ分のインデント

【🐣 真偽値と比較演算子】

🌸「a === b」→aとbが等しければtrue、等しくなければ

もっとみる

JavaScript(ES2015(ES6)) 〜Progate🐣JavaScript I (1章 文字列と数値)〜

いよいよJavaScriptさんです!有名なあの方です!修了時間は2hの予定。

<文字列と数値>
🐣JavaScript(ES6)を学ぼう
🐣console.log()
🐣計算してみよう
🐣計算してみよう(2)
🐣文字列の連結

【🐣console.log()】

🌸文字列をシングルクォーテーション( ' )かダブルクォーテーション( " )で囲み、最後はセミコロン(;)

【🐣

もっとみる