Let’s Code Better
-
Angular Material 12 Bottom Sheet / Slide Up Menu Example Tutorial
Read more: Angular Material 12 Bottom Sheet / Slide Up Menu Example TutorialIn this Angular Material tutorial, we’ll learn how to implement the Bottom Sheet navigation menu with different examples and configurations to set position, pass dynamic data to show customized buttons using Material UI in the Angular 12 application. The bottom Sheet slide-up menu is a very useful UI element that can help us in providing…
-
Angular Material 12 Datapicker with Range Selection Example with ngx-daterangepicker-material
Read more: Angular Material 12 Datapicker with Range Selection Example with ngx-daterangepicker-materialMaterial Datepicker with To From Date Range selection Example; In this Angular Material tutorial, we’ll learn how to implement Material UI styles Datepicker and Timepicker with Range selection feature. Usually the Material date and time picker only allows a user to select a single value. But here we’ll learn how to enable a user to…
-
XAMPP – How to Connect a Remote Database in phpMyAdmin
Read more: XAMPP – How to Connect a Remote Database in phpMyAdminIn this quick tutorial, we will guide you on how to connect to a remote database from a local phpMyAdmin console. For connecting the remote database, we will use XAMPP on Windows 10 and use phpMyAdmin console to connect to a remote database.
-
React Responsive Content/ Image Slider Example – Using react-responsive-carousel Library
Read more: React Responsive Content/ Image Slider Example – Using react-responsive-carousel LibraryReact responsively carousel example in React js application; You will learn how to add a responsive image carousel in React js application. For this, we will use a very popular library named react-responsive-carousel. We will discuss how to add custom animation, including fade effect, and configure using a wide range of props. React Responsive Carousel…
-
Ionic 6: Adding Auth Guards in Angular to Limit Page Access
Read more: Ionic 6: Adding Auth Guards in Angular to Limit Page AccessIn this tutorial, we will be discussing how to add Auth Guards in an Ionic 6 Angular application to limit page access. Auth Guards are used to restrict access to certain pages in the app based on user authentication status. This can be useful for pages that contain sensitive information or require a user to…
-
How to Get Claim Value from JWT String in Angular
Read more: How to Get Claim Value from JWT String in AngularJSON Web Tokens (JWT) are widely used for authentication and authorization purposes in web applications. This article will demonstrate how to extract claim values from a JWT string in an Angular application. We’ll walk you through the entire process, including setting up an Angular project, adding the necessary libraries, and creating a service to handle…
-
How to Update URL Without Refresh in Angular: Updating Query Parameter Values
Read more: How to Update URL Without Refresh in Angular: Updating Query Parameter ValuesOne of the challenges we often face when working with Angular is to update the URL without refreshing the page. This is especially important when dealing with query parameters, as you may want to change their values without causing a full page refresh. In this article, we will explore how to update the URL and…
-
Python Dict: Get First Key 3 Methods
Read more: Python Dict: Get First Key 3 MethodsThis tutorial will guide you through various methods to get the first key from a dictionary in Python.
-
Regex Split in Python – Tutorial with Examples
Read more: Regex Split in Python – Tutorial with ExamplesIn this article, we will explore how to use regex to split strings in Python, by using the re module and its functions. This comprehensive guide will provide examples and use cases to help you better understand and utilize regex splitting in your Python projects. Python has built-in support for regex through the re module,…
-
Regex Python Cheat Sheet
Read more: Regex Python Cheat SheetThis article will serve as a comprehensive cheat sheet for regex in Python, providing you with an understanding of the basic concepts and patterns, as well as a rundown of the most common functions and features.
-
Regex Remove Special Characters in Python with Examples
Read more: Regex Remove Special Characters in Python with ExamplesIn this digital age, data manipulation and text processing are more critical than ever. As a result, removing special characters from strings is a common task for developers. This article will provide an in-depth tutorial on how to use regular expressions to remove special characters in Python, along with various examples.
-
Python replaceall Regex – Tutorial with Examples
Read more: Python replaceall Regex – Tutorial with ExamplesPython provides a powerful library called re to work with regex. This article will discuss how to use Python’s re module to perform replaceall functionality using regex, along with various examples and use cases.
-
Python Regex Replace String: A Comprehensive Guide with Examples
Read more: Python Regex Replace String: A Comprehensive Guide with ExamplesRegular expressions (regex or regexp) are a powerful tool for text processing that allow to search, manipulate, and validate strings using a set of patterns. In this article, we will provide an in-depth tutorial on using Python’s regex functionality to replace strings along with examples and their use cases.
-
[Angular 16] Pass Data Between Components with Examples
Read more: [Angular 16] Pass Data Between Components with ExamplesIn this comprehensive guide we will discuss how to Pass data using @Input(), send data and listen to events from child to parent using @Output(), use @ViewChild to get child component instances in parent and more advanced techniques with examples. Component-based architecture is a key feature of Angular application, which are the reusable UI blocks…
-
React – OnChange Event handler on Dynamic Select Component
Read more: React – OnChange Event handler on Dynamic Select ComponentIn this article, we will explore how to create a React select dropdown and attach an onChange event handler to it. We will discuss how to get the selected value from the drop-down child component back to the parent App component. Moreover, we will set the default value of the drop-down from the App js…
-
HTML6 Unveils Mind-Blowing Features You Can’t Afford to Miss!
Read more: HTML6 Unveils Mind-Blowing Features You Can’t Afford to Miss!HTML, the foundation of the web, is among the most widely recognized web technologies. From its inception, HTML has continuously been employed in building the Internet. HTML5, introduced in 2014, took another step towards standardizing the hypertext markup language. Now, the web development community eagerly awaits the next upgrade—HTML6.