Software Dev Weekly update Count - 3 :クラスコンストラクタ、ノード.JSとモジュール


この1週間は、学習の旋風だった!


経巻29号、経巻30号、経巻31を完成させ、その後、32号を開始した.クラスコンストラクタ関数をラップし、gitbashとnodeの設定をカバーしました.JSは、一般的に使用される端末/シェルコマンドを見直し、ファイル/ディレクトリを作成し、どのように'エクスポート'と'必要' JSファイルをもっと学ぶ!
クラスコンストラクタ
' extends 'と' super 'キーワードは、多くの異なる関数で重複したコードを削除し、一つのスーパー関数(' extended ')から共有することで、関数間の継承を示します.
' super 'を使用すると、新しいプロパティを定義するときにスーパー関数の一部を別のコンストラクター関数内で使用できます.
//Pet is a Super class
class Pet {
    constructor(name, age){
        this.name = name;
        this.age = age;
    }
    eat(){
        return `${this.name} is eating!`
    }
}

class Cat extends Pet {
    constructor(name, age, livesLeft = 9){
        //Super allows us to call the constructor in the Super Function called Pet
        super(name, age)
        this.livesLeft = livesLeft;
    }
    meow(){
        return 'MEOWWW!!'
    }
}

class Dog extends Pet {
    bark(){
        return 'WOOOF!!'
    }
    //Dog having it's own Eat method means it will not look for Eat in the Pet function becuase it already found one in the Dog function
    eat(){
        return `${this.name} scarfs their food!`
    }
}
Color Converter Constructor Functionのクイックデモ

私の最初のブラシとノード.js
ノード.JSはJavaScriptで書かれていますが、独自の獣です.我々は、それがWebサーバからgame developmentに至るまでのすべての種類のプロジェクトに使用できることを学びました.
web開発の目的のために,ノードの使用に焦点を当てた.私たちが書いたJavaScriptファイルを実行するコンソールとしてのjs.たとえば、'プロジェクト'フォルダを作成し、我々のboilerplateファイル(index . html、app . js、style . css)でそれを設定するプログラムを書いた.
//File System Module in Node.js example
//https://nodejs.org/dist/latest-v14.x/docs/api/fs.html

//This is required for fs to work
const fs = require('fs');
// console.log(fs);

//This remove the executable file path and the file path to the new folder/file
const folderName = process.argv[2] || 'Project'

//ASync version of making a directory
// fs.mkdir('ASyncTest', { recursive: true }, (err) => {
//     console.log('In the callback!')
//     if(err) throw err;
//   });

//Sync version of making a directory
//fs.mkdirSync('SyncTest');

//console.log('I come after the mkdir in the file!')

//This is an example of how to create a directory and files within it. Also wrapped in a try/catch to catch any errors
try{
    fs.mkdirSync(folderName);
    fs.writeFileSync(`${folderName}/index.html`, '');
    fs.writeFileSync(`${folderName}/app.js`, '');
    fs.writeFileSync(`${folderName}/styles.css`, '');
} catch(error){
    console.log('Ope! An error was encountered:', error);
}
モジュールとNPM宇宙の探索
このセクションでは、'エクスポート'の概念を見直しており、インデックスを使用します.他の中の1つのファイルからデータにアクセスするのに必要なJS.
このレッスンはまだ進行中ですが、それは現代のWebアプリでモジュールとその重要な部分のより良い理解に構築しています.

NASAによる宇宙飛行士宇宙船 学習の旅は続きます。



それは素晴らしい週でした、そして、私はコースの「バックエンド」部分を始めることに非常に興奮しています.私が書いたものを展開することができることは、私が解決することができなかったパズルに欠落している部分です、しかし、私はそれが範囲内にあると感じます.それは私がプッシュする動機と私は来週何を学んだことを共有するのを待つことができない!
私はあなたが読んで楽しんだ!
の上で、そして、より多くのために私について来てください!