Joe Fender - Front-End Fundamentals: A practical guide to front-end web development.

Front-end web development is evolving. Long gone are the days of writing static HTML files with self-contained CSS. As web developers in this modern world, we need to understand and utilize an endless number of frameworks, plugins, techniques and more. Knowing the right tools to use and when to use them is key to building successful solutions.

Despite our best efforts, it can be difficult to keep up with the speed of advancing web development. We sure as hell cant slow it down. And why would we want to? Its so exciting to not know where technology is headed and what could be around the next corner. We should both prepare for change and embrace it. And that is exactly where front-end developers excel. We build what the consumer sees and because of that, we want to use the most cutting-edge technologies to create the biggest impact.

This book came to be from the lessons we, the authors, have learnt through trial and error whilst working on front-end development projects ranging from enormous high-traffic sites such as MSNBC, The GRAMMYs and BravoTV to startups and experiments such as Drupalize.Me and BracketCloud. We want to share with you the tools that we use and the standards that we follow. Our ultimate goal is for you to walk away understanding the core concepts of front-end development so you can confidently go and work on your own projects.

This book is somewhat opinionated based on our experience, so youll find some of the content heavily geared towards a particular way of doing things. Of course, there are many ways of accomplishing the same task in the world of front-end development; thats what makes it so accessible and yet so complicated. Learning one way of doing something can make learning the alternatives a much more palatable task, so we encourage you to look into any and all of the technologies presented herein and even go on to see if something else might better fit your needs.

The content in this book is aimed at those who are new to front-end web development. Regardless of whether you are a beginner or expert developer, the concepts outlined in this book are essential to embracing the rapidly evolving web. We wont be covering the general basics of web development so you will most likely want to get up to speed on the fundamentals of web programming such as HTML, CSS and JavaScript. We will also be utilizing the command line, so some basic knowledge of how to use that on your operating system is recommended.

If you hear yourself asking any of the following questions, this book will likely be very useful for you!

• What actually is front-end development?
• How can I be a more efficient web developer?
• What is Grunt/AngularJS/SASS/<insert popular tool name here>?
• How do I fit all of these front-end tools together into a project?
• How can I build a front-end application that can scale?

Every web project that you work on is different and there is no one size fits all set of tools. However, throughout the chapters in this book, well introduce you to some of the most popular, useful and powerful tools used in front-end web development so that when youre done reading you will be able to apply the concepts and techniques to whatever you are working on.

The aim of the first chapter of this book is to help get you acclimated with front-end development in general. Youll learn whats expected from a front-end developer and get a short overview of the types of projects a front-end developer might be tasked with. Well even take you through setting up your computer for local development.

This chapter jumps right into some of the more popular JavaScript frameworks and template languages in use today. Well cover the details of what exactly a framework is and talk about the MVC pattern before getting into the details of installation and practical usage of 3 popular frameworks: AngularJS, Backbone.js and Ember.js.

Theres a lot more to styling than just throwing CSS at your markup; that just leads to a big mess of unreadable spaghetti code sprinkled with !important parmesan. Here well cover CSS preprocessors like Sass, organizational methods for your styles, and the kind of impact your CSS may have on a projects performance.

Getting your whole team on the same page code-wise can be challenging. Heck, even making sure youre using the same version of that awesome Ruby gem after an update can be a pain. This chapter on dependency management covers a number of really handy front-end package managers like npm, Bower, and Bundler. Youll learn what a package manager is and how to use it effectively to keep your project on track.

Do you like doing the same repetitive tasks over and over? No? Neither do we.