-
iop-115.010 | Preparing Our Server | Lessons
1-
Lecture1.1
-
-
STEP-100
14-
Lecture2.1
-
Lecture2.2
-
Lecture2.3
-
Lecture2.4
-
Lecture2.5
-
Lecture2.6
-
Lecture2.7
-
Lecture2.8
-
Lecture2.9
-
Lecture2.10
-
Lecture2.11
-
Lecture2.12
-
Lecture2.13
-
Lecture2.14
-
-
STEP-101
8-
Lecture3.1
-
Lecture3.2
-
Lecture3.3
-
Lecture3.4
-
Lecture3.5
-
Lecture3.6
-
Lecture3.7
-
Lecture3.8
-
-
STEP-102
9-
Lecture4.1
-
Lecture4.2
-
Lecture4.3
-
Lecture4.4
-
Lecture4.5
-
Lecture4.6
-
Lecture4.7
-
Lecture4.8
-
Lecture4.9
-
-
STEP-103
7-
Lecture5.1
-
Lecture5.2
-
Lecture5.3
-
Lecture5.4
-
Lecture5.5
-
Lecture5.6
-
Lecture5.7
-
-
STEP-104
7-
Lecture6.1
-
Lecture6.2
-
Lecture6.3
-
Lecture6.4
-
Lecture6.5
-
Lecture6.6
-
Lecture6.7
-
-
STEP-105
5-
Lecture7.1
-
Lecture7.2
-
Lecture7.3
-
Lecture7.4
-
Lecture7.5
-
-
Challange
1-
Lecture8.1
-
-
STEP-106
4-
Lecture9.1
-
Lecture9.2
-
Lecture9.3
-
Lecture9.4
-
-
STEP-107 NOT READY
5-
Lecture10.1
-
Lecture10.2
-
Lecture10.3
-
Lecture10.4
-
Lecture10.5
-
-
STEP-108 NOT READY
4-
Lecture11.1
-
Lecture11.2
-
Lecture11.3
-
Lecture11.4
-
-
STEP-109 NOT READY
4-
Lecture12.1
-
Lecture12.2
-
Lecture12.3
-
Lecture12.4
-
-
STEP-110 NOT READY
4-
Lecture13.1
-
Lecture13.2
-
Lecture13.3
-
Lecture13.4
-
105.0 – Gathering Content
In this lesson we add functionality to our links to pull from our iop-me WordPress API to populate the content when a link is clicked. We add a page loader, in addition to the one we have, to provide the user with feedback when they first come to the application. This step demonstrates that with a little code a great deal of magic can be added to our application.
- Complete all steps completed in the video “inside out – STEP 105.0 | Gathering Content”.
- 00:00 – Introduction
- 00:27 – what are we doing?
- 00:39 – review objective
- 01:02 – start with the loader & code cleaning
- 01:20 – clean up comments in index.html page
- 02:01 – find comments in your code
- 02:48 – take a look at creating the loader
- 03:01 – replace index.html section content
- 03:14 – review loader div code
- 03:33 – validate code changes
- 04:16 – work on loader styles
- 04:38 – add min height for section elements
- 04:44 – review circle loader css
- 05:07 – validate loader
- 05:53 – begin working on pulling content in
- 06:10 – begin working in the app.js file
- 06:19 – add getPage function in app.js
- 06:33 – discuss api page call
- 11:04 – add getPage() to load home on load
- 12:35 – discuss object_id/page id in menu json
- 13:00 – modify menu links to get content
- 13:04 – update menu links – add page id attr.
- 13:43 – edit link event listner to get page id
- 15:32 – add click listner to logo
- 16:20 – add onclick event to h1 logo
- 17:08 – add style to h1 logo
- 17:21 – open style.css file
- 17:30 – replace first comment with step info
- 17:32 – add the
- #logo style for cursor
- 17:47 – add the
- #logo style for hover event
- 18:22 – clean up style.css file
- 20:21 – complete functional testing/validation
- 21:22 – close all files and prepare for commit
- 21:35 – git status
- 21:43 – git add
- 21:53 – git commit
- DMj1DvoAkY0,,youtube,,Workflow, Git, Dreamwaver & Webserver | www.youtube.com,,
In this video we cover how to setup your file system, connect to your web server, setup Git, and configure dreamweaver. Table of Contents: 00:00 – Introducti…
,,https://www.youtube.com/watch?v=DMj1DvoAkY0