Getting started with Alpine.js

Getting started with Alpine.js
Author: Andrés Cruz
Publisher: Andres Cruz
Total Pages: 51
Release:
Genre: Computers
ISBN:
GET BOOK

Alpine is a client-side JavaScript framework that allows us to create JavaScript applications with their reactive and declarative component-based nature. Alpine.js contains an HTML DOM manipulation library that makes it easy for us to interact with it declaratively with less code. Alpine.js offers us a modular scheme for our projects and to be able to easily extend them with more functionalities. It is a framework that, by using JavaScript, brings us its benefits of a clean, clear, flexible and scalable syntax through plugins. In this book, we are going to learn how the framework is formed, the basic characteristics that Alpine.js allows us as a client web framework through small examples that will allow us to know and master this technology. Map The book has a total of 5 chapters (still in development): In this chapter we are going to talk about Alpine.js, as well as its main features and how we can use it. In this chapter we are going to know the main directives in Alpine.js. In this chapter we are going to create a to do list project, in which we will implement the previously seen directives. In this chapter we are going to learn more directives and magic methods of Alpine.js. In this chapter we are going to create several projects in Alpine to put into practice what was explained in previous chapters.

Getting started with Laravel 10 Livewire 2

Getting started with Laravel 10 Livewire 2
Author: Andres Cruz
Publisher: Andres Cruz
Total Pages: 221
Release:
Genre: Computers
ISBN:
GET BOOK

Laravel is a fascinating framework, huge and with a somewhat steep learning curve and with multiple options; this book is not for beginners and assumes that you already know how to program in Laravel. Laravel Livewire takes Laravel development a step further; automating routine processes in very flexible schemes based on components, Livewire components that allow us to communicate client and server in a very simple, efficient and easy way. Laravel Livewire is not a framework, it is just a layer or scaffolding that adds certain extra features to the framework that we can use to create great applications, with less effort and development time. Map We are going to give a brief introduction about Laravel Livewire. We are going to create our project in Laravel Livewire. We present the characteristics that a project created in Laravel Livewire has; team management, API Tokens, and authentication, are some of them. We are going to create a simple CRUD type application and get to know all the elements of Livewire such as handling forms, views and directives through the Livewire components. We are going to work on the style, improving the created application so that it looks like another Laravel Livewire module. We are going to learn about the communication between Livewire components based on events; detect changes in properties of the component class from the view and know the Laravel Livewire JavaScript. We are going to create the CRUD for the posts. We are going to create filters and search fields for a listing taking advantage of the benefits of Livewire. We are going to create sort fields for the column listing. We will get to know everything that Livewire offers us in JavaScript and combine it with other plugins, we will know the hooks in JavaScript, consume properties, functions and use of events. We are going to learn about some extra features of Laravel Livewire properties, such as customizing the update phase of wire:models, such as the use of computed properties. We are going to create a simple blog-type application with a list with filters and search and detail fields. We are going to create a shopping cart in the session and database, for which, we will see communication between components, sending events, toast type plugin to show messages confirming the operation carried out, with listeners of the events from JavaScript. We are going to show the code of an application created with Alpine.js to create a to do list component. We are going to adapt the Alpine.js application presented in the previous chapter, to work in conjunction with Livewire. By the end of the book, you will have the knowledge to create any basic application with Livewire and know more than just the basics of it. I invite you to visit my website: desarrollolibre.net And get to know my work.

Getting started with Django 5

Getting started with Django 5
Author: Andres
Publisher: Andres Cruz
Total Pages: 433
Release:
Genre: Computers
ISBN:
GET BOOK

Django is a framework with many options, it allows us to create applications with the language of the moment Python, a modular programming language, with an impeccable syntax that we can also use in a web environment. It offers us a modular scheme between projects and applications, an important set of packages to extend the already complete framework and with this, the creation of scalable projects. It is a framework that, by using Python, brings us its benefits of a clean, clear, precise syntax, a modular and scalable environment through packages. This book is for anyone who wants to start developing with Django; you may come from another framework or even PHP; in both cases, it is a great idea to learn from one of the most advanced and complete web frameworks you can find. For those who want to know the framework and who know other web frameworks, but do not have the necessary knowledge to venture into these. For people who want to improve a skill in web development, who want to grow as a developer and who want to keep climbing their way with other frameworks similar to this one. For those who want to learn or improve a skill and with this, increase their chances of employment or to carry out a personal project. This book has a total of 18 chapters, it is recommended that you read in the order in which they are arranged and as we explain the components of the framework, go directly to the practice, replicate, test and modify the codes that we show in this book. Chapter 1: In this chapter we are going to present the software necessary to create projects in Django, Python as a programming language and in which the framework is developed, a code editor such as VSS, until preparing the environment. Chapter 2: In this chapter we are going to create the virtual environment to develop the application, we will create the project in Django, we will learn about its basic structure and the use of applications and projects in Django. Chapter 3: In this chapter we will give an introduction to Python, knowing its basic characteristics and functionalities such as variables, data types, functions, classes, among others. Chapter 4: In this chapter, we are going to create a simple CRUD type application and learn about all the elements of the framework that this implies such as management of forms, templates, views and models, in addition to the management of CSRF tokens, migrations, databases among others. Chapter 5: In this chapter, we are going to work with Django Admin to provide an interface for managing site content; that is, the typical CRUDs, we will learn how to customize them at the class level, validations, interpret requests, among others. Chapter 6: In this chapter, we are going to introduce the use of forms in Django, definition, validations, saving and structure in general. Chapter 7: In this chapter, we are going to present the different functionalities that templates have in Django. Chapter 8: In this chapter, we are going to introduce some functions that we can use with QuerySets when building queries. Chapter 9: In this chapter, we are going to build a Rest API with the Django Rest Framework. Chapter 10: In this chapter, we are going to consume the above Rest Api with an app in Vue 3 and NaiveUI; lists, forms will be created and integrated with Tailwind.css Chapter 11 : In this chapter, we are going to learn about class-based views by performing the typical operations that are needed in modern web development. Chapter 12: In this chapter, we are going to learn how to work with files in Django; specifically reading and generating excel and CSV and generating PDFs. Chapter 13: In this chapter, we are going to show the code of an application created with Alpine.js to create a to do list component. Chapter 14: In this chapter, we are going to adapt the Alpine.js application presented in the previous chapter, so that it works together with Django. Chapter 15: In this chapter, we are going to use Django Channels to learn how to create systems with full duplex communication and be able to create our own websockets and consume them, we will see how to create single and multiple channel applications, as well as how to consume a consumer from an app in Vue . Chapter 16: In this chapter, we are going to create a personalized authentication module with login, registration, recover passwords, sending emails, uploading the avatar among others. Chapter 17: In this chapter, we are going to learn how to use the signals system to intercept events in Django such as creation of entities in the database and execute custom code. Chapter 18: In this chapter, we will introduce the use of testing to create automated functions and test different modules of our application.

Getting started with Laravel 11, master the most popular PHP framework

Getting started with Laravel 11, master the most popular PHP framework
Author: Andres Cruz
Publisher: Andres Cruz
Total Pages: 592
Release:
Genre: Computers
ISBN:
GET BOOK

This book is for anyone who wants to build their first applications in Laravel 11, this writing offers a step-by-step introduction to the framework, knowing the most relevant aspects of it and is focused above all on practice; it is assumed that the reader has knowledge and has developed PHP and related language technologies, such as JavaScript, HTML and CSS and even similar frameworks; Remember that to use any framework, you have to have the bases that support it, that is, its programming language. Map This book has a total of 22 chapters, it is recommended that you read in the order in which they are arranged and as we explain the components of the framework, go directly to the practice, replicate, test and modify the codes that we show in this book. Chapter 1: The necessary software is explained, and its installation to develop in Laravel on Windows with Laragon or Laravel Herd or on MacOS Laravel Herd and MacOS and Linux with Laravel Sail and Docker. Chapter 2: We will talk about Laravel, we will create a project, we will configure the database, we will know basic aspects of the framework and finally we will know the main element that are the routes. Chapter 3: We will take the first steps with the routes and the views, to start seeing screens through the browser; we’ll also cover using controllers with views; redirects, directives and blade as template engine. Chapter 4: We will know the use of migrations, as a central element to be able to create the models, which are the layer that connects to the database, to a particular table; and, to have this table, we need the migrations. Chapter 5: We will get to know the MVC, which is the heart of the framework, and we will make a few examples that will help us to continue advancing. Chapter 6: We will create a simple CRUD app, we will learn to work with the MVC, resource type controllers, lists, pagination, form validations, database access among other related aspects. Chapter 7: We will know how to send flash type session messages which we will use to confirm CRUD operations and session usage. Chapter 8: This chapter is oriented to learn the use of routes; which in Laravel are very extensible and full of options for groupings, types and options. Chapter 9: In this chapter, we are going to create an authentication system and all that this entails for our application by installing Laravel Breeze, which also configures Tailwind.css in the project and Alpine.js. Also we are going to expand the scheme provided by Laravel Breeze for authentication, creating a protection based on roles, to handle different types of users in specific modules of the application. Chapter 10: In this chapter, we will learn about some common Eloquent operations applied to the database using query builders. Chapter 11: We are going to introduce the use of components in Laravel as a central element to create a modular application. Chapter 12: We will learn to generate test data through classes using the seeder system that the framework incorporates. Chapter 13: We will learn how to create a CRUD type Rest Api and additional methods to perform additional queries. Also we are going to protect the CRUD type Rest Api with Sanctum, using SPA and token authentication. Chapter 14: We are going to consume the Rest Api through a CRUD application in Vue 3 using axios requests and web components with Oruga UI; we will also see the process of uploading files. Also we will protect the application in Vue with login required to access its different modules using SPA authentication or Laravel Sanctum tokens. Chapter 15: We are going to learn how to manage the cache, to save access data to improve application performance and avoid bottlenecks with the database. Chapter 16: We are going to learn how to manage access policies to certain application modules through Gates and Policies. Chapter 17: We will see how to handle polymorphism relationships to reuse models that have the same behavior. Chapter 18: We will see how to manage the permissions and roles of a user to authorize certain parts of the application with a flexible scheme and widely used in web applications of all kinds using Spatie, in this chapter we will learn how to perform this integration and we will develop a module to manage this permissions. Chapter 19: In this chapter, we will see how to manage configurations, environment variables, create help files, send emails and topics of this type that, as we mentioned previously, are fundamental in the development of web applications. Chapter 20: In this chapter, we will learn about important packages in Laravel to generate excels, qrs, seo, PayPal, detect mobile navigation among others. Chapter 21: We will learn how to create unit and integration tests in the Rest Api and the blog-type app using PHPUnit and Pest. (In Dev) Chapter 22: We will talk about how you can push your Laravel application to production. (In Dev) By the end of the book, you will have the knowledge to create any basic application with the framework and know more than just the basics of it. I invite you to visit my website: desarrollolibre.net And get to know my work.

Taming Thymeleaf

Taming Thymeleaf
Author: Wim Deblauwe
Publisher:
Total Pages: 606
Release: 2021-05-10
Genre:
ISBN: 9781667122717
GET BOOK

Taming Thymeleaf will teach you about writing web applications with Spring Boot and Thymeleaf in no-time. This book teaches you step-by-step how to get started with those technologies and build a fully fledged web application including security, validation, internationalization, testing and more. Thymeleaf is an amazing technology for building server-side HTML using the Java eco-system. Combined with Spring Boot, it is really a killer combo for a productive development environment. Learn how to structure your code so your application can evolve for years to come. As HTML will always be there, you can do this without having to re-write your frontend every six months for the latest JavaScript framework.

Laravel: Up & Running

Laravel: Up & Running
Author: Matt Stauffer
Publisher: "O'Reilly Media, Inc."
Total Pages: 562
Release: 2023-09-08
Genre: Computers
ISBN: 1098153235
GET BOOK

What sets Laravel apart from other PHP web frameworks? Speed and simplicity, for starters. This rapid application development framework and its ecosystem of tools let you quickly build new sites and applications with clean, readable code. Fully updated to include Laravel 10, the third edition of this practical guide provides the definitive introduction to one of today's most popular web frameworks. Matt Stauffer, a leading teacher and developer in the Laravel community, delivers a high-level overview and concrete examples to help experienced PHP web developers get started with this framework right away. This updated edition covers the entirely new auth and frontend tooling and other first-party tools introduced since the second edition. Dive into features, including: Blade, Laravel's powerful custom templating tool Tools for gathering, validating, normalizing, and filtering user-provided data The Eloquent ORM for working with application databases The Illuminate request object and its role in the application lifecycle PHPUnit, Mockery, and Dusk for testing your PHP code Tools for writing JSON and RESTful APIs Interfaces for filesystem access, sessions, cookies, caches, and search Tools for implementing queues, jobs, events, and WebSocket event publishing Specialty packages including Scout, Passport, Cashier, and more

Professional JavaScript

Professional JavaScript
Author: Hugo Di Francesco
Publisher: Packt Publishing Ltd
Total Pages: 664
Release: 2019-09-30
Genre: Computers
ISBN: 1838822755
GET BOOK

Develop your JavaScript programming skills by learning strategies and techniques commonly used in modern full-stack application development Key FeaturesWrite and deploy full-stack applications efficiently with JavaScriptDelve into JavaScript’s multiple programming paradigmsGet up to speed with core concepts such as modularity and functional programming to write efficient codeBook Description In depth knowledge of JavaScript makes it easier to learn a variety of other frameworks, including React, Angular, and related tools and libraries. This book is designed to help you cover the core JavaScript concepts you need to build modern applications. You'll start by learning how to represent an HTML document in the Document Object Model (DOM). Then, you'll combine your knowledge of the DOM and Node.js to create a web scraper for practical situations. As you read through further lessons, you'll create a Node.js-based RESTful API using the Express library for Node.js. You'll also understand how modular designs can be used for better reusability and collaboration with multiple developers on a single project. Later lessons will guide you through building unit tests, which ensure that the core functionality of your program is not affected over time. The book will also demonstrate how constructors, async/await, and events can load your applications quickly and efficiently. Finally, you'll gain useful insights into functional programming concepts such as immutability, pure functions, and higher-order functions. By the end of this book, you'll have the skills you need to tackle any real-world JavaScript development problem using a modern JavaScript approach, both for the client and server sides. What you will learnApply the core concepts of functional programmingBuild a Node.js project that uses the Express.js library to host an APICreate unit tests for a Node.js project to validate itUse the Cheerio library with Node.js to create a basic web scraperDevelop a React interface to build processing flowsUse callbacks as a basic way to bring control backWho this book is for If you want to advance from being a frontend developer to a full-stack developer and learn how Node.js can be used for hosting full-stack applications, this is an ideal book for you. After reading this book, you'll be able to write better JavaScript code and learn about the latest trends in the language. To easily grasp the concepts explained here, you should know the basic syntax of JavaScript and should've worked with popular frontend libraries such as jQuery. You should have also used JavaScript with HTML and CSS but not necessarily Node.js.

Mastering Node.js Web Development

Mastering Node.js Web Development
Author: Adam Freeman
Publisher: Packt Publishing Ltd
Total Pages: 779
Release: 2024-06-24
Genre: Computers
ISBN: 1837637350
GET BOOK

Unlock the full potential of Node.js with practical skills to develop and deploy scalable and high-performance server-side applications that enhance your client-side projects Purchase of the print or Kindle book includes a free PDF eBook Key Features Server-side applications with Node.js, covering HTTP requests, static and dynamic content delivery, form data processing, and RESTful web services Hands-on examples, step-by-step code listings, and best practices for building and deploying server applications Common services like authentication, managing application state, and performance optimization Book DescriptionDive into the world of Node.js with this comprehensive guide, taking you from foundational concepts to practical web development mastery. Written by an industry veteran with over 50 programming books under his belt, this book will help both beginners and seasoned developers. Gain a deep understanding of the most important server-side features in web development with Node.js. The first part of the book will get you up to speed with basic features of Node.js and TypeScript. In the second part, you’ll elevate your skills by creating simplified implementations of key server-side features to understand how they work and how they are presented to clients. Armed with the understanding gained from implementing each feature, you will be able to replace custom code with production-ready open-source packages. The third part will help you understand how server-side features are combined for practical web development. Using Adam Freeman’s signature SportsStore application, you will learn how to develop client and server-side components, culminating in a thorough application deployment preparation. By the end of this Node.js book, you will be able to build and deploy server applications to support HTTP clients, including JavaScript applications created with frameworks such as Angular and React.What you will learn Process HTTP requests and perform file operations Create RESTful web services that can be consumed by client-side apps Work with server apps serving JavaScript clients, such as React and Angular Leverage Node.js to work with popular databases Apply practical knowledge through building the SportsStore project Authenticate users and authorize access to application features Who this book is for This book is for programmers with a basic knowledge of HTML and CSS who are transitioning into JavaScript development and are looking to master the implementation of server-side applications.

Image Optimization: The Humble img Element; I IMAGE QUALITY AND PERFORMANCE: 2 Optimizing Image Quality; 3 Comparing Image Formats; 4 Color Management; 5 Image Decoding Performance; 6 Measuring Image Performance; II CURRENTIMAGE FORMATS: 7 JPEG; 8 PNG; 9 WebP; 10 SVG; III IMAGES IN BROWSERS: 11 Responsive Images; 12 Progressive Rendering Techniques; 13 Caching image assets; 14 Lazy-Loading Images; 15 Replacing Animated GIFs; 16 Image Content Delivery Networks; III NEW AND EMERGING IMAGE FORMATS: 17 HEIF and HEIC; 18 AVIF; 19 JPEG XL; 20 Comparing New Image File Formats; V FURTHER OPTIMIZATION: 21 Data Saver; 22 Optimize Images for Core Web Vitals; 23 Case study: Twitter

Image Optimization: The Humble img Element; I IMAGE QUALITY AND PERFORMANCE: 2 Optimizing Image Quality; 3 Comparing Image Formats; 4 Color Management; 5 Image Decoding Performance; 6 Measuring Image Performance; II CURRENTIMAGE FORMATS: 7 JPEG; 8 PNG; 9 WebP; 10 SVG; III IMAGES IN BROWSERS: 11 Responsive Images; 12 Progressive Rendering Techniques; 13 Caching image assets; 14 Lazy-Loading Images; 15 Replacing Animated GIFs; 16 Image Content Delivery Networks; III NEW AND EMERGING IMAGE FORMATS: 17 HEIF and HEIC; 18 AVIF; 19 JPEG XL; 20 Comparing New Image File Formats; V FURTHER OPTIMIZATION: 21 Data Saver; 22 Optimize Images for Core Web Vitals; 23 Case study: Twitter
Author: Addy Osmani
Publisher:
Total Pages:
Release: 2021
Genre:
ISBN: 9783945749944
GET BOOK

Provides a practical modern guide to delivering high-quality images on the web -- from formats and compression to delivery and maintenance. The book focuses on what matters: modern approaches to image compression and image delivery, practical tools and techniques to automate optimization, responsive images, current and emerging image formats, how browsers load, decode and render images, CDNs, lazy-loading, adaptive media loading and how to optimize for Core Web Vitals.

Server-Driven Web Apps with htmx

Server-Driven Web Apps with htmx
Author: R. Mark Volkmann
Publisher: Pragmatic Bookshelf
Total Pages: 259
Release: 2024-08-14
Genre: Computers
ISBN:
GET BOOK

htmx is a library that adds logic and server interaction to HTML; you get the effect of using a front-end SPA framework without writing front-end code. Use any server-side programming language and framework to build server applications with endpoints that simply return snippets of HTML. Dynamically update portions of the current web page from HTTP responses. Add interactivity with JavaScript and libraries such Alpine and _hyperscript. Make your apps more secure by escaping user-supplied content and specifying a Content Security Policy. Go beyond basic HTTP requests with WebSockets and server-sent events. The htmx JavaScript library gives you a new way to craft web applications. The htmx approach differs significantly from that of the currently popular single-page application (SPA) frameworks; rather than write a bunch of JavaScript, you simply annotate HTML elements before you send them to the browser. The resulting code is easier to understand and modify, and because it downloads less to the browser and doesn't need JSON creation and parsing, you'll find it performs better, too. Rethink web application design; write code in any language that simply responds to requests with htmx snippets. Dynamically update portions of the current web page directly from the server. Implement common patterns such as lazy loading, input validation, CSS transitions, active search, optimistic updates, pagination, infinite scroll, polling, and click-to-edit. Add interactivity with JavaScript and libraries such as Alpine and _hyperscript. Use the htmx JavaScript API to simplify DOM operations. Make your web apps more secure: escape user-supplied content, use Subresource Integrity hashes, and enforce a Content Security Policy. Go beyond the basic HTTP request/response pattern with WebSockets and server-sent events. Discover a simpler way to implement web applications that emphasizes web fundamentals. What You Need: A modern web browser and the ability to build and run a local HTTP server using the server-side language and framework of your choice. The code examples are fully compatible with htmx 2.0.