Feedback: Exploring Service - Mocking Quick File Server (2)
When following the course LFW111 in chapte Exploring Service - Mocking Quick File Server (2) i think i found some mistakes:
Files are referred to as Folder
's:
- The second step is to create two files inside the static folder labeled index.html and app.js. Place the respective code into each file as shown below:
- ---------------------------------------------------------------------------
- index.html Folder:
- ---------------------------------------------------------------------------
- <html>
- <head>
I think it should say: index.html File:
instead of index.html Folder:
. Be aware that this is also the case for app.js Folder:
should become app.js File:
to avoid confusion.
Not waiting for DOMContentLoaded
event results in not finding the fetch
button
When creating a new file server using the static
npm package. Some JavaScript is added. But because the DOM is not loaded, the button with id fetch
cannot be found. An event listener should be added to wait for the DOM content to be loaded. Something like so:
- addEventListener("DOMContentLoaded", () => {
- document.getElementById("fetch").addEventListener("click", async () => {
- await populateProducts();
- });
- });
Comments
-
But because the DOM is not loaded, the button with id
fetch
cannot be found. An event listener should be added to wait for the DOM content to be loaded. Something like so:- addEventListener("DOMContentLoaded", () => {
- document.getElementById("fetch").addEventListener("click", async () => {
- await populateProducts();
- });
- });
Hi,
As I understand it, js-modules which are loaded as- <script type="module">
are deferred and what that means is that those modules are executed right before
DOMContentLoaded
event is fired and after document is completely parsed, so there should not be any danger that some elements are not present in the DOM.The DOMContentLoaded event fires when the HTML document has been completely parsed, and all deferred scripts (
<script defer src="…"> and <script type="module">
) have downloaded and executed. It doesn't wait for other things like images, subframes, and async scripts to finish loading.https://developer.mozilla.org/en-US/docs/Web/API/Document/DOMContentLoaded_event
0
Categories
- All Categories
- 145 LFX Mentorship
- 145 LFX Mentorship: Linux Kernel
- 832 Linux Foundation IT Professional Programs
- 380 Cloud Engineer IT Professional Program
- 184 Advanced Cloud Engineer IT Professional Program
- 84 DevOps Engineer IT Professional Program
- 153 Cloud Native Developer IT Professional Program
- 147 Express Training Courses & Microlearning
- 147 Express Courses - Discussion Forum
- Microlearning - Discussion Forum
- 6.8K Training Courses
- 48 LFC110 Class Forum - Discontinued
- 73 LFC131 Class Forum
- 51 LFD102 Class Forum
- 242 LFD103 Class Forum
- 22 LFD110 Class Forum
- 47 LFD121 Class Forum
- 1 LFD123 Class Forum
- LFD125 Class Forum
- 18 LFD133 Class Forum
- 9 LFD134 Class Forum
- 18 LFD137 Class Forum
- 72 LFD201 Class Forum
- 5 LFD210 Class Forum
- 5 LFD210-CN Class Forum
- 2 LFD213 Class Forum - Discontinued
- 128 LFD232 Class Forum - Discontinued
- 2 LFD233 Class Forum
- 4 LFD237 Class Forum
- 24 LFD254 Class Forum
- 730 LFD259 Class Forum
- 111 LFD272 Class Forum - Discontinued
- 4 LFD272-JP クラス フォーラム
- 13 LFD273 Class Forum
- 299 LFS101 Class Forum
- 2 LFS111 Class Forum
- 3 LFS112 Class Forum
- 3 LFS116 Class Forum
- 8 LFS118 Class Forum
- 1 LFS120 Class Forum
- 9 LFS142 Class Forum
- 8 LFS144 Class Forum
- 4 LFS145 Class Forum
- 5 LFS146 Class Forum
- 17 LFS148 Class Forum
- 16 LFS151 Class Forum
- 5 LFS157 Class Forum
- 73 LFS158 Class Forum
- LFS158-JP クラス フォーラム
- 12 LFS162 Class Forum
- 2 LFS166 Class Forum
- 7 LFS167 Class Forum
- 3 LFS170 Class Forum
- 2 LFS171 Class Forum
- 3 LFS178 Class Forum
- 3 LFS180 Class Forum
- 2 LFS182 Class Forum
- 5 LFS183 Class Forum
- 35 LFS200 Class Forum
- 737 LFS201 Class Forum - Discontinued
- 3 LFS201-JP クラス フォーラム - Discontinued
- 21 LFS203 Class Forum
- 140 LFS207 Class Forum
- 2 LFS207-DE-Klassenforum
- 2 LFS207-JP クラス フォーラム
- 302 LFS211 Class Forum
- 56 LFS216 Class Forum
- 55 LFS241 Class Forum
- 50 LFS242 Class Forum
- 38 LFS243 Class Forum
- 16 LFS244 Class Forum
- 6 LFS245 Class Forum
- LFS246 Class Forum
- LFS248 Class Forum
- 119 LFS250 Class Forum
- 2 LFS250-JP クラス フォーラム
- 1 LFS251 Class Forum
- 158 LFS253 Class Forum
- 1 LFS254 Class Forum
- 2 LFS255 Class Forum
- 13 LFS256 Class Forum
- 1 LFS257 Class Forum
- 1.3K LFS258 Class Forum
- 11 LFS258-JP クラス フォーラム
- 137 LFS260 Class Forum
- 163 LFS261 Class Forum
- 43 LFS262 Class Forum
- 82 LFS263 Class Forum - Discontinued
- 15 LFS264 Class Forum - Discontinued
- 11 LFS266 Class Forum - Discontinued
- 24 LFS267 Class Forum
- 25 LFS268 Class Forum
- 37 LFS269 Class Forum
- 10 LFS270 Class Forum
- 202 LFS272 Class Forum - Discontinued
- 2 LFS272-JP クラス フォーラム
- 4 LFS147 Class Forum
- 2 LFS274 Class Forum
- 4 LFS281 Class Forum
- 24 LFW111 Class Forum
- 262 LFW211 Class Forum
- 186 LFW212 Class Forum
- 15 SKF100 Class Forum
- 1 SKF200 Class Forum
- 2 SKF201 Class Forum
- 797 Hardware
- 199 Drivers
- 68 I/O Devices
- 37 Monitors
- 104 Multimedia
- 174 Networking
- 91 Printers & Scanners
- 85 Storage
- 763 Linux Distributions
- 82 Debian
- 67 Fedora
- 18 Linux Mint
- 13 Mageia
- 23 openSUSE
- 149 Red Hat Enterprise
- 31 Slackware
- 13 SUSE Enterprise
- 356 Ubuntu
- 471 Linux System Administration
- 39 Cloud Computing
- 71 Command Line/Scripting
- Github systems admin projects
- 96 Linux Security
- 78 Network Management
- 102 System Management
- 47 Web Management
- 70 Mobile Computing
- 19 Android
- 38 Development
- 1.2K New to Linux
- 1K Getting Started with Linux
- 381 Off Topic
- 116 Introductions
- 177 Small Talk
- 27 Study Material
- 811 Programming and Development
- 306 Kernel Development
- 487 Software Development
- 1.8K Software
- 263 Applications
- 183 Command Line
- 4 Compiling/Installing
- 988 Games
- 317 Installation
- 104 All In Program
- 104 All In Forum
Upcoming Training
-
August 20, 2018
Kubernetes Administration (LFS458)
-
August 20, 2018
Linux System Administration (LFS301)
-
August 27, 2018
Open Source Virtualization (LFS462)
-
August 27, 2018
Linux Kernel Debugging and Security (LFD440)