Making Your Website/Application Accessible: A Guide for Front-End Developers

As front-end developers, our job is to present visual information that looks good and gives users cues to help them understand content quickly. Even a static, text-only web page is more than a collection of words. The page has a title that appears at the top. The title may be bold or in a large font size. In the body of the text, words are grouped into sentences that end with periods, and related sentences are grouped into paragraphs. Certain words in a sentence may be emphasized with bolding, underlining, or italics. These examples barely scratch the surface of the many, minute details of visual web page design.
These components may seem basic and unimportant, but for many people, accessing and reading text on a web page is difficult. For example, individuals with visual impairments often struggle to read the text. When we think of visual impairment, most of us automatically picture a person who is blind, but there are many other types of visual impairment to consider, including color blindness, low vision, sight problems caused by degenerative disorders, etc. The range of disabilities and handicaps our users may have extends far beyond the visual category to include hearing, cognitive, motor, and other types of issues. Therefore, making sure your website or application is accessible rises to the utmost importance.

Link: https://dzone.com/articles/making-your-websiteapplication-accessible-a-guide?utm_medium=feed&utm_source=feedpress.me&utm_campaign=Feed%3A+dzone%2Fwebdev

React vs. Angular vs. Vue.js: A Complete Comparison Guide

Choosing a tech stack sometimes becomes a tedious task as you need to take every factor into consideration, including budget, time, app size, end-users, project objectives, and resources.
Whether you are a beginner, a developer, a freelancer, or a project architect forming strategies, it is a wise decision to be aware of the advantages and drawbacks of each framework in detail. So, this post will not help you select the best one, because that decision depends on the scope of your project and the framework’s suitability to your needs. But, this post can help you gain a better understanding of each framework along with trends and insights.

Link: https://dzone.com/articles/react-vs-angular-vs-vuejs-a-complete-comparison-gu?utm_medium=feed&utm_source=feedpress.me&utm_campaign=Feed%3A+dzone%2Fwebdev

7 Reasons Why React Native Is So Popular

Facebook has created tremendous excitement in the app market by introducing React Native framework for mobile app development. It is very important for business people and technical people to understand the importance of React Native to ensure the success of their apps. Here are 5 basic insights and 7 reasons as to why React Native has been so successful.

A framework for writing real, natively rendering mobile applications for iOS, Android, and Windows platform.
Uses a bridge to translate all JavaScript code to the target device’s native language (Java on Android and Objective-C on iOS).
Uses the same standard UI building blocks as regular iOS and Android apps.
Enables fast and efficient mobility solutions with unified development teams for both web and mobile apps.
Used to build popular apps such as Facebook, Instagram, Skype, Airbnb, Walmart, Tesla, and many more.

The reactive core architecture holds the business logic and state of the application. The diagram below shows web/mobile application implementation using containers and components.

Link: https://dzone.com/articles/7-reasons-why-react-native-holds-strong-stand-in-o-1?utm_medium=feed&utm_source=feedpress.me&utm_campaign=Feed%3A+dzone%2Fwebdev

Error Handling and std::optional

In my last two posts in the C++17 STL series, I covered how to use std::optional. This wrapper type (also called “vocabulary type") is handy when you’d like to express that something is ‘nullable’ and might be ’empty.’ For example, you can return std::nullopt to indicate that the code generated an error… but it this the best choice?
What’s the Problem?
Let’s see an example:

Link: https://dzone.com/articles/error-handling-and-stdoptional?utm_medium=feed&utm_source=feedpress.me&utm_campaign=Feed%3A+dzone%2Fwebdev

Did You Know? 10 Useful Telerik UI for ASP.NET AJAX Tips

With a toolset as mature and feature-rich as Telerik UI for ASP.NET AJAX, there are bound to be some features or functionality you are not aware of, so we’ve pulled together 10 Telerik UI for ASP.NET AJAX tips we think you’ll find useful. While it’s far from an exhaustive list, hopefully it will give you a good start if you are new to the suite, or show you something you didn’t know.  Happy Coding!

Link: https://dzone.com/articles/did-you-know-10-useful-telerik-ui-for-aspnet-ajax?utm_medium=feed&utm_source=feedpress.me&utm_campaign=Feed%3A+dzone%2Fwebdev

Using Refs in Stencil

Why Use Refs?
The first question that you might ask yourself is why bother using element references? Let’s clarify that.
In a typical data flow, you will pass props from the parent to it’s child elements. When passing props, the child component will re-render and you will get it’s new state. There are times that you will need to imperatively modify a child outside of this typical flow. Here are examples of things that might need different flow:

Link: https://dzone.com/articles/using-refs-in-stencil?utm_medium=feed&utm_source=feedpress.me&utm_campaign=Feed%3A+dzone%2Fwebdev

GatsbyJS: Static Site Generator for React

Gatsby is a static site generator for React and allows web developers to create a static HTML file. Thus it provides fast initial load times and makes dealing with SEO much simpler. The user-side experience is very comfortable when JavaScript is enabled, and you don’t lose any content or navigation while having disabled JavaScript. By adding a single plugin, Gatsby can provide offline support as well, transforming your site into a Progressive Web Application. The Purpose and Background of GatsbyJS Gatsby allows web developers to create static HTML files for every single page. Right after loading the page, Gatsby will boot up React and enable the user to navigate through the website just like a single page app. 

Link: https://dzone.com/articles/gatsbyjs-static-site-generator-for-react?utm_medium=feed&utm_source=feedpress.me&utm_campaign=Feed%3A+dzone%2Fwebdev