Software Development
Computer Software
5 things that every front-end developer careful of
Responsive Design
As of 2020, here is the global breakdown of internet traffic: 50.88% Mobile, 46.39% Desktop, 2.74% Tablet.
The results show that mobile users are growing every day and now it's the top. So we as developers when implementing the pages we don't have the opportunity to make the site non-responsive anymore. Most of the users will check out the site on their phones. While developing the site we also need to ask ourselves how we can implement this feature on the small screens and even we can use a mobile-first approach as well if you don't know it I highly recommend you to check it out. You can check if your website responsiveness or not from here.
Cross-Browser Compatibility
64.59% Chrome
19.14% Safari
3.76% Firefox
3.41% Edge
3.31% Samsung Internet
2.19% Opera
Chrome is staying on top and it has more than half of the market share but we still have to write our code that works on every browser. We never know which browser user is going to be our target user so it is always good to care. You can check CSS code compatibility from
here and also there are a lot of tools that check your website and tell you how much of your website is compatible with browsers.
Performance
A good website is loaded in 2-3 seconds but when the website loading takes more than 7 seconds that means you have to improve your performance there are some factors that you can do to improve website performance:
1- Minify CSS, JavaScript, and HTML
2- Optimize images
3- Improve server response time
4- Leverage browser caching
You can check your website load time from here
Chrome Dev tool
Chrome dev tool is an assistant of front-end developers. There is a list that you can do on the Chrome dev tool panel:
1- You can edit your HTML, CSS code while testing and debugging
2- Tou can reproduce bugs, pause your running code and find the exact moment when the script fails to execute properly.
3- You can check your website performance.
4- The network tab is also a lifesaver for inspecting what assets are being loaded on the page and in what order they load, how long they take to load etc.
Chrome dev tool coming with your browser you don't need to any installation for it.
Testing
While we developing our projects we create tons of bugs. Therefore this is where the testing comes and safe your life. there are several testing types that you can learn and apply to your project.
1- Unit testing
2- Functional Testing
3- Integration testing
Çarşamba, Mar 31, 2021