Skip to main content

Posts

Showing posts from May, 2023

Technology Overview for Software Developer, QA and Full Stack Developer

In this article, I am discussing basic technical skills and technology overview and profile. I am also discussing frontend, backend, database, server information. What is Frontend Front End:- It is used to design UI(User Interface of any application) Profile:-  UI/UX Developer, Web Designer,  Front-End Developer Type of Design  1)  Traditional design:- HTML, CSS, BootStrap, JS 2)   Modern design:-    REACT, ANGULAR 3)  Graphics & Animation:-  Corel Draw, Illustrator, Jquery(animation) Backend:- It is used to create a set of programs to implement software-related tasks. 1)  Desktop Application:-  C, C++, Core Java, C#, PYTHON  (Operating, VLC Media Player, Driver, Paint, Notepad)  Profile:-  Programmer, Software Developer       2)  Web Application:-  PHP, PYTHON(Django), JAVA(J2EE), ASP.NET, ROR(Ruby on Rails) Profile:-  Web Developer 3)  Mobile Application:- 3.1)...

JSP Introduction,JSP Tutorials

JSP Introduction :- JSP means Java Server Page , It is used to create a dynamic web page under Java web application. We can easily write HTML Code on the JSP web page hence JSP is mostly used to create the d esign layer of an application. Designers can also design a complete web page using JSP because the JSP view is similar to HTML View. For Standard Java Web Application, We will create JSP for designing and Servlet for Programming.  .............................................................................................................................................  What is the difference between JSP and Servlet? 1) JSP is used to create a design layer and the Servlet is used to contain the code layer of an application. 2)  We can write static text and dynamic text both under the JSP web page with separate code structure but  Servlet is a Pure Java class that means we will write HTML Code content under the Servlet predefine method. 3)  JSP web page on...

Program of React-JS to check prime number

  Program of React-JS to check prime number using constant object? import React from "react"; export class Prime extends React.Component {     state = {         num: 9,         i: 2,         s:null       };        constructor()    {         super();        }    render()    {     const { num } = this.state;     for(this.state.i=2;this.state.i<num;this.state.i++)     {         if(num%this.state.i==0)         {             this.state.s = "not prime";             break;         }     }     if(num==this.state.i)     {         this.state.s = "prime";     }     return(        ...

How to implement testing operation practically

In this article, I am explaining the steps of testing, suppose you are freshers and the first time you are doing testing operations then how to implement testing practically that thing I am introducing in this article. 1)  create a Test Case Report with the following steps:- 1.1)  Requirement Analysis:-         Project:- EroomRent.in        Domain:-  Real estate        Category:- Rental Services        Type of Users:-         1)  Guest         2)  Property Owner (Register, Login, Add property, View Property, Edit Property, View Booking, Logout)         3)  Property Broker(Register, Login, Add property, View Property, Edit Property, View Booking, Logout)         4)  Tenant or Rent(Register, Login, Search Property, Booking, View the Previous booking)         5)  Admin(Man...

CheckBox Tutorials in Django

The checkbox is used to check multiple options in the Django form. We will use the Checkbox HTML element to design CheckBox. Syntax of Checkbox for Django Form. <input type="checkbox" name="chk[]"  value="content"    />Content <input type="checkbox" name="chk[]"  value="content"   />Content here chk[] is the list that contains multiple values. We will use request.POST.getlist() to get the element of Checkbox and Listbox. Step to implement Checkbox on Django Form using Single Method on Views.py :- 1) Create urls.py under app:- from django.urls import path from. import views urlpatterns = [          path('checkbox', views.checkbox, name='checkbox'),    ] 2) Create templates/appname/checkbox.html <!DOCTYPE html> <html> <head> <title></title> </head> <body> <form action="" method="post"> {% csrf_token %} <input type="checkbox...

Uncontrolled form input in React-JS

  Uncontrolled form input in React-JS? If we want to take input from users without any separate event handling then we can uncontrolled the data binding technique. The uncontrolled input is similar to the traditional HTML form inputs. The DOM itself handles the form data. Here, the HTML elements maintain their own state that will be updated when the input value changes. To write an uncontrolled component, you need to use a ref to get form values from the DOM. In other words, there is no need to write an event handler for every state update. You can use a ref to access the input field value of the form from the DOM. Example of Uncontrolled Form Input:- import React from "react" ; export class Info extends React . Component {     constructor ( props )     {         super ( props );         this . fun = this . fun . bind ( this ); //event method binding         this . input = React . createRef ();...

JSP Page design using Internal CSS

  JSP is used to design the user interface of an application, CSS is used to provide set of properties. Jsp provide proper page template to create user interface of dynamic web application. We can write CSS using three different ways 1)  inline CSS:-   we will write CSS tag under HTML elements <div style="width:200px; height:100px; background-color:green;"></div> 2)  Internal CSS:-  we will write CSS under <style> block. <style type="text/css"> #abc { width:200px;  height:100px;  background-color:green; } </style> <div id="abc"></div> 3) External CSS:-  we will write CSS to create a separate file and link it into HTML Web pages. create a separate file and named it style.css #abc { width:200px;  height:100px;  background-color:green; } go into Jsp page and link style.css <link href="style.css"  type="text/css" rel="stylesheet"   /> <div id="abc"> </div> Exam...

ListBox and CheckBox combine tutorials in Django,Django Form tutorial,Django ListBox,Django CheckBox

Listbox is used to select multiple items and Checkbox also used to check multiple items. When elements are more then we prefer Listbox when an element is less then we prefer Checkbox to create form elements.. I am providing complete code to implement ListBox and CheckBox in Django Code for HTML Template <form method="post" action="add/addlogic"> {% csrf_token %} <input type="checkbox" name="checks[]" value="C" />C <input type="checkbox" name="checks[]" value="CPP" />CPP <input type="checkbox" name="checks[]" value="DS" />DS <input type="checkbox" name="checks[]" value="ETC" />ETC <br><br> <select name="course[]" multiple="true"> <option value="JAVA">JAVA</option>     <option value=".NET">.NET</option>     <option value...

Principle of Software Testing

Testing shows the presence of defects:-     Exhaustive testing is impossible Early testing Defect clustering Pesticide Paradox Testing is context depending Absence of error fallacy 1) Testing shows the presence of defects:-     Every application has some hidden defects that can not be identified by developers or clients itself that's why testing is mandatory to find the bug and develop a bugless system. The testing's main objective is to identify bugs so that we can provide quality assurance to end-users for application. Testing always provides that bug can be present on an application, the testing process never supports the absence of bug. No one application in the IT industry that is 100% Bug-free. 2)  Exhaustive testing is impossible:-   if we test the application using multiple invalid data and valid data both to find a bug on the system that is called exhaustive testing. If we want to test the large range of data then we never check comp...

Create Addition Program using JSP and Servlet

Create Addition Program using JSP and Servlet This is the standard approach of Java web application that we should always create a design layer under JSP and code layer under servlet. It is also called the 2-tier architecture of java means we work on two different layers then it will be 2-tier. Step by Step Implementation of Java Web Development:- Step1st:-    Create a JSP web page and design form using HTML Form Content.                       <form action="ServletName" method="post">                                 </form> Step2nd:-   Create Servlet and Write Code under doPost() in eclipse otherwise in Netbeans processRequest() which is used define method which will be called under doGet() and doPost()               ...

Controlled Form-Input in React-JS

Controlled components have functions that govern the data passing into them on every onChange event, rather than grabbing the data only once, e.g., when you click a submit button. This data is then saved to the state and updated with setState() method. This makes components have better control over the form elements and data. A controlled component takes its current value through props and notifies the changes through events or callbacks like an onChange event. A parent component "controls" these changes by handling the callback and managing its own state and then passing the new values as props to the controlled component. It is also called a "dumb component." Code of Controlled Component in React JS:- Now i am implementing addition program to implement react-js controlled component. import   React , {  Component  }  from   'react' ;   export   class   Controlledcomponent   extends   React . Component {    ...