0022 - 🔮 Building a modern Angular application with Parallax effect

Опубликовано: 12 Февраль 2026
на канале: clouddeveloper.io
6,828
31

Title: Building a modern Angular application with Parallax effect

Brace your self as this is a long one :)
In this video we redevelop our initial Angular website using a modern look and feel with a Parallax effect.
We begin the video by removing all of the old content and replacing it with new images as well as a complete redesign of the html structure.
This video shows the power of using an application framework where we have already created a skeleton application and simply end up replacing the HTML content without chaning the rest of the setup.
We go through and build a new set of HTML header, content, and footer sections with new links and styles and leverage the power of Semantic UI along the way to help us perform some layout type of functions. Leveraging jQuery along with some CSS media queries to make the website a bit more responsive to screen resizing as well as using some neat effects to make nicer for the end users.

Github page for this video: https://github.com/clouddeveloperio/c...

Related Video(s):

0016 - Creating a new Angular application with VS Code -    • 0016 - Creating a new Angular application ...  
0017 - Starting an Angular application and testing basics -    • 0017 - Starting an Angular application and...  
0018 - Angular + Semantic UI quick start guide -    • 0018 - Angular + Semantic UI quick start g...  
0019 - Adding jQuery to Angular for Semantic UI guide -    • 0019 - Adding jQuery to Angular for Semant...  
0020 - How to create components in Angular application walkthrough -    • 0020 - 🛠How to create components in Angula...  
0021 - Writing automated unit tests in Angular for components -    • 0021 - 📊 Writing automated unit tests in A...  

#modern #parallax #angular2 #angularjs #node #nodejs #ui #ux #semanticui