Heloo

Flutter Documentation

Connecting to Device using wifi

Make sure has the same ip router,

Connect device into laptop or computer using usb cable and then type command line

adb tcpip 5555

After that connect device ip using this command line

adb connect (device-ip)

HTML Documentations

Field Set

Mostly we like to grouping the value or the radio button or any others elemnt when it comes to form, we can use fieldset

Example


                                <fieldset>
                 <legend>What level ninja are you?</legend>
                  <input
                    id="newbie"
                    type="radio"
                    name="levels"
                    value="newbie"
                  />
                  <label for="newbie">Newbie Kitten</label><br />
                  <input
                    id="intermediate"
                    type="radio"
                    name="levels"
                    value="intermediate"
                  />
                  <label for="intermediate">Developing Student</label><br />
                  <input
                    id="master"
                    type="radio"
                    name="levels"
                    value="master"
                  />
                  <label for="master">Master</label>
                </fieldset>

Result

What level ninja are you? Newbie Kitten
Developing Student
Master

NODE JS Documentations

Switching Node version

We can switc between node version using another tool which is Node Version Manager(NVM

Installing NVM

There are some instruction using mac and linux but for windows we can download exe file in this website Install NVM On Windows
or you can read full documentation at nvm github

After installing the nvm you can list all the node version like example bellow

then u can select version u need and install that version using this command line


                nvm install 14.17.x

x mean for the highest available version

Switching Node using nvm

after long installation now we can use the nvm, please type nvm ls then we can look at the installed node we had

select one of the version, i choose the latest one, wich mean 14.17.0 so we can use
nvm use 14.17.0
we will get to confirmation to install using command prompt, then the node changed !!!

Node JS Important command

We can create a file using a gitbash. The command will be touch (filename) {optional} (format) for example touch trycode.js

After we create the file, we can see it using inline text editor vi, this will be the command vi (filename) for example
vi trycode.js

To insert code on editor vi we can type i, and insert the code we want after finishing the code we can write the code using command esc and :w for write and q for quit. Also, we can check the inside of the file by using command line that is cat (filename) for example cat trycode.js

Another important command for node js are presented by table bellow

Command	Explanation
.load	to call file inside the node commands
.save	to save file inside the directory that are used using node command line
.editor	to write file inside the file that are created
.global (with double tab)	it will give use the default variable that can be used

before calling all command above u need to call node first in command line tools by type node

REACT JS Documentations

Javascript Documentations

Javascript Functions

The difference beetween push, pop, shift and unshift,

Let's say we have an array like this:

myArray = [1 , 2 , 3 , 4 , 5];

Functions	Descriptions	Result
shift()	Delete value at the beginning of array	[2, 3, 4, 5]
unshift(value)	Input value at the beginning of array	[value, 1, 2, 3, 4, 5]
push(value)	Insert value at the end of array	[1, 2, 3, 4, 5, value]
pop()	Delete value at the end of array	[1, 2, 3, 4]

Javascript Backslash

There are so many backslash in javascript so we can use it in here bellow

Code	Output
\'	Single quote
\"	Double quote
\\	backslash
\n	newline
\n	carriage return
\t	tab
\b	word boundary
\f	from feed

Object Assign

Object assign is method that copied all value inside object (including property and value) from the source object into target object

Object.assign(target, source)

For more aboute object.assign and more example click here

ASP .NET Documentation

More learning Path for .net

More Learning Path in .Net Microsoft Learning Path

Switching beetwen dotnet sdk

For the most part when the --version of dotnet is not compatible we can list the sdk first or checking the version first

dotnet --version After that we can list the sdk dotnet --list-sdks The we can make dotnet global json and put inside it dotnet new globaljson

              
{
"sdk": {
"version": "3.0.100-preview3-010431" //thhis is the current version
  }
}

the u can change into the list from version that you want let's say it's version 2


  {
    "sdk": {
    "version": "version": "2.2.101" //thhis is the current version
      }
    }

when you tried to check using dotnet --version you can see the vesion is changing

Composite key in dotnet

What is Composite key?, it is where primary key having two or more attributs.

Here is some Example picture

How to solve it in dotnet the easiest way are using annotation


                            [Key][Column(Order = 0)] // Order are used by the value until 0 -3
              public int VendorID {get; set;}
              [Key][Column(Order = 1)]
              public int Line {get; set;}
              public int CurrencyId {get; set;}

and another good way are using OnModelCreatin in dbContext, just include the example bellow


                      protected override void OnModelCreating(ModelBuilder modelBuilder)
  {
    modelBuilder.Entity()
    .HasKey(c => new { c.State, c.LicensePlate });
  }

about composite key in dotnet here

Microsoft Composite Key

Laravel Documentation

Visual Studio

Open Folder

Open Folder default value(will be making open new window)

code .

But, if you want intenttionally to open new window you can use this

code -n (project folder)

Open Folder inside vscode without making new window

code -r .

it's for opening project inside folder

Change Terminal

We can change the terminal by using a command ctrl + p and then goes to Terminal: Select Default Profile

here is some tutorial how to use it

Vue js

Vue Terminal

Create new project

vue create vue-app

Install Bootstrap on Vue

If you want to change the display of the vue using bootstrap u can use this

npm install bootstrap jquery popper.js

The difference Between Method and Computed

Method will be change the value everytime the state change while computed will change when the value inside property changed

Short Hand for Vue Custom Derrivative

Shortcute using V-bind such as v-bind:key

Example:

:key

Shortcute using v-on such as v-on:submit

Example:

@submit, @keydown

V-model

V model is making u can change the value into state quickly

MySQL

MySQL cannot open PHPMyAdmin

got a problem when it's connect to php my admin because port issue? then check the port on mysql what the port are we using it and

we can look at the port that we are using it

go to phpmyadmin, find config.inc.php then put this code bellow