Join Victor Mejia for an in-depth discussion in this video Solution: Adding JavaScript libraries, part of Learning the Angular CLI.
(upbeat music) … - [Instructor] Let's take a look again … at the angular.json file … and now at the script array. … Any file placed here will be added … to your application's global scope, … similar to loading the file using a script tag. … The particles.JS libraries on NPM. … So let's first install it and NPM install particles.JS. … Let's inspect the node modules under particles.JS. … And let's go ahead and list the files here. … And we see that the script that we need … is that the root named particles.JS. … Let's go ahead and not this path to our scripts array. … This will be at /node, modules/particles.JS/particles.JS. … Let's use this library now to add … a particle animation to our application. … The particles.JS library uses the configuration file. … Go ahead and grab this file … from the exercise files for this video … and drag it to the assets folder … Head over now to the app.component.HTML file … and this go ahead and add a div with an ID of particles … and then heading over to the component class. …
Author
Released
1/8/2021Skill Level Intermediate
Duration
Views
Related Courses
-
Learning Angular
with Ray Villalobos1h 40m Beginner -
Angular: API Communication and Authentication
with Victor Mejia1h 41m Intermediate -
Angular Essential Training
with Justin Schwartzenberger3h 30m Intermediate -
Angular Testing and Debugging
with Derek Peruo1h 16m Intermediate
-
Introduction
-
Using the exercise files1m 16s
-
1. Exploring the Angular CLI
-
Installing the CLI1m 30s
-
2. Updating Angular Versions
-
Using ng update: Part 13m 36s
-
Using ng update: Part 23m 52s
-
3. Creating New Angular Projects
-
The ng new command3m 49s
-
Adding application assets3m 55s
-
Adding a CSS framework1m 8s
-
-
4. Serving Angular Applications for Development
-
The ng serve command1m 27s
-
-
5. Generating Angular Application Code
-
Generating pipes45s
-
Generating route guards1m 39s
-
Generating custom library1m 27s
-
6. Building Angular Applications
-
The ng build command1m 3s
-
7. Running Tests
-
Test run options1m 26s
-
Testing workflow2m 59s
-
Conclusion
-
Next steps32s
-
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.
CancelTake notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.
Share this video
Embed this video
Video: Solution: Adding JavaScript libraries