Downloadables:
- NodeJS Download Here
- Git Download Here
- Visual Studio Code Download Here
- Adobe Experience Design Download Here
Note: For Adobe XD Download, close the modal that pops up. Do not select a region. Once closed, click "Get XD - Its' free"
Let's make sure everything works well. Open up your terminal.
Testing Node & NPM
#### Run
node -v
#### Outputs something like:
v10.15.3
#### Run
npm -v
#### Outputs something like:
6.4.1Make sure to install Node version 8 and above.
Testing Git
#### Run
git --version
#### Outputs something like:
git version 2.19.1If any of the command results in command not found or anything similar, please refer back to the appropriate installation procedure.
Learners will be introduced to the bare minimum knowledge required to enter a frontene web development job. Asides from the very basics, the learners will have to go through the most in demand skill set needed to be a frontend developer: source control management with GIT and configuring build tools (babel, webpack).
Note that backend development & devops will not be covered. This is a frontend concentrated course. We will, however, explore options on how to deploy our work without the need of developing backend services or deploying to a server.
- Introduction / Job Opportunties - 10-20 mins
- HTML and Introduction to Basic Styling - 2 hrs
- Source Control Management - 3 - 4 hrs
- Publishing Your Work (Will later become your portfolio) - 15 - 20 mins
- Basic JavaScript Coding & ES6 (Part 1) 1 hr (If we still have time)
- Basic JavaScript Coding & ES6 (Part 2) 1 hr
- Webpack & Organzing Code - 3 hrs
- Introduction to Adobe XD & Making Our First Design & Icons - 1 hr
- Making Portfolio Progress For Mobile Only 1.5 hr
- CSS - Styling Tags & Selectors - 1.5 hrs
- CSS Page Layouts 1 hr
- CSS Responsive Design 1 hr
- Finishing up Our Work (Portfolio) - 3 hrs