How to set up django react together ?
In this article, We will set up Django react together with building a business directory or listing application from scratch. Note: I am using ubuntu terminal or code terminal for creating directory or files with terminal, Your case may be different. Before you go to create this project, don't miss the table of content for the process of the tutorial. Set #djangoreact #djangoreacttutorial #djangowithreact #reactwithdjango
Angular material data table, sort, pagination, filter - complete example
In this post, I will implement a material data table with API call and also show material table sort, pagination, filter feature. Start a new project from scratch ng new angular-mat-table cd angular-mat-table Add angular material dependancy ng add @angular/material Import material modules In the app.module.ts file add modules. import { NgModule } from '@angular/core'; import { BrowserModule } from #angularmaterialdatatable #angularmaterialtable #angularjsmaterialtable #mattable
How to add chart js in angular?
Chart.js is an open-source HTML chart for your website. In this tutorial, I am going to show chart.js integrates into the angular projects. Road Map... - Setup angular new project from scratch - Add bootstrap ui Library (optional) - Implement chart with pure chart.js library - Implement chart with angular base package ng2-charts Let's setup new angular project Generate angular project Make sure your machine has #chartjsangular
Angular JWT token authentication (login, auth and error interceptors, guard, protected route) exampl
In this article, I will implement and explain the complete angular project feature with the login, HTTP interceptors(Auth, Error), role-base guard, protected route. I am going to use StoreRestApi fake API login, refresh token. Roadmap... - Implement login route with auth module - Implement http interceptor - Implement auth guard - Implemenet user protected route #1. #angularauthguardmultipleroles #angularauthguardrolebased #angularjwt #angularjwtexample #angularrolebasedguard
Angular bootstrap date picker example
In angular, people have different types of use bootstrap. some people use bootstrap as a utility library. Some people use it as a primary library. The angular primary library has a build-in date picker. But if you are using bootstrap as a utility library. try ng2-datepicker date picker which comes with a single date picker calendar feature. In this article, I will implement an ng-bootstrap date picker, and I will #angularbootstrapcalendar #angularbootstrapdatepicker
How to add tailwind CSS in angular
Hello developer, I found angular, angular material, and tailwindcss great combination. it saves a lot of time and extra code which maintains the DRY(Don't repeat yourself) principle. In this tutorial, I am going to show how to add tailwindcss in an angular project. let's generate an angular project Note: make sure you have angular CLI and my suggestion is always to use the angular latest version for new projects. #angulartailwindcss #tailwindcssangular #usingtailwindwithangular
Angular Bootstrap Popup Login Form
Generate new angular project ng new bootstrap-popup cd bootstrap-popup Integrate bootstrap in this project Install bootstrap package npm i bootstrap Add bootstrap files Bootstrap "node_modules/bootstrap/scss/bootstrap.scss" and "node_modules/bootstrap/dist/js/bootstrap.min.js" files add in styles and scripts section of src/angular.json file. "architect": { "build": { ... #angularbootstraplogin #angularbootstraploginform #angularbootstrapmodal
How to add bootstrap 5 in the angular application?
Bootstrap is the most popular front-end toolkit framework. It features a responsive grid system, extensive prebuilt components that help developers quickly design and customize responsive mobile views. In this tutorial, I am going to integrate bootstrap into an angular application. let's begun ... Start with New Angular Applicaition I am going to generate a new angular application for this tutorial. #addbootstraptoangular #angularbootstrap #angularbootstrap5 #angularinstallbootstrap
How to create Django form?
Django's form functionality can simplify and automate vast portions of work like data prepared for display in a form, rendered as HTML, edit using a convenient interface, returned to the server, validated, and can also do it more securely than most programmers would be able to do in code they wrote themselves. Django manages three parts of the work involved with the forms: - Preparing and restructuring data to make #djangoformexample #djangomanuallyrenderform #djangorenderform
We think you’ll love these
Related Interests
How to render Django form individual fields manually?
We already know Django build-in system is pretty good for developers. Django forms have the developer-friendly build-in feature, Django provides several forms of rendering build-in methods. what was I discuss in the last post of how to create Django form. It's just plain HTML form, no CSS, no javascript. and you can't expect user-friendly UI without CSS and can't expect a server-side well validate form without #djangoformfieldrendermanually #djangoformfields #fieldsrendermanually
how to create a virtual environment for Django?
The virtual environment is a specific environment where a specific application executes in there. In the mean Django virtual environment where Django application will execute there. Django virtual environment is recommended to execute Django application separately. it will maintain application dependency easily. So how can we create a virtual environment? #createavirtualenvironmentdjango #createvirtualenvironmentfordjango #createvirtualenvironmentindjangoinwindows #djangopipenv
How to optimize your Django application for more speed with ORM?
when people use web applications, they want to see fast loaded pages and efficient performance. As a result, speed has become one of the top metrics that people use to determine the design value of a web application. So here is more teacher and example why is perform is matter? According to Kissmetrics, 47% of consumers expect a web page to load in 2 seconds or less. This same study also found that 40% of peopl #djangoormoptimization
How to setup django static and media file in aws s3 ?
In this tutorial, we are setting up aws s3 for your Django static and media files. So we can store static files and upload media files more effective manner. Django settings up is the best way that I found to set up All over world developers highly recommend aws. Using aws s3 for django static files is a really good way to serve and more flexible. #djangoawss3 #djangos3storage #djangostaticfiles