E-Book by Maks

Integrating Front end Components with Web Applications

From the creator of Bootsnipp.com, Laravel-tricks, MyMapList.com and more websites.

Are you good at building all things back end but not so good with front end? “Integrating Frontend Components with Web Applications” is a best-selling book for web developers that strive for good design and usability in their applications. You will save time with libraries, techniques and plugins taught in the book.

While reading over 195 beautiful pages, you will learn how to implement Bootstrap framework, tagging, autosuggest, spinners, date pickers, AJAX file uploaders and how to optimize the front end in your web applications.

Over the past few years of building web applications I have gathered a list of tools and frameworks that assist in building frontend components that improve the usability and the visual appeal of web applications. This book will guide you through installation, usage and customization of these front end libraries, frameworks and components. Complete with examples and source code, you will not be lost the next time you need to integrate one of the components discussed in the book.

Such common elements of web applications as Bootstrap, Tagging, Notifications, Spinners, AJAX login and registration, AJAX contact forms, AJAX file uploads, Avatar Cropping, Date Pickers and more are discussed in the book along with optimization and best practices.

Chapter by chapter, you will be introduced to various practical concepts of using front end libraries to make your applications look better and be more useful for the end user. When you reach the last page of the book you will be able to integrate over a dozen of front end components and frameworks in your applications and make your users happy.

For a limited time the price is $9.99!

Book Cover

The cover of the book

Get the E-book for $9.99

Read sample chapters

What readers say

Ben Edmunds

Ben Edmunds

I have been doing a large amount for frontend work for years now and I even learned several things from this book. I especially liked that Maks made no assumptions as to the existing knowledge of the reader. Junior all the way through Senior developers will find something for them in this material.

Christopher Pitt

Christopher Pitt

I would buy @msurguy's latest book today (https://maxoffsky.com/frontend ) but I already bought it ages ago. Cause it's badass!

Kennedy (@otisson)

Work well done in this book https://leanpub.com/frontend. Never enjoyed front end dev but that will change soon. Thanks @msurguy

Ionut Tanasa

I have been learning about some cool Front End components from this book by @msurguy.

Lee Stables

Time to implement some Ajax fun into my app with thanks to @msurguy - go buy his book.

Sendoa Portuondo

I have learned a great deal about date pickers/tagging/Bootstrap from this book: https://leanpub.com/frontend

GJ (@gj1118)

Reading the new chapters of this book https://leanpub.com/frontend and feeling blessed.. A very good purchase indeed!

Chapter Overview

Introduction

  1. Using Bootstrap Framework – free
  2. Integrating spinners
  3. Integrating notifications and alerts
  4. Creating AJAX contact form
  5. Building AJAX registration/login forms
  6. Integrating tagging/tokenizing
  7. Integrating autosuggest/smart search
  8. Integrating date pickers – free
  9. Integrating AJAX file uploads
  10. Optimization tools and best practices

Who is this book for?

Backend or frontend Web developers that want to learn how to create visually appealing and usable web applications. Web developers who mainly develop server-side applications but would like to learn about front end development are a perfect audience for the book. All examples in the book come with functional server-side code, diagrams and are available on Github.

Who wrote it?

Maksim Surguy is a professional breakdancer turned full time web developer. He is the creator, owner and sole developer of Bootsnipp, MyMapList.com, Builtwithlaravel.com, Bookpages and many more websites. Partnering with Stidges, he created Laravel-tricks.com to help other developers discover tips and tricks for Laravel framework. Maks is an active contributor to the Laravel community.

In his free time he either travels with his wife or writes tutorials on this blog.

Get the book

Buy now on Leanpub

 What does the book cover?

Optimization

Optimization

Chapter 10 covers optimization best practices, tools and solutions for front end performance. Gulp.js, using CDNs and other methods are discussed in the chapter.

Bootstrap framework

Bootstrap framework

Chapter 1 focuses on integration of Bootstrap HTML/CSS framework. From using a CDN to quickly changing the theme of your site you will learn about building user interfaces with Bootstrap.

Spinners

Spinners

Chapter 2 shows how to integrate spinners to provide visual feedback for the end user. Starting/stopping the spinner, customizing colors and sizes are discussed

Alerts and notifications

Alerts and notifications

Chapter 3 talks about integrating notifications and alerts. It goes through setup, customizing and using one of the most versatile notification libraries.

AJAX Registration/login forms

AJAX Registration/login forms

Chapter 5 leads the reader through step by step process of building registration and login forms that feature inline validation, AJAX form submission and status notifications.

AJAX Contact forms

AJAX Contact forms

Chapter 4 discusses building of an AJAX contact form for your website. You will learn how to use Bootstrap to create a great-looking contact form, use a spinner and Humane.js library for feedback, and finally how to build a backend for AJAX form.

Tagging/Tokenizing

Tagging/Tokenizing

Chapter 6 takes the reader through the integration of tagging and tokenizing using Selectize.js library. Building a backend, customizing the look of the tagging input is also discussed

Smart search

Smart search

Chapter 7 uncovers the theory behind autosuggest and smart search. Building a backend, using Selectize.js library and many practical examples are presented for the reader

Date pickers

Date pickers

Chapter 8 explains the theory behind date pickers and covers many examples of usage of Pickadate Javascript library to create modern date pickers

File Uploaders

File Uploaders

Chapter 9 is about uploading files with AJAX libraries, potential workarounds and problems. Integrating of FileAPI Javascript library is uncovered in detail

Get the book

Buy now on Leanpub