Shineyrock
web design & consultancy
Shineyrock
blog
Short Course: Better Angular App Architecture With Modules
In all of the holiday rush, maybe you missed a short course we published on the very last day of the year, Better Angular App Architecture With Modules. Learn more about it and watch a free introductory video below.
What You’ll Learn
When you're just starting out with Angular, you'll probably write your app as a single module. This works fine for small apps, but for more complex production apps, the single-module approach will quickly get out of control and make the code hard to maintain.
In this course, Dan Wellman will teach you how to move from a small single-module Angular app to a larger, more complex multi-module architecture.
![Better Angular App Architecture With Modules screenshot]()
Among other things, you'll learn about:
- adding submodules and feature modules
- lazy-loading feature modules
- handling services
- creating a third-party module
Along the way, you'll see a practical example of how to break an app down into discrete sections in order to minimise and organise the complexity that growth of the codebase brings.
Watch the Introduction
Take the Course
You can take our new course straight away with a subscription to Envato Elements. For a single low monthly fee, you get access not only to this course, but also to our growing library of over 1,000 video courses and industry-leading eBooks on Envato Tuts+.
Plus you now get unlimited downloads from the huge Envato Elements library of 870,000+ creative assets. Create with unique fonts, photos, graphics and templates, and deliver better projects faster.
martijn broeders
founder/ strategic creative at shineyrock web design & consultancy
e-mail: .(JavaScript must be enabled to view this email address)
phone: 434 210 0245- adding submodules and feature modules
By - category
By - date
December, 2023
The Best Small Business Web Designs by DesignRush
/
2October, 2022
Create Modern Vue Apps Using Create-Vue and Vite
/ 1September, 2022
How to Fix the “There Has Been a Critical Error in Your Website” Error in WordPress
How To Fix The “There Has Been A Critical Error in Your Website” Error in WordPress
/
-4August, 2022
April, 2022
How Long Does It Take to Learn JavaScript?
/ 1January, 2022
The Best Way to Deep Copy an Object in JavaScript
/ 1December, 2021
-
/ 4
-
/ -4
Adding and Removing Elements From Arrays in JavaScript
/ 4Create a JavaScript AJAX Post Request: With and Without jQuery
/ 4November, 2021
5 Real-Life Uses for the JavaScript reduce() Method
/ -4July, 2021
How to Enable or Disable a Button With JavaScript: jQuery vs. Vanilla
/ 6How to Enable or Disable a Button With JavaScript: jQuery vs Vanilla
/ -6Confirm Yes or No With JavaScript
/ -1June, 2021
How to Change the URL in JavaScript: Redirecting
/ -415+ Best WordPress Twitter Widgets
/ -1May, 2021
27 Best Tab and Accordion Widget Plugins for WordPress (Free & Premium)
/ 1121 Best Tab and Accordion Widget Plugins for WordPress (Free & Premium)
/ -430 HTML Best Practices for Beginners
/ -731 Best WordPress Calendar Plugins and Widgets (With 5 Free Plugins)
/ -525 Ridiculously Impressive HTML5 Canvas Experiments
/ -1-
/ 5
How to Implement Email Verification for New Members
/ 2How to Create a Simple Web-Based Chat Application
/ 2April, 2021
30 Popular WordPress User Interface Elements
/ -2Top 18 Best Practices for Writing Super Readable Code
/ 3Best Affiliate WooCommerce Plugins Compared
/ -9March, 2021
18 Best WordPress Star Rating Plugins
/ 810+ Best WordPress Twitter Widgets
/ -320+ Best WordPress Booking and Reservation Plugins
/ 1February, 2021
Working With Tables in React: Part Two
/ -4Best CSS Animations and Effects on CodeCanyon
/ -1330 CSS Best Practices for Beginners
/ -3How to Create a Custom WordPress Plugin From Scratch
/ -2May, 2020
10 Best Responsive HTML5 Sliders for Images and Text… and 3 Free Options
/ -316 Best Tab and Accordion Widget Plugins for WordPress
/ -3April, 2020
18 Best WordPress Membership Plugins and 5 Free Plugins
/ -125 Best WooCommerce Plugins for Products, Pricing, Payments and More
/ 110 Best WordPress Twitter Widgets
1 / 8March, 2020
12 Best Contact Form PHP Scripts for 2020
/ -1September, 2017
February, 2020
20 Popular WordPress User Interface Elements
/ -410 Best WordPress Star Rating Plugins
/ -7January, 2020
12 Best CSS Animations on CodeCanyon
/ -312 Best WordPress Booking and Reservation Plugins
/ -1December, 2019
12 Elegant CSS Pricing Tables for Your Latest Web Project
/ 624 Best WordPress Form Plugins for 2020
/ 3September, 2019
14 Best PHP Event Calendar and Booking Scripts
/ -6July, 2019
Create a Blog for Each Category or Department in Your WooCommerce Store
/ 7April, 2019
8 Best WordPress Booking and Reservation Plugins
/ -7March, 2019
Best Exit Popups for WordPress Compared
/ 16Best Exit Popups for WordPress Compared
/ -711 Best Tab & Accordion WordPress Widgets & Plugins
/ -912 Best Tab & Accordion WordPress Widgets & Plugins
1-
harriett What's up, after reading this awesome…
-
February, 2019
New Course: Practical React Fundamentals
/ 1January, 2019
Preview Our New Course on Angular Material
/ 2Build Your Own CAPTCHA and Contact Form in PHP
/ -2December, 2018
Object-Oriented PHP With Classes and Objects
/ -7Best Practices for ARIA Implementation
/ -1Accessible Apps: Barriers to Access and Getting Started With Accessibility
/ -6November, 2018
Dramatically Speed Up Your React Front-End App Using Lazy Loading
/ 17October, 2018
15 Best Modern JavaScript Admin Templates for React, Angular, and Vue.js
/ -415 Best Modern JavaScript Admin Templates for React, Angular and Vue.js
/ 319 Best JavaScript Admin Templates for React, Angular, and Vue.js
/ 2New Course: Build an App With JavaScript and the MEAN Stack
/ 2Hands-on With ARIA: Accessibility Recipes for Web Apps
/ -110 Best WordPress Facebook Widgets
13 / -1-
Cathleen Wonderful, what a website it is! This…
-
Sharyn Ѕimply a smiling ѵisitant heгe to…
-
shelby What's up it's me, I am also visiting…
-
Lottie I read this paragraph completely…
-
September, 2018
Hands-on With ARIA: Accessibility for eCommerce
/ -2New eBooks Available for Subscribers
/ -3Hands-on With ARIA: Homepage Elements and Standard Navigation
/ 13-
/ -4
Site Accessibility: Getting Started With ARIA
/ -1August, 2018
How Secure Are Your JavaScript Open-Source Dependencies?
/ -2New Course: Secure Your WordPress Site With SSL
/ -3Testing Components in React Using Jest and Enzyme
/ -9Testing Components in React Using Jest: The Basics
/ -4July, 2018
15 Best PHP Event Calendar and Booking Scripts
/ 3June, 2018
Create Interactive Gradient Animations Using Granim.js
/ 13How to Build Complex, Large-Scale Vue.js Apps With Vuex
1 / -9-
Frankenicerm Get exactly what you want with custom…
-
Examples of Dependency Injection in PHP With Symfony Components
/ -2May, 2018
Set Up Routing in PHP Applications Using the Symfony Routing Component
1 / 13-
romeo You certainly deserve a round of…
-
A Beginner’s Guide to Regular Expressions in JavaScript
/ 7Introduction to Popmotion: Custom Animation Scrubber
/ -7Introduction to Popmotion: Pointers and Physics
/ -16New Course: Connect to a Database With Laravel’s Eloquent ORM
/ -13How to Create a Custom Settings Panel in WooCommerce
/ -10Building the DOM faster: speculative parsing, async, defer and preload
1 / 1-
Melissa Perfect info, thanks!
-
20 Useful PHP Scripts Available on CodeCanyon
3 / 42-
darios Valuable info. Lucky me I found your…
-
Vern Link exchhange is nothing else excelt…
-
Patsy Bryan Wow, that's what I was seeking for,…
-
April, 2018
How to Find and Fix Poor Page Load Times With Raygun
/ 2Introduction to the Stimulus Framework
/ -7Single-Page React Applications With the React-Router and React-Transition-Group Modules
-
/ 1
12 Best Contact Form PHP Scripts
1 / 4-
tammie I am sure this piece of writing has…
-
Getting Started With the Mojs Animation Library: The ShapeSwirl and Stagger Modules
/ 3Getting Started With the Mojs Animation Library: The Shape Module
Getting Started With the Mojs Animation Library: The HTML Module
/ 2Project Management Considerations for Your WordPress Project
/ -58 Things That Make Jest the Best React Testing Framework
/ 4March, 2018
Creating an Image Editor Using CamanJS: Layers, Blend Modes, and Events
/ -1New Short Course: Code a Front-End App With GraphQL and React
/ 3Creating an Image Editor Using CamanJS: Applying Basic Filters
/ -4Creating an Image Editor Using CamanJS: Creating Custom Filters and Blend Modes
/ -4Modern Web Scraping With BeautifulSoup and Selenium
/ 3Challenge: Create a To-Do List in React
1-
mezo Post wrting іs allso a excitement, іf…
-
Deploy PHP Web Applications Using Laravel Forge
/ -1Getting Started With the Mojs Animation Library: The Burst Module
/ -3-
/ -8
10 Things Men Can Do to Support Women in Tech
/ 2February, 2018
A Gentle Introduction to Higher-Order Components in React: Best Practices
/ -5Challenge: Build a React Component
/ 2A Gentle Introduction to HOC in React: Learn by Example
/ 4A Gentle Introduction to Higher-Order Components in React
/ -7Creating Pretty Popup Messages Using SweetAlert2
/ -6Creating Stylish and Responsive Progress Bars Using ProgressBar.js
/ 718 Best Contact Form PHP Scripts for 2022
/ -1How to Make a Real-Time Sports Application Using Node.js
/ -2Creating a Blogging App Using Angular & MongoDB: Delete Post
/ -12Set Up an OAuth2 Server Using Passport in Laravel
/ 7Creating a Blogging App Using Angular & MongoDB: Edit Post
/ -5Creating a Blogging App Using Angular & MongoDB: Add Post
/ 3Introduction to Mocking in Python
/ -1Creating a Blogging App Using Angular & MongoDB: Show Post
/ 4Creating a Blogging App Using Angular & MongoDB: Home
/ 7-
/ 1
Creating a Blogging App Using Angular & MongoDB: Login
/ 11Creating Your First Angular App: Implement Routing
/ 3Persisted WordPress Admin Notices: Part 4
/ -9Creating Your First Angular App: Components, Part 2
/ -2Persisted WordPress Admin Notices: Part 3
/ 3Creating Your First Angular App: Components, Part 1
/ 1How Laravel Broadcasting Works
/ 5-
/ 8
Persisted WordPress Admin Notices: Part 2
/ -4Create Your First Angular App: Storing and Accessing Data
/ 1Persisted WordPress Admin Notices: Part 1
/ -4Error and Performance Monitoring for Web & Mobile Apps Using Raygun
Using Luxon for Date and Time in JavaScript
7 / -7-
earlene This text is invaluable. How can I find…
-
amelie I needed to thank you for this great…
-
noe vance Hi, for all time i used to check…
-
brayden Pretty! This was an extremely wonderful…
-
January, 2018
How to Create an Audio Oscillator With the Web Audio API
/ -9How to Cache Using Redis in Django Applications
/ 320 Essential WordPress Utilities to Manage Your Site
/ -8Introduction to API Calls With React and Axios
/ -1Beginner’s Guide to Angular 4: HTTP
/ 14Rapid Web Deployment for Laravel With GitHub, Linode, and RunCloud.io
/ 7Beginners Guide to Angular 4: Routing
/ -9Beginner’s Guide to Angular 4: Services
/ -1Beginner’s Guide to Angular 4: Components
/ -1Creating a Drop-Down Menu for Mobile Pages
/ 6Introduction to Forms in Angular 4: Writing Custom Form Validators
/ 510 Best WordPress Booking & Reservation Plugins
/ -2Getting Started With Redux: Connecting Redux With React
/ 7Getting Started With Redux: Learn by Example
/ 12Getting Started With Redux: Why Redux?
/ 5How to Auto Update WordPress Salts
/ -5How to Download Files in Python
/ 6-
/ -11
Eloquent Mutators and Accessors in Laravel
1 / 12-
mezo Ι love it whenever people get…
-
-
/ -10
December, 2017
-
/ 17
10 Best HTML5 Sliders for Images and Text
/ 5Site Authentication in Node.js: User Signup
/ -1Creating a Task Manager App Using Ionic: Part 2
/ -1Creating a Task Manager App Using Ionic: Part 1
/ -2Introduction to Forms in Angular 4: Reactive Forms
/ 1-
/ -2
Introduction to Forms in Angular 4: Template-Driven Forms
/ 224 Essential WordPress Utilities to Manage Your Site
/ 325 Essential WordPress Utilities to Manage Your Site
/ -7Get Rid of Bugs Quickly Using BugReplay
1 / -18-
madison I see you don't monetize your site,…
-
Manipulating HTML5 Canvas Using Konva: Part 1, Getting Started
/ 310 Must-See Easy Digital Downloads Extensions for Your WordPress Site
22 Best WordPress Booking and Reservation Plugins
/ -2Understanding ExpressJS Routing
/ -415 Best WordPress Star Rating Plugins
/ 3Creating Your First Angular App: Basics
/ -6November, 2017
Inheritance and Extending Objects With JavaScript
/ -7Introduction to the CSS Grid Layout With Examples
1-
quito Hello. And Bye.
-
-
/ 4
Performant Animations Using KUTE.js: Part 5, Easing Functions and Attributes
Performant Animations Using KUTE.js: Part 4, Animating Text
/ -5Performant Animations Using KUTE.js: Part 3, Animating SVG
/ -4New Course: Code a Quiz App With Vue.js
/ 1Performant Animations Using KUTE.js: Part 2, Animating CSS Properties
-
/ -1
Performant Animations Using KUTE.js: Part 1, Getting Started
/ 310 Best Responsive HTML5 Sliders for Images and Text (Plus 3 Free Options)
/ -9Single-Page Applications With ngRoute and ngAnimate in AngularJS
/ -11Deferring Tasks in Laravel Using Queues
/ -2Site Authentication in Node.js: User Signup and Login
/ 4Working With Tables in React, Part Two
/ -14Working With Tables in React, Part One
/ 5How to Set Up a Scalable, E-Commerce-Ready WordPress Site Using ClusterCS
/ -4New Course on WordPress Conditional Tags
/ 4October, 2017
TypeScript for Beginners, Part 5: Generics
/ -2-
/ -10
Building With Vue.js 2 and Firebase
6 / 13-
Peden Hello! I'm at work browsing your blog…
-
cameron Very great post. I just stumbled upon…
-
juliane mckibben WOW just what I was looking for. Came…
-
carissa That is a good tip especially to those…
-
-
/ -12
Best Unique Bootstrap JavaScript Plugins
/ 2Essential JavaScript Libraries and Frameworks You Should Know About
/ 4-
/ 3
Vue.js Crash Course: Create a Simple Blog Using Vue.js
/ -14Build a React App With a Laravel RESTful Back End: Part 1, Laravel 5.5 API
/ 5API Authentication With Node.js
/ -6Beginner’s Guide to Angular: HTTP
/ -1Beginner’s Guide to Angular: Routing
/ -4Beginners Guide to Angular: Routing
/ -8Beginner’s Guide to Angular: Services
/ 2Beginner’s Guide to Angular: Components
/ 2September, 2017
How to Create a Custom Authentication Guard in Laravel
/ 3Learn Computer Science With JavaScript: Part 3, Loops
/ -8Build Web Applications Using Node.js
/ 1Learn Computer Science With JavaScript: Part 4, Functions
/ 2Learn Computer Science With JavaScript: Part 2, Conditionals
/ 13Create Interactive Charts Using Plotly.js, Part 5: Pie and Gauge Charts
/ -4Create Interactive Charts Using Plotly.js, Part 4: Bubble and Dot Charts
Create Interactive Charts Using Plotly.js, Part 3: Bar Charts
/ -8Awesome JavaScript Libraries and Frameworks You Should Know About
/ -1Create Interactive Charts Using Plotly.js, Part 2: Line Charts
/ -12Bulk Import a CSV File Into MongoDB Using Mongoose With Node.js
/ -3Build a To-Do API With Node, Express, and MongoDB
/ 3Getting Started With End-to-End Testing in Angular Using Protractor
/ 7TypeScript for Beginners, Part 4: Classes
/ -5Object-Oriented Programming With JavaScript
/ 710 Best Affiliate WooCommerce Plugins Compared
/ -3Stateful vs. Stateless Functional Components in React
/ 11Make Your JavaScript Code Robust With Flow
/ -4Build a To-Do API With Node and Restify
/ 8Testing Components in Angular Using Jasmine: Part 2, Services
/ 1Testing Components in Angular Using Jasmine: Part 1
/ -4Creating a Blogging App Using React, Part 6: Tags
/ -12August, 2017
React Crash Course for Beginners, Part 3
/ 6React Crash Course for Beginners, Part 2
/ 3React Crash Course for Beginners, Part 1
/ 6Set Up a React Environment, Part 4
1 / 10-
abrazil Hello, I check your blog like every…
-
Set Up a React Environment, Part 3
/ -1New Course: Get Started With Phoenix
/ -2Set Up a React Environment, Part 2
/ 2Set Up a React Environment, Part 1
/ -5Command Line Basics and Useful Tricks With the Terminal
/ 5How to Create a Real-Time Feed Using Phoenix and React
/ -2Build a React App With a Laravel Back End: Part 2, React
/ -4Build a React App With a Laravel RESTful Back End: Part 1, Laravel 9 API
/ -4Creating a Blogging App Using React, Part 5: Profile Page
/ -1Pagination in CodeIgniter: The Complete Guide
/ 23JavaScript-Based Animations Using Anime.js, Part 4: Callbacks, Easings, and SVG
/ -3JavaScript-Based Animations Using Anime.js, Part 3: Values, Timeline, and Playback
/ -2Learn to Code With JavaScript: Part 1, The Basics
/ -3July, 2017
10 Elegant CSS Pricing Tables for Your Latest Web Project
/ -11Getting Started With the Flux Architecture in React
/ -3Getting Started With Matter.js: The Composites and Composite Modules
Getting Started With Matter.js: The Engine and World Modules
/ 1410 More Popular HTML5 Projects for You to Use and Study
/ -16Understand the Basics of Laravel Middleware
/ -3Iterating Fast With Django & Heroku
/ 12Creating a Blogging App Using React, Part 4: Update & Delete Posts
/ -3Creating a jQuery Plugin for Long Shadow Design
/ -10How to Register & Use Laravel Service Providers
2 / -7-
alexandria Hi, its fastidious article on the topic…
-
soi keo I always spent my half an hour to read…
-
Unit Testing in React: Shallow vs. Static Testing
/ 2Creating a Blogging App Using React, Part 3: Add & Display Post
/ 8June, 2017
Creating a Blogging App Using React, Part 2: User Sign-Up
20 / -1-
carris This piece of writing presents clear…
-
marissa Great write-up, I am normal visitor of…
-
ena As a Newbie, I am always exploring…
-
beth Thank you for another fantastic post.…
-
Creating a Blogging App Using React, Part 1: User Sign-In
/ -3Creating a Grocery List Manager Using Angular, Part 2: Managing Items
/ 49 Elegant CSS Pricing Tables for Your Latest Web Project
/ -3Dynamic Page Templates in WordPress, Part 3
/ -2Angular vs. React: 7 Key Features Compared
/ 5Creating a Grocery List Manager Using Angular, Part 1: Add & Display Items
New eBooks Available for Subscribers in June 2017
/ 2Create Interactive Charts Using Plotly.js, Part 1: Getting Started
/ 6The 5 Best IDEs for WordPress Development (And Why)
/ -433 Popular WordPress User Interface Elements
/ -4New Course: How to Hack Your Own App
/ -9How to Install Yii on Windows or a Mac
/ -3What Is a JavaScript Operator?
/ -3How to Register and Use Laravel Service Providers
/ 2
waly Good blog post. I absolutely love this…