Building Beautiful Angular Apps with PrimeNG

Pluralsight

Course Summary

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.

+
Course Description

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, and tree-style controls. Next, you'll dive into advanced topics, such as drag and drop controls, and unit testing. 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.

Course Description

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, and tree-style controls. Next, you'll dive into advanced topics, such as drag and drop controls, and unit testing. 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.

+
Course Syllabus

Course Overview
- 2m 9s

—Course Overview 2m 9s

Course Introduction
- 11m 13s

—Introduction 0m 42s
—What Is PrimeNG? 1m 20s
—Getting the Most from This Course 1m 0s
—Why Non-designers Love PrimeNG 1m 14s
—Tour of the Sample App 3m 57s
—Getting the Source 0m 49s
—Course Outline 2m 8s

PrimeNG Fundamentals
- 20m 36s

—Introduction 0m 33s
—What You'll Learn 1m 20s
—Installing the Angular CLI 3m 3s
—Working with Themes 1m 28s
—Cloning the Sample App 1m 0s
—Three Step Process 3m 41s
—The Prime Grid System 3m 9s
—Working with Icon Fonts 1m 54s
—Building a Statistics Component 1m 39s
—Implementing a Menu 1m 46s
—Summary 0m 59s

Charts for Visual Effect
- 24m 5s

—Introduction 0m 20s
—What You'll Learn 1m 13s
—Getting Configured 1m 50s
—Your First Pie Chart 1m 42s
—Pie Data Models 1m 50s
—Working with Dynamic Data 2m 7s
—Polar Area Charts 1m 16s
—Bar Charts 1m 50s
—Line and Radar Charts 1m 32s
—Mixing Chart Types 1m 48s
—Interactive Charting 2m 43s
—Deeper Customization 1m 53s
—Realtime Charting 2m 43s
—Summary 1m 9s

Forms Unmasked
- 35m 28s

—Introduction 0m 27s
—What You'll Learn 1m 20s
—Reactive Forms 1m 21s
—Your First PrimeNG Reactive Form 2m 55s
—Reactive Form Markup 5m 14s
—The Great Validation Refactor 2m 11s
—Styling Submit Buttons 1m 30s
—Working with Masked Input 1m 44s
—Working with TextAreas 1m 14s
—Getting Rich with Text Editing 1m 41s
—Fun with Calendars 1m 58s
—Radio Buttons 1m 30s
—Fieldsets 0m 59s
—Choosing Devs with Dropdowns 1m 47s
—Choosing Devs with Multiselect 1m 13s
—Choosing Devs with a Listbox 0m 50s
—Using Custom Item Templates 2m 16s
—Using Spinners 1m 7s
—Using Sliders 1m 14s
—Using Ratings 1m 30s
—Summary 1m 17s

DataTables
- 35m 53s

—Introduction 0m 25s
—What You'll Learn 1m 32s
—Your First PrimeNG DataTable 1m 26s
—Datatable Markup 1m 31s
—Sorting Tables 1m 24s
—Filtering Tables 2m 16s
—Custom UI Templates for Filtering 2m 47s
—Re-order and Resize Columns 0m 55s
—Facets: Customising Headers and Footers 1m 59s
—CSV Export 1m 14s
—Inplace Editing 3m 46s
—Row Selection 3m 33s
—Context Menu 3m 44s
—Scrolling and Pagination 2m 56s
—Lazy Loading 5m 3s
—Summary 1m 13s

Dialogs, Tabs, and Other Wizardry
- 36m 16s

—Intro 0m 28s
—What You'll Learn 1m 32s
—Working with Tabs 2m 45s
—Creating Dynamic Tabs 2m 29s
—Handling Tab Changes 1m 49s
—Working with Dialogs 1m 44s
—Dialog Headers and Footers 0m 58s
—Implementing Wizard Steps 1m 59s
—Switching Step Panes 1m 28s
—Adding a Schedule 4m 5s
—Tree Controls 2m 42s
—Working with Maps 3m 58s
—DataGrids 2m 27s
—Tooltips 0m 59s
—Confirmation Dialogs 2m 54s
—Toasting Growls 2m 41s
—Summary 1m 10s

Advanced Topics
- 23m 8s

—Introduction 0m 32s
—What You'll Learn 1m 39s
—Drag and Drop 3m 12s
—Using Galleria for Profile Images 1m 17s
—Implementing Draggable 1m 20s
—Selecting Images 2m 1s
—Diving into PrimeNG Source 4m 30s
—Unit Testing PrimeNG Components 5m 56s
—Where to from Here? 1m 18s
—Summary 1m 20s

Course Fee:

USD 29

Course Type:	Self-Study
Course Status:	Active
Workload:	1 - 4 hours / week

This course is listed under Development & Implementations , Networks & IT Infrastructure , Digital Media & Games , Project & Service Management , Quality Assurance & Testing , Server & Storage Management and Mobility Community

Attended this course? Write a Review

Course Fee:

USD 29

Course Type:	Self-Study
Course Status:	Active
Workload:	1 - 4 hours / week

IT Career Development Platform

Building Beautiful Angular Apps with PrimeNG

Pluralsight

Course Summary

Course Description

Course Description

Course Syllabus

Course Type:

Course Status:

Workload:

Unit testing

Testing

JavaScript

Google Maps

Common Language Infrastructure (CLI)

Cluster Shared Volumes (CSV)

Array

Agile

Attended this course? Write a Review

Course Type:

Course Status:

Workload: