Harness the power of CSS3 to design stunning, modern websites About This Book Explore the CSS files structures, add the right methodologies, and get a final product without any code chaos Make your websites faster, more responsive, and more efficient using the minimum CSS code Design better and more modern websites using the new features of CSS3 Who This Book Is For This book is for web designers who wish to learn the best ways to work with CSS for web development. What You Will Learn Familiarize yourself with the concepts of CSS and the SASS pre-processor Get familiar with selectors to build better CSS code Gain knowledge on the common issues with CSS and discover the solutions Write scalable code using various CSS methodologies and optimization techniques Create a simple and reusable framework based on SASS Explore the various tools involved in CSS code creation In Detail CSS is the preferred technology to design modern web pages. Although CSS is often perceived as a simple language, applying modern styles to web pages with CSS and maintaining the code for larger websites can be quite tricky. We will take you right from understanding CSS to designing high-quality web pages in CSS3. We'll quickly take you through CSS3's features, and show you how to resolve common issues so you can build your basic framework. Finally, you will learn about code architecture and CSS methodologies used in scalable apps and you'll explore the various new features of CSS3, such as FlexBox, to help you create the most modern layout methodologies. By the end of the book, you will be a master at creating pure CSS web pages and will know sophisticated web design techniques, giving you an edge over other web designers. Style and approach This book is packed with several code examples that you can easily test in all types of browsers. Each example provides a detailed description of the inner workings of CSS techniques.

Take advantage of JavaScript’s power to build robust web-scale or enterprise applications that are easy to extend and maintain. By applying the design patterns outlined in this practical book, experienced JavaScript developers will learn how to write flexible and resilient code that’s easier—yes, easier—to work with as your code base grows. JavaScript may be the most essential web programming language, but in the real world, JavaScript applications often break when you make changes. With this book, author Eric Elliott shows you how to add client- and server-side features to a large JavaScript application without negatively affecting the rest of your code. Examine the anatomy of a large-scale JavaScript application Build modern web apps with the capabilities of desktop applications Learn best practices for code organization, modularity, and reuse Separate your application into different layers of responsibility Build efficient, self-describing hypermedia APIs with Node.js Test, integrate, and deploy software updates in rapid cycles Control resource access with user authentication and authorization Expand your application’s reach through internationalization

Apply your experience of web development with HTML and JavaScript to build micro frontends for large-scale web projects using frameworks such as React and popular web tooling such as Node.js with Express or webpack Key FeaturesCut through the complexities of designing a monolithic web architecture using micro frontend architectureExplore architecture patterns for building large-scale applicationsLearn how to build, test, and secure your micro frontends efficientlyBook Description Micro frontend is a web architecture for frontend development borrowed from the idea of microservices in software development, where each module of the frontend is developed and shipped in isolation to avoid complexity and a single point of failure for your frontend. Complete with hands-on tutorials, projects, and self-assessment questions, this easy-to-follow guide will take you through the patterns available for implementing a micro frontend solution. You’ll learn about micro frontends in general, the different architecture styles and their areas of use, how to prepare teams for the change to micro frontends, as well as how to adjust the UI design for scalability. Starting with the simplest variants of micro frontend architectures, the book progresses from static approaches to fully dynamic solutions that allow maximum scalability with faster release cycles. In the concluding chapters, you'll reinforce the knowledge you’ve gained by working on different case studies relating to micro frontends. By the end of this book, you'll be able to decide if and how micro frontends should be implemented to achieve scalability for your user interface (UI). What you will learnUnderstand how to choose the right micro frontend architectureDesign screens for compositional UIsCreate a great developer experience for micro frontend solutionsAchieve enhanced user experiences with micro frontendsIntroduce governance and boundary checks for managing distributed frontendsBuild scalable modular web applications from scratch or by migrating an existing monolithWho this book is for This book is for software/solution architects or (mostly lead) developers as well as web developers and frontend engineers. Beginner-level knowledge of HTML and CSS along with a solid understanding of JavaScript programming and its ecosystem, including Node.js and NPM, is assumed.

Rich Finelli's modern CSS training course, based on his bestselling Mastering CSS video, now available in a book. Master CSS from best practices to practical CSS coding. About This Book Learn CSS directly from Rich Finelli, author of the bestselling Mastering CSS training course From best practices to deep coding, Rich Finelli shares his CSS knowledge with you Rich Finelli covers the latest CSS updates with flexbox and works with retina devices Who This Book Is For This book is for web designers who wish to master the best practices of CSS in their web projects. You already know how to work with a web page, and want to use CSS to master website presentation. What You Will Learn Master fundamental CSS concepts like the anatomy of a rule set, the box model, and the differences between block and inline elements Employ flexbox to layout and align elements simply and cleanly Become proficient with CSS3 properties such as transitions, transforms, gradients, and animations Delve into modular, reusable, and scalable CSS for more organized and maintainable style sheets Understand media queries and other pillars of responsive web design Get creative with the @font-face property, Google Web Fonts, font services such as Typekit, as well as, icon fonts Understand the workflow for HiDPI (retina) devices using 2x images, SVG, and the srcset attribute In Detail Rich Finelli trains you in CSS deep learning and shows you the techniques you need to work in the world of responsive, feature-rich web applications. Based on his bestselling Mastering CSS training video, you can now learn with Rich in this book! Rich shares with you his skills in creating advanced layouts, and the critical CSS insights you need for responsive web designs, fonts, transitions, animations, and using flexbox. Rich begins your CSS training with a review of CSS best practices, such as using a good text editor to automate your authoring and setting up a CSS baseline. You then move on to create a responsive layout making use of floats and stylable drop-down menus, with Rich guiding you toward a modular-organized approach to CSS. Your training with Rich Finelli then dives into detail about working with CSS and the best solutions to make your websites work. You'll go with him into CSS3 properties, transforms, transitions, and animations. You'll gain his understanding of responsive web designs, web fonts, icon fonts, and the techniques used to support retina devices. Rich expands your knowledge of CSS so you can master one of the most valuable tools in modern web design. Style and approach Let Rich Finelli train you in CSS! This book has a direct training style because it is based on Rich's bestselling Mastering CSS training course.

Imagine what a large-scale web project would look like if frontend development were not treated as an add-on, but as an equal partner with backend development and content strategy. This practical book takes experienced web developers through the new discipline of frontend architecture, including the latest tools, standards, and best practices that have elevated frontend web development to an entirely new level. Using real-world examples, case studies, and practical tips and tricks throughout, author Micah Godbolt introduces you to the four pillars of frontend architecture. He also provides compelling arguments for developers who want to embrace the mantle of frontend architect and fight to make it a first-class citizen in their next project. The four pillars include: Code: how to approach the HTML, CSS, and JavaScript of a design system Process: tools and processes for creating an efficient and error-proof workflow Testing: creating a stable foundation on which to build your site Documentation: tools for writing documentation while the work is in progress

Modularize your JavaScript code for better readability, greater maintainability, and enhanced testability About This Book Design and build fully modular, modern JavaScript applications using modular design concepts Improve code portability, maintainability, and integrity while creating highly scalable and responsive web applications Implement your own loosely coupled code blocks that can power highly maintainable and powerful applications in a flexible and highly responsive modular architecture Who This Book Is For If you are an intermediate to advanced JavaScript developer who has experience of writing JavaScript code but probably not in a modular, portable manner, or you are looking to develop enterprise level JavaScript applications, then this book is for you. A basic understanding of JavaScript concepts such as OOP, prototypal inheritance, and closures is expected. What You Will Learn Understand the important concepts of OOP in JavaScript, such as scope, objects, inheritance, event delegation, and more Find out how the module design pattern is used in OOP in JavaScript Design and augment modules using both tight augmentation and loose augmentation Extend the capabilities of modules by creating sub-modules using techniques such as cloning and inheritance Move from isolated module pieces to a cohesive, well integrated application modules that can interact and work together without being tightly coupled See how SandBoxing is used to create a medium for all the modules to talk to each other as well as to the core Use the concepts of modular application design to handle dependencies and load modules asynchronously Become familiar with AMD and CommonJS utilities and discover what the future of JavaScript holds for modular programming and architecture In Detail Programming in the modular manner is always encouraged for bigger systems—it is easier to achieve scalability with modular programming. Even JavaScript developers are now interested in building programs in a modular pattern. Modules help people who aren't yet familiar with code to find what they are looking for and also makes it easier for programmers to keep things that are related close together. Designing and implementing applications in a modular manner is highly encouraged and desirable in both simple and enterprise level applications. This book covers some real-life examples of modules and how we can translate that into our world of programming and application design. After getting an overview of JavaScript object-oriented programming (OOP) concepts and their practical usage, you should be able to write your own object definitions using the module pattern. You will then learn to design and augment modules and will explore the concepts of cloning, inheritance, sub-modules, and code extensibility. You will also learn about SandBoxing, application design, and architecture based on modular design concepts. Become familiar with AMD and CommonJS utilities. By the end of the book, you will be able to build spectacular modular applications in JavaScript. Style and approach This in-depth step-by-step guide will teach you modular programming with JavaScript. Starting from the basics, it will cover advanced modular patterns that can be used in sophisticated JavaScript applications.