Automate With Grunt

Grunt is everywhere. JavaScript projects from jQuery to Twitter Bootstrap use Grunt to convert code, run tests, and produce distributions for production. It's a build tool in the spirit of Make and Rake, but written with modern apps in mind. This book gets you up to speed with Grunt using practical hands-on examples, so you can wrangle your projects with ease. You'll learn how to create and maintain tasks and project builds, and automate your workflow with plugins and custom tasks. JavaScript has moved from being the language you love to hate to the language you need to use. And as JavaScript applications get more complex, you need a process to manage that complexity. While online tutorials just explain how to slap together a configuration file, this book goes further and shows you how to create your own tasks, design your own project templates, combine plugins together to bring a web app to life, and build your own plugins. You'll start by learning the basics of task creation, error handling, and logging as you create a simple configuration that executes basic JavaScript code using Node.js. Then you'll jump right into file manipulation as you read, write, copy, and delete files. You'll learn how Grunt's powerful multitasks work as you build a task to concatenate files together. Once you've got a grasp on these basics, you'll build a simple app with AngularJS and CoffeeScript, using Grunt to do all the heavy lifting and script processing. Finally, you'll create your own plugin so you can understand how plugins work. Each chapter contains hands-on exercises and ideas for further study. Whether you rock Ruby or sling C#, Grunt will be a useful addition to your toolbox. What You Need: This book covers Grunt 0.4.1 and higher, and requires basic knowledge of JavaScript and command-line tools on Windows, OS X, or Linux.

Monitor and automate complex JavaScript tasks and processes by obtaining a practical understanding of Grunt About This Book Gain a solid knowledge of Grunt to achieve better process management by improving consistency, productivity, reliability, and quality of code Install, configure, and use plugins into your project with this hands-on guide This step-by-step tutorial will walk you through practical examples of workflow automation Who This Book Is For If you are a JavaScript developer and want to learn project monitoring and automation using Grunt, then this book is for you. Basic knowledge of Node.js and Angular.js is assumed. However, no previous experience using Grunt.js is required. What You Will Learn Install and configure Grunt and its dependencies such as Node.js and Node Package Manager (NPM) Create a sample application using Angular.JS Configure plugins to perform various tasks that will benefit your project Explore the task-specific methods available through the Grunt API such as configuration, externals, events, and logging Set up tasks to automate the build process of the simple contact application Build, test, and refine a sample project Get general tips, tricks, and troubleshooting strategies to identify and solve common issues in Grunt Advance your knowledge of Grunt with concepts such as configuration variables and test automation In Detail With the increasing focus on task automation, the Grunt task runner is a vast platform that allows you to incorporate automation into your workflows. At the outset, you will learn how to use Node.js and NMP through an example. You will then find out how to build a sample app and the development environment for it. You will further delve into the implementation of Grunt plugins and the configuration of Grunt tasks. Furthermore, you will explore the various methods and packages for workflow automation. The final chapter will cover some advanced concepts, such as configuration variables and how to create a Grunt plugin. By the end of the book, you will have gained the fundamentals of Grunt and progressed through advanced concepts, including building a Grunt plugin. Style and approach This book is an easy-to-follow, step-by-step tutorial that provides explanations and examples of deploying Grunt from scratch.

Pro Grunt.js gets you quickly up-to-speed with this popular JavaScript-based task runner. Author James Cryer takes you from initial installation all the way through to authoring successful plugins. Using hands-on examples you will learn about CSS linting, combination, compilation and minification; JavaScript linting, AMD modules, and templates; image processing and optimizing; and creating a local server. You will then move on to more advanced topics such as LiveReload, Test Automation, Modular configuration, and combining tasks. Finally you will see how to scaffold plugins using Grunt init and Yeoman, how to test them with Mocha and Chai, and how to publish them so others can use them. Start using Grunt.js to improve your workflows by using Pro Grunt.js today.

If you want to build your organization’s next web application with HTML5, this practical book will help you sort through the various frameworks, libraries, and development options that populate this stack. You’ll learn several of these approaches hands-on by writing multiple versions of a sample web app throughout the book, so you can determine the right strategy for your enterprise. What’s the best way to reach both mobile and desktop users? How about modularization, security, and test-driven development? With lots of working code samples, this book will help web application developers and software architects navigate the growing number of HTML5 and JavaScript choices available. The book’s sample apps are available at http://savesickchild.org. Mock up the book’s working app with HTML, JavaScript, and CSS Rebuild the sample app, first with jQuery and then Ext JS Work with different build tools, code generators, and package managers Build a modularized version of the app with RequireJS Apply test-driven development with the Jasmine framework Use WebSocket to build an online auction for the app Adapt the app for both PCs and mobile with responsive web design Create mobile versions with jQuery Mobile, Sencha Touch, and PhoneGap

Unlock the power of the MEAN stack by creating attractive and real-world projects About This Book Learn about the different components that comprise a MEAN application to construct a fully functional MEAN application using the best third-party modules A step-by-step guide to developing the MEAN stack components from scratch to achieve maximum flexibility when building an e-commerce application Build optimum end-to-end web applications using the MEAN stack Who This Book Is For This learning path is for web developers who are experienced in developing applications using JavaScript. This course is for developers who are interested in learning how to build modern and multiple web applications using MongoDB, Express, AngularJS, and Node.js. What You Will Learn Build modern, end-to-end web applications by employing the full-stack web development solution of MEAN Connect your Express application to MongoDB and use a Mongoose model and build a complex application from start to finish in MongoDB Employ AngularJS to build responsive UI components Implement multiple authentication strategies such as OAuth, JsonWebToken, and Sessions Enhance your website's usability with social logins such as Facebook, Twitter, and Google Secure your app by creating SSL certificates and run payment platforms in a live environment Implement a chat application from scratch using Socket.IO Create distributed applications and use the power of server-side rendering in your applications Extend a project with a real-time bidding system using WebSockets In Detail The MEAN stack is a collection of the most popular modern tools for web development. This course will help you to build a custom e-commerce app along with several other applications. You will progress to creating several applications with MEAN. The first module in this course will provide you with the skills you need to successfully create, maintain, and test a MEAN application. Starting with MEAN core frameworks, this course will explain each framework key concepts of MongoDB, Express, AngularJS, and Node.js. We will walk through the different tools and frameworks that will help expedite your daily development cycles. After this, the next module will show you how to create your own e-commerce application using the MEAN stack. It takes you step by step through the parallel process of learning and building to develop a production-ready, high-quality e-commerce site from scratch. It also shows you how to manage user authentication and authorization, check multiple payment platforms, add a product search and navigation feature, deploy a production-ready e-commerce site, and finally add your own high-quality feature to the site. The final step in this course will enable you to build a better foundation for your AngularJS apps. You'll learn how to build complex real-life applications with the MEAN stack and a few more advanced projects. You will become familiar with WebSockets, build real-time web applications, create auto-destructing entities, and see how to work with monetary data in Mongo. You will also find out how to a build real-time e-commerce application. This learning path combines some of the best that Packt has to offer in one complete, curated package. It includes content from the following Packt products: MEAN Web Development by Amos Haviv Building an E-Commerce Application with MEAN by Adrian Mejia MEAN Blueprints by Robert Onodi Style and approach This course will begin with the introduction to MEAN, gradually progressing with building applications in each framework. Each transition is well explained, and each chapter begins with the required background knowledge.

Pro JavaScript Development is a practical guide for front-end web developers who are experienced at building web pages with HTML, CSS, and JavaScript, and now wish to advance their JavaScript skills to a higher level. You will learn how to build large, well-structured, high quality, mobile-optimized web sites and apps, using the latest supported browser APIs, language features, and tools. This book teaches and shows you in practical hands-on terms how you can: Master the performance, reliability, stability, and code manageability of your JavaScript Understand and write efficient object-oriented and prototypal code, including full understanding of the ‘this’ keyword Boost the performance of your JavaScript code Architect large web applications using common design patterns Write high quality JavaScript code and avoid the pitfalls most likely to cause errors Manage code dependencies with AMD and RequireJS Develop for mobile, build games, and set up a real-time video chat using modern APIs such as Geolocation, Canvas and WebRTC Document your code as the professionals do Write command-line and web server applications in JavaScript with Node.js, Use build tools, such as Grunt and Gulp, to automate repetitive tasks and improve your development workflow Using real-world examples and applications that you'll build yourself, Pro JavaScript Development has unique, practical content that will make you a better JavaScript developer. Become a master of the latest JavaScript coding techniques and tools, and harness its best capabilities today.

Over 120 practical and easy-to-understand recipes that explain how to use Sass and Compass to write efficient, maintainable, and reusable CSS code for your web development projects About This Book Leverage Sass to make your CSS code maintainable, reusable and prevent code duplications Shorten debug time with Sass when creating complex CSS code for different browsers and devices Write easy and bullet-proof CSS with Compass using this step-by-step and detailed guide Who This Book Is For This book is mainly intended for web developers and designers who are comfortable with CSS and HTML. If you are someone with some experience with CSS, you will find the learning curve of learning Sass syntax to be less steep. Basic knowledge of web development is helpful but you don't have to be a programmer to understand Sass. What You Will Learn Spend less time debugging code Compile Sass code into readable and maintainable CSS Integrate Sass in your own projects Reuse your code to prevent code duplications Write reusable and portable CSS code Make use of pre-built and established code written by other developers Reduce development and maintenance time of your projects Set up a development environment with Gulp In Detail Sass and Compass Designer's Cookbook helps you to get most out of CSS3 and harness its benefits to create engaging and receptive applications. This book will help you develop faster and reduce the maintenance time for your web development projects by using Sass and Compass. You will learn how to use with CSS frameworks such as Bootstrap and Foundation and understand how to use other libraries of pre-built mixins. You will also learn setting up a development environment with Gulp. This book guides you through all the concepts and gives you practical examples for full understanding. Style and approach This book is the perfect mix of essential theory combined with real-life examples and problems, with clear explanations of the more sophisticated Sass concepts. Learn Sass and Compass with practical and well-explained example code. This book follows a problem and solution approach that is convenient to understand and follow.