Packt+ | Advance your knowledge in tech

0

All Products

Best Sellers

New Releases

Books

Videos

Audiobooks

Free Learning

Angular UI Development with PrimeNG

You're reading from Angular UI Development with PrimeNG Build rich UI for Angular applications using PrimeNG

Product type Paperback

Published in Jul 2017

Publisher Packt

ISBN-13 9781788299572

Length 384 pages

Edition 1st Edition

Languages

Typescript

Tools

Angular

Concepts

Front End Web Development

Authors (2):

Oleg Varaksin

Sudheer Jonna

View More author details

Table of Contents (18) Chapters

Title Page

Credits

Foreword

About the Authors

About the Reviewer

www.PacktPub.com

Customer Feedback

Preface

1. Getting Started with Angular and PrimeNG FREE CHAPTER

2. Theming Concepts and Layouts

3. Enhanced Inputs and Selects

4. Button and Panel Components

5. Data Iteration Components

6. Amazing Overlays and Messages

7. Endless Menu Variations

8. Creating Charts and Maps

9. Miscellaneous Use Cases and Best Practices

10. Creating Robust Applications

Understanding structural and skinning CSS

Each component is styled with CSS and contains two layers of style information: structural or component-specific and skinning or component-independent styles. In this section, you will understand the difference between these two types of CSS, learn some useful selectors, and see an exemplary styling of the Paginator component in the generated HTML. Let's start. Go to the Paginator showcase (https://www.primefaces.org/primeng/#/paginator) and explore the HTML code of the Paginator component. The next screenshot shows the HTML and styles in the Google Chrome DevTools.

Note

Shortcuts for opening DevTools: F12 (Windows), command + option + I (Mac).

The highlighted line in the preceding screenshot represents the container element of the Paginator component with the following style classes:

ui-paginator
ui-unselectable-text
ui-widget
ui-widget-header

The first two style classes ui-paginator and ui-unselectable-text are generated by PrimeNG. These are structural...

The rest of the chapter is locked

Register for a free Packt account to unlock a world of extra content!

A free Packt account unlocks extra newsletters, articles, discounted offers, and much more. Start advancing your knowledge today.

Unlock this book and the full library FREE for 7 days

Get unlimited access to 7000+ expert-authored eBooks and videos courses covering every tech area you can think of

Start free trial

Renews at €14.99/month. Cancel anytime

Authors (2)

Sudheer Jonna

Sudheer Jonna

Sudheer Jonna, hailing from Nellore, India, is a seasoned lead software developer currently based in Singapore. With expertise in Java and JavaScript, he specializes in architecting and developing large-scale applications, prioritizing robust architectures and high performance. Sudheer's comprehensive knowledge spans Single Page Applications (ReactJS/VueJS/Angular), backend API development, SQL, and containerization, enabling him to assist developers in advancing their careers. Besides his professional role, Sudheer is a published author, speaker, trainer, blogger, and an active member of public forums.

See other products by Sudheer Jonna

Varaksin

Varaksin

Oleg Varaksin is a senior software engineer living in the Black Forest, Germany. He is a graduate computer scientist who studied informatics at Russian and German universities. His main occupation and "daily bread" in the last few years has consisted of building various Java-and JavaScript-based web applications based on JSF, PrimeFaces, Spring, REST, JavaScript, jQuery, Angular, and HTML5. Currently, he is working at Swiss Federal Railways on a new ticket webshop. Oleg is an experienced and passionate web developer and has been working with the Prime UI libraries from the beginning. He is also a well-known member of the PrimeFaces community, creator of the PrimeFaces Extensions project, and the author of the PrimeFaces Cookbook. Oleg loves JavaScript, new ECMAScript standards, TypeScript, Angular, PrimeNG, RxJS, and Redux architecture. He has a deep understanding of web usability and accessibility. Oleg normally shares the knowledge he has acquired on his blog. His Twitter handle is @OlegVaraksin.

See other products by Varaksin

Other recommended products

Related to this chapter

Essential Angular 4

Essential Angular 4

Essential Angular is a concise, complete overview of the key aspects of Angular, written by two Angular core contributors. The book covers the framework's mental model, its API, and the design principles behind it. This book is fully up to date with the latest release of Angular.

May 2017 3h 36m

Building Modern Web Applications Using Angular 4

Building Modern Web Applications Using Angular 4

In the last few years, Angular has established itself as the number one choice of JavaScript Developers. What makes Angular special is performance and productivity. With Angular, developers can work on consistent coding patterns and build web applications that are powerful and scalable.

May 2017 7h 32m

Learning Angular 4 for .NET Developers

Learning Angular 4 for .NET Developers

Are you are looking for a better, more efficient, and more powerful way of building front-end web applications? Well, look no further, you have come to the right place! This book comprehensively integrates Angular 4 into your tool belt, then runs you through all the new options you now have on hand for your web apps without bogging you down. The frameworks, tools, and libraries mentioned here will make your work productive and minimize the friction usually associated with building server-side web applications.

Jun 2017 8h 16m

Angular 2 Cookbook

Angular 2 Cookbook

Jan 2017 15h 28m

Getting Started with Angular

Getting Started with Angular

Want to build quick and robust web applications with Angular? This book is the quickest way to get to grips with Angular and take advantage of all its new features

Feb 2017 9h 16m

Switching to Angular

Switching to Angular

Align with Google's vision for Angular version 5 and beyond, with Angular team contributor and international speaker Minko Gechev. Explore the core of Angular, and its stable APIs, so you can use Angular with TypeScript to building robust, high-performing web applications. Switch into Angular's long term vision of Angular with confidence.

Oct 2017 9h 20m

TypeScript 2.x for Angular Developers

TypeScript 2.x for Angular Developers

TypeScript, a superset of JavaScript, is the default language for building Angular applications from Google. TypeScript 2.0 adds optional static types, classes, and modules to JavaScript, to enable great tooling and better structuring of large JavaScript applications. This book will teach you how to leverage the exciting features of TypeScript while working on Angular projects to build scalable, data-intensive web applications.

Web Development with Angular and Bootstrap

Web Development with Angular and Bootstrap

Two of the most popular frontend frameworks, Angular and Bootstrap, have undergone a major overhaul to embrace emerging web technologies so that developers can build cutting-edge web applications. If you're ready to progress your web development skills past HTML and CSS, this book will give you everything you need to build your own web app.

Aug 2019 16h 24m

Learning Angular

Learning Angular

If you want to build cross-platform web applications using the robust Angular web framework, this book is for you. Learning Angular will cover the core concepts of frontend web development using easy-to-follow instructions to help you get up and running with Angular web development in no time.

Sep 2020 14h 20m

Got some experience of Angular under your belt? Want to learn everything about using advanced features for developing websites? This book is everything you need for the deep understanding of Angular that will set you apart from the developer crowd. Angular has introduced a new way to build applications. Creating complex and rich web applications, with a lighter resource footprint, has never been easier or faster. Angular is now at release 4, with significant changes through previous versions. This book has been written and tested for Angular release 4.

Jul 2017 15h 8m

Personalised recommendations for you

Based on your interests and search pattern

Modern Full-Stack React Projects

Modern Full-Stack React Projects

Full-Stack React Projects is a complete guide to learning full-stack web development, understanding the creation and integration of backend systems, and advancing your career as a frontend developer.

Jun 2024 16h 52m

Mastering Node.js Web Development

Mastering Node.js Web Development

Explore Node.js with practical examples that will teach you how to utilize open-source packages for real-world solutions. Gain the skills to develop and deploy server-side applications that enhance your client-side projects.

Jun 2024 25h 56m

Reactive Patterns with RxJS and Angular Signals

Reactive Patterns with RxJS and Angular Signals

This RxJS book will help you understand the core concepts of RxJS and provide practical patterns to make your code more reactive and declarative. You'll also understand Angular Signals, which provide another way to improve code reactivity.

Jul 2024 8h 28m

API Testing and Development with Postman

API Testing and Development with Postman

Whether you are a tester or a developer working with APIs, you'll be able to put your knowledge to work with this practical guide to using Postman. The book provides a hands-on approach to implementing and learning the associated methodologies that will have you up-and-running and productive in no time.

Jun 2024 11h 56m

FastAPI Cookbook

FastAPI Cookbook

This book helps you unlock the power of FastAPI to build high-performing web apps and APIs by taking you through the basics like routing and data validation through to advanced topics, such as custom middleware and WebSockets.

Aug 2024 11h 56m

Mastering Spring Boot 3.0

Mastering Spring Boot 3.0

This hands-on guide empowers you to develop scalable and efficient applications. You'll also learn microservices patterns, reactive programming, and security measures for building robust backend systems.

Jun 2024 8h 32m

Vue.js 3 for Beginners

Vue.js 3 for Beginners

Learning a new language by following video tutorials, blog posts, and documentation is a tiresome activity. This book will take you on an exciting journey of becoming a proficient Vue.js developer through a practical, step-by-step approach.

Sep 2024 10h 4m

Nuxt 3 Projects

Nuxt 3 Projects

This book is a comprehensive guide to Nuxt.js, which takes you from the basics to advanced topics. Uniquely, this book emphasizes practical, project-based learning, tackling real-world problems.

Jun 2024 7h 40m

Mastering Flask Web and API Development

Mastering Flask Web and API Development

The book is an introduction to Flask that will showcase its baseline, core, and advanced integration features to enable you to solve enterprise-related problems and issues in both web and API development.

Aug 2024 16h 28m

Full-Stack Web Development with TypeScript 5

Full-Stack Web Development with TypeScript 5

The book emphasizes best practices, debugging, performance optimization, and scalable code structure, helping you develop practical skills in frontend and backend development, database integration, and AI integration.