10 Most Common Mistake Web Developer Make

 

Every page has standards before its life to the public domain, but somehow awareness or any other things they forgot the basics of the web development mistakes, like input validation, SEO friendly URLs, rest APIs, authentication, and many others things. But don't worry today will explain what is the remember in development strategy and how it will handle. 

1. Input Validations

Input means the information which is entered by you in the web applications of any type of registration or form filling.

Every input is directly not validated like if your login form has two fields email and password, but validation is that the email field has only email accepted otherwise show instructions for entering a valid email address.

The main problem for validation is not for login it's for registration or any type of form which has to save the information, if the information is incorrect with respect to email then how to communication done via users.

The most important thing do not trust the user input because the user can enter anything in any field, it is the developer's responsibility to validate every entered required input.

The validation must be both side client and server.

The client-side validation is for ease of access like when typing anything then validation starts as well for the client-side and its saving time for the user to enter and validation of the right input.

The server side is the most important to validate every input before storing it into the database, and the server-side validation is the main security feature to do not malicious person not make the entry to modify or insert into my database.

For the server-side validation based on your application backend technology.

For the Client-side have an HTML attribute for the input element to validate input when the form submits like

• required:- its required validation means this field should enter some value
• input type:- its enures the enter input type like email, text, number, URL, date, etc, e.i. type="text", type="email".
• max and min length:- It validates the length of the input minimum and maximum.
• pattern:- It validates specific patterns, in this use specific input regular expressions.

2. Authentications And Authorization

Before started to define the terms of this.

Authentication:- Verify the specific person who has access to the resource authenticated via security code, password, and before accessing he/she is correctly provided it.

Authorization:- Confirming the particular user access resource is to granted permission for the access resource and perform actions.

The authentication is the first task and the authorization is the task ofter authentication mainly.

Authentication is done via proper secure methods like strong passwords, secure tokens, and security questions.

Just like any portal and admin pannel does not access to hit the direct URL of authenticated pages.

The authorization means if you have the multiple role admin portals then every user has to right for specific operations and specific page and information able to access.

But if you do not configure proper authorization it may be accessed via URL directly enter or API which have posted any data or insert then every page have authorization and every method have authorization based on the logged-in user roles.

The method means GET, POST, PUT, PATCH, DELETE, And OPTION

3. Not Ready to Scale

This is the most common feature for small to grow large scale data application, that is called scalable of your application means if you developed for the small data application but in the future number of data and users gain then the application not affected actual speed and performance.

This is done via optimizations and using scalable technics like.

• Fewer database calling.
• No of ajax requests minimum on the page,
• optimized image.
• Do not call the database in the loop.
• for multiple databases calling you must use the join query if has any relationship.
• The ajax request must take JSON data not the HTML code because JSON has less size than any specific list of HTML elements.
• The server must be good for ram, CPU, bandwidth, and less responsive time.

4. Wrong or Missing SEO

For search optimization the most important role of SEO of the website.

SEO stands for search engine optimization, and it has many things like social media marketing backlink, ranking, and other many things.

But I am telling only for website level that means website SEO structure.

If the website is not SEO-ready it may be search engines like google bing yahoo may not be indexed or not ranking in the search preference.

In this using many things like:-

• Title:- Every website and every page must have a title tag
• Meta Description:- Every page have a meta description that has short info about the page and it is shown in the search engine result also.
• Social Media Meta Tags:- This is for social media shared link preview cards that show the title, thumbnail, and description of the URL pages.
• Heading Tag:- Every page has a heading and according to the SEO structure, every page has only one H1 HTML tag. and also an h2 tag but h2 has many times no problems and also others like h3, h4, h5, h6.
• Paragraph:- Every page must have a paragraph and it has the minimum words on the page of the total which is most prioritize by the search engine.
• Image:- If you are using an image then you must be set the src, title, and alt attribute of an image tag.
• And many more:- If you have not aware of the full SEO then you can read the SEO articles.

5. Time or Processor Consuming Actions in Request Handlers

This feature is most the cases not remembered by the developer when developing, because there have many circumstances like time and cost of the projects.

In this, if you have any notification system and mail sending mail to every user separately like e-com website order mails, the minimum numbers of mail sent successfully but at the time of a number of requests increases then it will fail or takes long to complete the task.

Or connection timeout, exceeding quota

But in that condition, you can use a third-party mailing system to handle these requests.

If you are using third-party services to handle the process for processor consuming requests made by the third party server which is done via request only HTTP and other operations done in that server.

6. Not Optimizing Bandwidth Usage

In this case, most of the time using a large file size in the pages or page is large also included all assets used in the page.

But if any user request for your page in his browser and your server bandwidth is low then as well as a large page take large bandwidth to load the page in the browsers.

If you use 3 images 5 MB then the page load is 15MB minimum.

If any user has 3g connection then it takes a long time to load the whole page otherwise the user is disappointed with your web page speed.

There are a few points that good developers do by default:-

1. Minification of all javascript files.
2. Minification of all CSS files.
3. Server-side HTTP compression (GZip).
4. Optimize Image size and resolutions.
5. If possible to make a bundle of single javascript files using all, same as for CSS files.

7. Not Developing for Different Screen Sizes

Responsive design a big topic in the few years and now a day every client the main requirement is to web projects support every device screen.

The different device has the different resolutions based on the portrait and landscape view one another on the specific portable devices like tab or phones.

Every view has different design issues like if any page has a table and it has no column more the device screen width is not adjustable then you must be used to scroll the table in the small devices.

In order to ensure seamless navigation and access to website content, you must enable users to access it from all types of devices.

There have many responsive design tools to have their own tips and tricks to make the website or project is responsive on every screen.

1. Twitter Bootsrap (Most populat)
2. W3css
3. Foundation CSS
4. Materialize CSS
5. Tailwind CSS
6. Bulma
7. and many more and everyone has their own classes and tips/tricks to make the design of the websites.

8. Cross-browser Incompatibility

Cross-browser is the big issue if you are using your won script and CSS because you are not building for the cross browsers styling and actions in javascript.

Some time website not working properly in Firefox, IE, Opera, and safari.

Maximum time safari is the most challenging browser it has its own and specific attributions and other things and sometimes or maximum time some javascript libraries and CSS not working in these browsers.

The most common thing is if you are using any type of libraries you must check the browsers supportable.

If you are using your own code then you must check which function you use and that function is supportable in all common browsers if not then make proper alternative codes.

All this process makes time-consuming because every browser has specific, so you can use the CSS and js libraries for saving your time and efforts.

9. Not Planning for Portability

This is the mother of all problems because sometimes use the hard coded database, image paths, configurations.

This problem because if the project location change in the future then every file will be required for update paths were hard coded and configurations.

For example, if you are using database hard-coded configurations in the development environment after completed you must go to the live project then before live all paths make according to the live credentials and assets paths.

There have some points you should remember when developing projects:-

1. Make sure that your application is scalable and the server is multiple environment support.
2. Allow to simple and clear configuration for the project.
3. handle server exceptions when webserver configurations are not especed.

10. RESTful Anti Patterns

Every project uses REST API for internal use or external use nowadays. For example, using ajax requests is done via rest APIs.

Some times develop and use rest API there have to know basic headers and status like success failed error and bad request based on the method types.

For example, if you are receiving a successful response that means the status code for this 200.

You should send status codes according to the response in the rest of the APIs like 400, 401, 402, 500, and many other types of status codes.

-----------------------------------

Finally, you should follow these steps you must develop a good structure web project which has implemented most of the features required for the clients or projects like:-

• Validations client-side and server-side both, user not able to insert any type of input which is not follow the validations rules.
• Authentications and Authorization is the main security for any project have personal and business information, and doesn't not accessible to anyone who is not on the granted permission lists.
• Scalability
• SEO ready
• Fast response and less time taking when loading in the browsers.
• Taking less bandwidth and speed of the client internet for loading.
• Responsive designs to support all types of devices.
• Support all browsers
• A portable project that is host anytime and on any server.
• Well structure URL and dynamic sections of the website.