What's new

Closed Front-end development series

Status
Not open for further replies.

_iamkurt

Honorary Poster
Joined
Aug 13, 2017
Posts
463
Reaction
308
Points
224
Hello kaPHC,

Shoutout for seansei and lemoj08. Thank you for your interest in this thread.

Overview
— for starters and intermediate, I hope excited kayo sa mini-tutorial series available starting next month. Before we proceed, ito yung topics envolve as listed below:

1. Development Environment (Optional)
— CentOS in VM, connected in your network.
Why? This will help you out test your site both Desktop and mobile device.
— However, if you have CodeKit and Prepros installed on your working computer, disregard nyo lang.
— If wala lang budget for these tools, let us create our tool instead.

2. Setting up our Development Environment
— includes Git, Yarn, NodeJS, and Gulp.

3. Basics in Git.
— Dito natin simulan ang basics nang Git. Ito yung — git add, git commit, git push
— Gagawa tayo own Git repository para satin project.

4. Basic in Yarn
— Dito nya malaman pano install dependency gamit ang Yarn. example, yarn — add, yarn add --dev

5. Install latest NodeJS (Optional)
— Basic lang to, meron resources online, tackle ko nalang para smooth ang transition natin gamit ang NodeJS for gulp task.

6. Create Gulp Task
— Ito yung read deal. Dito natin malalaman pano gumawa ang task gamit ang Gulp. Mero resources online, I hope may matutunan kayo.

From here, let us learn SASS, PUG, a one-page site. Goal nato is to create your own portfolio page. I hope mero kayun matutonan.

Requirements
Atom.io
— dito natin access files nyo sa VM gamit ang atom package remote-ftp. Para easy yung pag access/update/create/delete natin sa files.

Oracle Virtual Box — I hope naka installed na kayo sa machine nyo, ito lang ang specs (Optional) 1cpu-512RAM

If meron kayo gusto e add, let me know. For now, I will keep you posted.
 
Status
Not open for further replies.
Back
Top