Website Technology Profiler

{
  "PageContent": "<h3>Hiren's Technical Blog – I am a programmer and I will not fix windows.</h3>As we are moving to new year 2022, it’s good to keep an eye on Frontend Development trends.  You should keep up with this latest trends so you don’t miss any opportunity that could be a turning  point  of your career.In this blog I am going to mention some Frontend Development trends, you should not miss out. This is based on what I have learned from industry. If you have some different opinion, feel free to share your feedback in comments.1) Progressive Web AppsProgressive Web ApplicationsPWA is already trending since last few years thanks to its native app like capabilities.  It can be installed like native app. You can work with it offline. It is blazing fast. Major mobile browsers now support it. With PWA, you can access hardwares like camera, microphone etc. Above all capabilities, made PWA favourite among developers and businesses operating over internet. Lots of businesses are using it and many more are vouching for it in upcoming year. Hence if you are a PWA developer you may have great chances to work with major online businesses. 2) Micro Frontend ArchitectureMicro Fronend ArchitectureIn a simple words, it’s about breaking monolith frontend to smaller and independent applications. Together it works as one single application. This gives you more control over development and CI /CD. Many teams can work together and combining it together makes your entire frontend. Many companies have already adopted this architecture and their productivity has been increased. This trend is going to dominate in upcoming year. If you are front end developer or architect it will be good to learn about this. 3) Rise of Voice User Interface (VUI)Voice User Interface (VUI)Accessibility is a prime thing to look for in web application now a days. This gives rise to Voice User Interface. As  a human, voice / language is the most natural way of communication for us. This is also another major reason behind the rise of VUI. Major companies like Amazon, Google, Apple has introduced the platforms like Alexa, Assistant and Siri. These platforms are open for developers to build applications on top of that.Power of text to speech and speech to text technologies has increased exponentially. These gives good accessibility to your web apps. Your users can interact with apps with voice and also it is blessing for visually impaired people. There are still major challenges in this area. Like understanding regional languages. But it’s worth adding VUI in web app.  4) Rise of JAMstackJAMstack ==&gt; JavaScript + API + MarkupJAMstackCore principles of JAMstack are Pre rendering and decoupling. JAMstack makes web app faster, more secure and easily scalable. You can convert your entire frontend to highly optimised prebuilt static  pages which can be delivered from CDN. Let’s understand each part of JAMstackJavaScriptAs we know JavaScript is most popular when it comes to building web application. Using the modern frameworks like ReactJS, Angular, Vue and Svelte, we can develop web apps which is modularised and easy to maintain. APIAPI plays vital role in JAMstack. As a developer it’s up to you that how you can make your JAMstack app dynamic by utilizing the API in proper way. From JavaScript you can make API call to multiple host which will deliver the content.MarkupThis is the most critical part of JAMstack. To be considered a JAMstack app, your app should server the HTML statically, which means not being dynamically rendered from a server. Markups is your prebuilt and pre rendered content. It is requested by JavaScript through API. Frontend developers can use frameworks like Gatsby, NextJs for this.5) Rise of GraphQLGraphQLFacebook introduced GraphQL in 2018 to address the issues with REST APIs. The issue with REST APIs are you have make multiple network requests to get the entire data. This leads to performance degrade both on front end and back end. Using GraphQL we can obtain entire data with one single quest from one end point. Few advantages of GrapQL is, it’s much faster, strongly typed and follows hierarchical structure where relationships between objects are defined in a graphical structure. Many big companies are using GraphQL. As a front end developer it’s good learn about GraphQL as more and more businesses are moving towards GraphQL6) Web AssemblyWeb AssemblyMost of the time we use JavaScript for the web development. With web assembly developer can use code written in C and C++ in web browser. WebAssembly can help client apps to run on the web that previously was not possible. Sometimes we need to build app in lower level code like C, C++ etc. For example games or streaming apps. But it can’t run on web but with Web Assembly we can write apps in C, C++, RUST, Go Lang and run on the web with near-native performance. Web assembly works along with JavaScript in browser.7) Machine Learning / Augmented Reality / Virtual RealityHow you can leverage the power of ML, AR &amp; VR in your web app. To know more about this check out my session on Google DevFest India 2021 Day3Hope you liked this blog about Frontend Development trends and keep exploring it more.",
  "Url": "https://blog.hirendave.com",
  "IpAddress": "143.110.176.84",
  "ReverseDns": "533999.cloudwaysapps.com",
  "Asn": null,
  "Http2": false,
  "Http3": false,
  "ResponseTimeMs": 2235,
  "StatusCode": 200,
  "ServerHeaders": [
    "nginx"
  ],
  "Ssl": {
    "Issuer": "CN=R13, O=Let's Encrypt, C=US",
    "Subject": "CN=blog.hirendave.com",
    "NotBefore": "2025-12-12T18:39:50-08:00",
    "NotAfter": "2026-03-12T19:39:49-07:00",
    "SubjectAltNames": [
      "DNS Name=blog.hirendave.com"
    ],
    "Hsts": false,
    "Ciphers": [],
    "Protocol": "Tls13",
    "DaysUntilExpiry": 39
  },
  "Cdns": [
    "jsDelivr"
  ],
  "HostingHints": [],
  "Cms": [
    "WordPress"
  ],
  "Frameworks": [
    "React",
    "Svelte",
    "jQuery"
  ],
  "JsLibraries": [],
  "Analytics": [
    "Google Analytics GA4"
  ],
  "AdsAndMarketing": [
    "Google AdSense"
  ],
  "PaymentGateways": [],
  "EcommerceHints": [
    "Magento",
    "PrestaShop"
  ],
  "SocialSignals": [
    "YouTube"
  ],
  "MediaProviders": [
    "YouTube"
  ],
  "SeoTags": [
    "content-type: text/html; charset=UTF-8"
  ],
  "HtmlLanguage": "en-US",
  "HasRobots": true,
  "HasSitemap": true,
  "SecurityHeaders": [],
  "CookiesObserved": [],
  "XhrApiHints": [],
  "SitemapCounts": {
    "total_urls": 5
  },
  "ChatWidgets": [],
  "ABTesting": [],
  "PrivacyConsent": [],
  "EmailMarketing": [],
  "WebFonts": [
    "Google Fonts"
  ],
  "DynamicJs": [
    "jQuery (script Resource)",
    "React (image Resource)",
    "Web Server: nginx",
    "React (CDN Detection)",
    "jQuery (CDN Detection)",
    "React (Script Analysis)",
    "ES6+ JavaScript Features",
    "Angular (Data Attributes)",
    "Bootstrap (CSS Classes)",
    "Foundation (CSS Classes)"
  ],
  "ResourceHosts": [
    "blog.hirendave.com",
    "pagead2.googlesyndication.com",
    "stats.wp.com",
    "gmpg.org",
    "secure.gravatar.com",
    "fonts.googleapis.com",
    "v0.wordpress.com",
    "i0.wp.com",
    "widgets.wp.com",
    "s0.wp.com",
    "0.gravatar.com",
    "1.gravatar.com",
    "2.gravatar.com",
    "fonts.gstatic.com",
    "wp.me",
    "i1.wp.com",
    "i2.wp.com"
  ],
  "CssFrameworks": [],
  "BuildTools": [
    "Webpack",
    "Vite"
  ],
  "ServerTech": [
    "Generator: WordPress 6.7.4",
    "PHP (inferred from WordPress)"
  ],
  "DatabaseHints": [
    "MySQL",
    "PostgreSQL"
  ],
  "PageTitle": "Hiren&#039;s Technical Blog &#8211; I am a programmer and I will not fix windows.",
  "MetaDescription": "I am a programmer and I will not fix windows.",
  "ImageCount": 23,
  "ScriptCount": 15,
  "LinkCount": 27,
  "Errors": [],
  "UiFrameworks": [
    "Swiper",
    "Bootstrap (Class Names)",
    "Vuetify (Class Names)",
    "Angular Material (Class Names)",
    "Ionic (Class Names)"
  ]
}