Part 2 this book includes these contents: Chapter 2: Front end recipes, chapter 3: Deployment recipe. Invite you to consult this book. | Chapter 2: Front End Recipes Introduction Whether you are a beginner or intermediate web developer, if you wish to make good interactive web applications, then this chapter is for you. In this chapter, you’ll be getting some recipes about front-end web technologies and popular frontend tools. These recipes cover best practices and modern techniques for front-end development such as: integrating Twitter Bootstrap, AJAX loading, notifications, file uploads, cropping images and many more. By the end, you should have a better understanding of how to work with AJAX, Jquery, front end frameworks and responsive design. You can apply these techniques to build beautiful applications and add that interactivity to any site you work on. List Of Recipes Frontend recipes • • • • • • Recipe 201 - Notifications Recipe 202 - Integrating Buttons With Built-in Loading Indicators Recipe 203 - Create A Registration Page Using AJAX and jQuery Recipe 204 - Create A Login Page Using AJAX And jQuery Recipe 205 - Upload Files Using AJAX And jQuery Recipe 206 - Cropping Images Using jQuery (More recipes will be added later) Recipe 201 - Notifications What will we learn? This recipe shows you how to integrate notifications into your Laravel application. 108 109 Chapter 2: Front End Recipes Say hi to Sweet Alert Nowadays, notifications become a very important functionality of our modern applications. By integrating good looking notifications into our system, we will attract more users’ attention and our app will definitely look nicer. There are many notifications libraries, but the most popular ones are: HumanJS⁶⁰, HubSpot Messaging Library⁶¹ and Sweet Alert⁶². This recipe will focus on integrating Sweet Alert - which is an amazing library that aims to replace JavaScript’s alert and prompt features. SweetAlert ⁶⁰ ⁶¹ ⁶² Chapter 2: Front End Recipes 110 Installing Sweet
