Closed Front-end development series 07 | install nodejs, yarn, gulp, and git

[_iamkurt]

As promised, ito yung thread we will install these tools below:
— NodeJS, Yarn, Gulp, and Git.

If na miss nyo previous thread, see below:

Front-end development series
Front-end development series | setup VM for centos 7
Front-end development series | install centos 7 in VM
Front-end development series 04 | connect centos 7 on the internet
Front-end development series 05 | install ssh in centos 7
Front-end development series 06 | install httpd

What is NodeJS? — is an open-source, cross-platform JavaScript run-time environment that executes JavaScript code outside of a browser.

Ito yung base setup natin before Yarn and Gulp. If ready kana, get your CentOS 7 VM and login as root.

Run mo these commands below for us to get the latest NodeJS.

curl -sL https://rpm.nodesource.com/setup_8.x | bash -

yum install nodejs -y

From here, you should be all set. You may check your node.js version by:

node -v

Great Job. Next stop, Yarn.

What is Yarn? — is a JavaScript Package Manager, a direct competitor of npm, one of Facebook most popular Open Source projects.

Ito yung collection ng tools na gagamitin mo sa lahat ng development project. Mag make sense lang to sa starters pag gagawa na tayo ng real project. For now, you may read You do not have permission to view the full content of this post. Log in or register now.

Run mo these commands below for us to get the latest Yarn.

curl --silent --location https://dl.yarnpkg.com/rpm/yarn.repo | sudo tee /etc/yum.repos.d/yarn.repo

yum install yarn

Pasesya lang muna during sa installation process, then check your Yarn version by:

yarn --version

Next stop, Gulp.

What is Gulp? — is a toolkit for automating painful or time-consuming tasks in your development workflow, so you can stop messing around and build something.

Ito yung e automate mo yung task na ginagawa mo for your project. For example,
— compress css, js, image files
— convert sass to css
— convern pug to html
— browser sync if everytime may changes ka sa web page mo

Make sense lang lahat nato pag merun na tayo actual project. For now, read You do not have permission to view the full content of this post. Log in or register now.

Run mo these commands below for us to get the latest Gulp.

yarn global add gulp

Sample output:

[root@localhost ~]# yarn global add gulp
yarn global v1.10.1
[1/4] Resolving packages...
[2/4] Fetching packages...
[3/4] Linking dependencies...
[4/4] Building fresh packages...
warning Your current version of Yarn is out of date. The latest version is "1.12.1", while you're on "1.10.1".
info To upgrade, run the following command:
$ sudo yum install yarn
success Installed "gulp@3.9.1" with binaries:
      - gulp
Done in 3.81s.

Check mo if anong version meron ka, try:

gulp --version

Sample output:

[root@localhost ~]# gulp --version
[22:48:36] CLI version 3.9.1

Next stop, Git.

What is Git? — is a version control systems allow you to keep track of your software at the source level. You can track changes, revert to previous stages, and branch off from the base code to create alternative versions of files and directories.

Ito yung undo and redo mo na tools if hindi successful yung project mo.

Run mo these commands below for us to get the latest Git.

yum install git

If gusto mo e check yung Git version mo, try:

git --version

If successfully lahat installation mo. Good Job. Unlock mo na ang skills mo how to setup these basic tools. Ngayon anung next step?

Let us understand how to use Git on our real working directory. Wait nyo lang next thread ko.
— Pasensya lang ang puhunan mo dito, tiyak meron kang matutunan.

For starters, if meron kayong question para saan to, read Front-end development series

 

[Secret Prince]

Salamat dito

 

[dmh]

maganda to.. salamat boss