inside out – STEP 204 | Pause, Clean & Go – Assignment
In this lesson we will be refactoring our code to prepare to integrate it with database interactions. During this refactoring we will also be positioning our external resources, such as JavaScript Libraries, away from the content delivery networks we currently are puling them from to being served from our web folders. We will do this to allow us the freedom to work locally when we are unable to connect to internet services (traveling through the mountains).
Each action item has been linked to the time stamp in the lesson video to help you focus on learning rather than searching for information. Please be sure to complete each step as demonstrated in the video.
Assignment Resources
- inside out – Project Change Log STEP 203 to STEP 204
- inside out – STEP 204 | Pause, Clean & Go
- inside out – STEP 204 | Example Website
Action Items to Complete
- Complete all steps completed in the video “inside out – STEP 204 | Pause, Clean & Go”.
- 00:00 – Introduction
- 00:11 – introduction / overview
- 03:35 – explore what a code compare tool is
- 06:56 – copy your 203 folder & name it step-204
- 08:05 – download js files and place in assets/js
- 09:38 – download css files & place in assets/css
- 10:29 – prepare WAMP to use for refactoring code
- 12:58 – create the app.js file – consolodate js
- 13:59 – move header resize window load func
- 14:44 – move scroll window load func
- 18:48 – copy and paste header code
- 23:53 – copy and paste footer code
- 26:40 – delete header-resize.js
- 27:02 – copy and paste styles.css
- 29:07 – delete footer.css
- 29:07 – delete header-resize.css
- 31:42 – create profile.php page
- 32:32 – create login.php page
- 33:29 – create logout.php page
- 34:19 – create settings.php page
- 35:02 – create register.php page
- Submit the url to your website once you have validated your work and are confident you have completed everything. Your page should look like the one you see when you go here: https://inside-out-project.com/php/step-204/
-
please note: your assignment is to be submitted in the step folder as shown in the example above.
-