Building Beautiful Angular 7 Apps with PrimeNG
Angular is a widely popular and productive JavaScript framework, but doesn't always provide consistent components. This course teaches you how to use the PrimeNG component library to build full-featured, beautiful Angular applications in record time.
What you'll learn
Angular is a super productive and wildly popular JavaScript framework for stitching together great web applications. Unfortunately, it doesn’t provide any consistent set of ready-to-use, great-looking UI components out-of-the-box. PrimeNG is that missing library.
In this course, Building Beautiful Angular Apps with PrimeNG, you'll create a fun line business application, Agile Times, while covering a huge array of useful controls.
First, you'll explore specialty controls, including:
- Realtime charts
- Searchable datagrids
- Interactive Google maps
- Popup dialogs
- Tree-style controls
Finally, you'll discover how to utilize the PrimeNG source when the documentation lets you down.
By the end of this course, you'll have the necessary knowledge to build useable and consistent Angular applications with PrimeNG.
Table of contents
- Introduction 0m
- What You'll Learn 1m
- Reactive Forms 1m
- Your First PrimeNG Reactive Form 3m
- Reactive Form Markup 5m
- The Great Validation Refactor 2m
- Styling Submit Buttons 2m
- Working with Masked Input 2m
- Working with TextAreas 1m
- Getting Rich with Text Editing 2m
- Fun with Calendars 2m
- Radio Buttons 2m
- Fieldsets 1m
- Choosing Devs with Dropdowns 2m
- Choosing Devs with Multiselect 1m
- Choosing Devs with a Listbox 1m
- Using Custom Item Templates 2m
- Using Spinners 1m
- Using Sliders 1m
- Using Ratings 2m
- Summary 1m
- Introduction 0m
- What You'll Learn 2m
- Your First PrimeNG DataTable 1m
- Datatable Markup 2m
- Sorting Tables 1m
- Filtering Tables 2m
- Custom UI Templates for Filtering 3m
- Re-order and Resize Columns 1m
- Facets: Customising Headers and Footers 2m
- CSV Export 1m
- Inplace Editing 4m
- Row Selection 4m
- Context Menu 4m
- Scrolling and Pagination 3m
- Lazy Loading 5m
- Summary 1m
- Intro 0m
- What You'll Learn 2m
- Working with Tabs 3m
- Creating Dynamic Tabs 2m
- Handling Tab Changes 2m
- Working with Dialogs 2m
- Dialog Headers and Footers 1m
- Implementing Wizard Steps 2m
- Switching Step Panes 1m
- Adding a Schedule 4m
- Tree Controls 3m
- Working with Maps 4m
- DataGrids 2m
- Tooltips 1m
- Confirmation Dialogs 3m
- Toasting Growls 3m
- Summary 1m
Course FAQ
PrimeNG is an open source library of UI components for Angular. It provides a consistent set of ready-to-use and attractive UI components "out-of-the-box".
Grids, charts, calendars, popup dialogs, Google Maps, Wizards, and similar elements that make your app more appealing and user-friendly.
Building a stylish line of business application called Agile Times, pulling together all the building blocks of a great functional UI, and building much more usable, consistent and beautiful angular applications in far less time
This course is for anyone who wants to produce beautiful and familiar apps that users will love, without a team of graphic designers and UX people at their disposal.
You should already be familiar with Angular before taking this course. If you need to learn it or just want a refresher, check out these Angular courses.
About the author
Glen is an enterprise software developer, trainer, author, and speaker based in Canberra, Australia. He's the co-author of Manning's Grails In Action books, an international conference speaker, and maintains a popular blog on all things dev. When he's not inspiring developers about web, Git, and Agile stuff, you'll find him speaking at local user groups or hacking on open sources apps. His company, Bytecode Pty Ltd, is a motley crew of stunt programmers building next generation web applications ... more