Packt+ | Advance your knowledge in tech

0

All Products

Best Sellers

New Releases

Books

Videos

Audiobooks

Free Learning

MEAN Cookbook

You're reading from MEAN Cookbook The meanest set of MEAN stack solutions around

Product type Paperback

Published in Sep 2017

Publisher Packt

ISBN-13 9781787286573

Length 450 pages

Edition 1st Edition

Languages

JavaScript

Tools

Angular

Concepts

Full Stack Web Development

Author (1):

McClay

View More author details

Table of Contents (20) Chapters

Title Page

Credits

About the Author

Acknowledgement

About the Reviewer

www.PacktPub.com

Customer Feedback

Preface

1. Working with Angular 4 FREE CHAPTER

2. Enhancing Your User Interface

3. Working with Data

4. Using Express Web Server

5. REST APIs and Authentication

6. Cloud Service Integrations

7. MongoDB and Mongoose

8. Relationships

9. Build Systems and Optimizations

10. Debugging

11. Automated Testing

12. Whats new in Angular 4

Optimizing images for delivery with WebPack

Over the past several years, the average size of websites has increased dramatically. The average web page today is 300% larger than their counterparts from 2013. The largest source of that increase in file size for websites can be found in images. In fact, images are responsible for over 50% of the file size of your average website, as seen in the following table:

Type of asset	2011	2013	2015	2017
HTML	37 KB	54 KB	54 KB	26 KB
Style sheets	28 KB	38 KB	64 KB	60 KB
Fonts	5 KB	22 KB	100 KB	97 KB
Scripts	135 KB	227 KB	337 KB	347 KB
Images	482 KB	915 KB	1332 KB</span>	1714 KB
Total page size	799 KB	1097 KB	2131 KB	3034 KB

From: HTTP Archive Project, Interesting Stats - http://httparchive.org/interesting.php

Being able to optimize image resources is a critical tool to maintain the speed and performance of our websites and web applications. It's also something that a build tool such as WebPack can help us do as part of our build process by leveraging tools to compress and resize images...

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 £13.99/month. Cancel anytime

Authors (1)

McClay

McClay

Nicholas McClay is a software developer and designer with over a decade of JavaScript experience in both corporate and startup technology companies. He is an avid Node.js and JavaScript enthusiast and the founder of the greater Pittsburgh regions Node.js and Angular meetups. A self-described user experience developer, he balances using both design and development disciplines to solve problems. He is a graduate of the Art Institute of Pittsburgh, where he acquired a bachelor's of science degree in Game Art and Design, a passion that springboarded him into a career of interactive experience design. His previous work experience includes Autodesk, where he worked on next-generation integrated cloud services. His current role is as the UX Lead of Wombat Security Technologies, where he helps bridge the gap between the customers' user experience and the underlying technology and product decisions that deliver it. He enjoys video games, tinkering and creating things, and lives with his loving wife, son, and daughter in Pittsburgh, Pennsylvania.

See other products by McClay

Other recommended products

Related to this chapter

Beginning Server-Side Application Development with Angular

Beginning Server-Side Application Development with Angular

Dynamic client-side web applications are great for UX, but not so much for your SEO. Learn how to build the same great UX with server-side Angular, all without taking a hit to search referrals.

Apr 2018 3h 40m

Google Cloud AI Services Quick Start Guide

Google Cloud AI Services Quick Start Guide

Google Cloud AI enables you to consume Artificial Intelligence within your applications, from a REST API. Text, video and speech analysis are among the powerful machine learning features that can be used. This book is the easiest way to get started with the Google Cloud AI services suite and open up the world of smarter applications.

May 2018 7h 48m

Bootstrap 4 Cookbook

Bootstrap 4 Cookbook

Bootstrap, one of the most complete frameworks, is perfectly built to design elegant, powerful, and responsive interfaces for professional-level web pages. It supports responsive design by dynamically adjusting your web page layout. Bootstrap 4 is a major update with many impressive changes that greatly enhance the end results produced by Bootstrap. This cookbook is a collection of great recipes that show you how to use all the latest features of Bootstrap to build compelling UIs.

Jun 2017 11h 16m

Angular Projects

Angular Projects

Angular has established itself to be one of the most popular framework of choice amongst the developers. This book aims to take you on a journey of developing and building applications using the latest version of Angular. You will develop a series of projects including web as well as mobile applications and will get to learn core concepts and techniques associated with the framework.

Sep 2019 11h 40m

Hands-on Full Stack Development with Angular 5 and Firebase

Hands-on Full Stack Development with Angular 5 and Firebase

Real-time applications have dominated the field of web applications for years. Real-time isn't limited to only displaying data as soon as it's available. It shows its real power when used with interactive experiences in which users and systems can instantly communicate with one another. The leading social platforms like Facebook and Twitter are all built upon real-time web technologies. This book will help you build your Angular skills by realizing potential of Firebase with Angular to create real-time web applications. In this book we will be building an end to end social networking web application from development to production with Angular as front end and Firebase as back end.

Feb 2018 8h 32m

Angular Projects

Angular Projects

This Angular book will help you learn the essential features of the Angular framework by creating ten different real-world web applications. By the end of this book, you will be able to build Angular apps using a wide variety of technologies.

Jul 2021 11h 28m

Full-Stack Web Development with Vue.js and Node

Full-Stack Web Development with Vue.js and Node

Isomorphic JavaScript was the buzzword of the year 2017, allowing developers to utilize a single language throughout their web development stack and build cost-effective and scalable applications. MEVN is a one such modern web development stack consisting of web applications such as MongoDB, Express.js, Vue.js, and Node.js. Hands-On Full-Stack Web Development with Vue.js 2 and Node.js leverages the harmony of these technologies to help you create full-stack web applications.

May 2018 12h 12m

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

RESTful Web API Design with Node.js 10

RESTful Web API Design with Node.js 10

RESTful services have become the standard data feed providers for social services, news feeds, and mobiles. If you want to build fast REST APIs and want to deliver a large amount of data to millions of users, you'll find this book extremely useful. This book will teach you to create scalable RESTful applications based on the Node.js platform.

Apr 2018 5h 56m

MongoDB, Express, Angular, and Node.js Fundamentals

MongoDB, Express, Angular, and Node.js Fundamentals

Taking control of the MEAN stack and getting familiar with different JavaScript technologies during the process will transform you into a full-stack JavaScript developer. MongoDB, Express, Angular and Node.js Fundamentals shows you how to develop highly scalable, asynchronous, and event-driven APIs quickly with Express and Node.js. You'll be able to demonstrate the full-stack skill by building two full-fledged MEAN applications with the user authentication feature from scratch.

Mar 2019 12h 4m

The fourth edition of Node Cookbook covers the latest features and libraries of Node.js 14. With this recipe-based guide, you'll learn how to handle files, build simple web applications, and build your own modules using Node.js. You'll also be able to diagnose problems in your apps, handle security concerns, and deploy your apps to the cloud.

Nov 2020 17h 4m

Personalised recommendations for you

Based on your interests and search pattern

ASP.NET Core 9 Web API Cookbook

ASP.NET Core 9 Web API Cookbook

Get ready for the future of web API development by working through practical recipes covering REST, GraphQL, SignalR, and gRPC. This book is ideal for .NET developers eager to learn best practices in API security, data access optimization, and more.

Apr 2025 11h 28m

Spring System Design in Practice

Spring System Design in Practice

This book guides you through the intricacies of building robust software architectures with Spring. You'll get hands-on with the tools and best practices needed to design scalable, secure, and high-performance applications.

May 2025 15h 4m

Learn React Hooks

Learn React Hooks

This ultimate guide to Hooks shows you how to manage state, handle form submissions, fetch data using Suspense, and build reusable custom Hooks. This edition includes the latest Hooks and introduces modern React 19 features with real-world use cases.

May 2025 12h 24m