webdev.md

<img src="https://hackernoon.com/banner-image.png" alt="drawing" width="1012"/>

# [webdev](https://hackernoon.com/tagged/webdev)
Resources generated from and catering to the development of a website for internet or intranet.

### [1. Object Validator for PHP 8](https://hackernoon.com/object-validator-for-php-8)
![](https://cdn.hackernoon.com/images/EoObvtZkZrM8OynWGXVMCu0sB3Z2-5f93n50.jpeg)
Attribute validator for PHP Models and Value Objects, based on the new feature in PHP 8

### [2. How to Update Object Key Values Using Javascript](https://hackernoon.com/how-to-update-object-key-values-using-javascript)
![](https://cdn.hackernoon.com/images/NpN8WH8v6CfA6j7dKAzuoiE5Lit2-tja3pyz.png)
Javascript objects consist of key-value pairs and are one of the most common data structures in Javascript.

### [3. Using JavaScript to Create and Generate UUIDs](https://hackernoon.com/using-javascript-to-create-and-generate-uuids)
![](https://cdn.hackernoon.com/images/NpN8WH8v6CfA6j7dKAzuoiE5Lit2-2m93san.jpeg)
Universally Unique Identifiers (UUIDs) are used everywhere in software development for everything from identifying object elements to DOM elements on a web page

### [4. Purpose-Driven Microservice Design](https://hackernoon.com/purpose-driven-microservice-design)
![](https://cdn.hackernoon.com/images/cINIFbqqBHP6eJ0PSVZp9TroFeI3-aq93pp2.jpeg)
Creating purpose-driven microservices should always be a goal. Find out how Render Blueprints can offer a reproducible microservices strategy.

### [5. Create a Gradient Border With TailwindCSS and React](https://hackernoon.com/create-a-gradient-border-blog-postcard-using-tailwind-css-and-nextjs-a-how-to-guide)
![](https://cdn.hackernoon.com/images/Y0kXG115Z7VorP4rguIGxwn3FoD3-fz2376t.jpeg)
This blog post is a small tutorial in which I show you how you can create a gradient border blog card using Tailwind CSS.

### [6. One Hour JavaScript Coding Exercises  ](https://hackernoon.com/one-hour-javascript-coding-exercises-cv6r3035)
![](https://cdn.hackernoon.com/drafts/s2qm3yj9.png)
Here are some most recommended JavaScript Mini Projects.

### [7. Adobe Pigs Out (Again)](https://hackernoon.com/adobe-pigs-out-again)
![](https://cdn.hackernoon.com/images/N0ENUd29UdNJCFcl7GnmZHdk2fA2-m1b3v3k.jpeg)
Adobe fattens up by acquiring Figma, causing disgust and indignation amongst web designers and developers everywhere.

### [8. Tail-kit Introduction: 200+ Free Tailwind CSS Components And Templates](https://hackernoon.com/tail-kit-introduction-200-free-tailwind-css-components-and-templates-d7v31v2)
![](https://cdn.hackernoon.com/images/I6baOfMDJPVeudwIwtHwkMpYTdz2-qj2m3625.jpeg)
Free and open source Tailwind css 2.0 components and templates KIT for React, vueJS and Angular. 

### [9. Send Emails From Node.JS Using Sendinblue in Just 5 Steps](https://hackernoon.com/send-emails-from-nodejs-using-sendinblue-in-just-5-steps)
![](https://cdn.hackernoon.com/images/MUo6MihNAVUIcUvRBbcToKZ7MKh1-0793lh4.jpeg)
In this article, you will learn how to send emails from Node.js using SendInBlue.

### [10. 10 Useful JavaScript Functions to Learn](https://hackernoon.com/10-useful-javascript-functions-to-learn)
![](https://cdn.hackernoon.com/images/M6G22rxQzLTqx37eMqcSVG1Ybvj2-s6s3o8z.jpeg)
Read about the 10 must-know JavaScript array functions.

### [11. VS Code Extensions with a Bright 2022](https://hackernoon.com/vs-code-extensions-with-a-possible-bright-2022)
![](https://cdn.hackernoon.com/images/EpZkVLCBUSef3LhOGB8yY4myalo2-bt037q7.jpeg)
This story has a list of VS Code Extensions that has great potential and will possibly do well in the coming year. If you use vs code you should read this.

### [12. Creating and validating a reactive form to an Angular application](https://hackernoon.com/how-to-create-and-validate-a-reactive-form-in-an-angular-application)
![](https://cdn.hackernoon.com/images/iKaRdx2obzTbVRWs5dbTRcG8zVj1-2w92k5r.jpeg)
Application example built with Angular 14 and creating and validating a reactive form.

### [13. DOM Readiness in Javascript](https://hackernoon.com/dom-readiness-in-javascript)
![](https://cdn.hackernoon.com/images/NpN8WH8v6CfA6j7dKAzuoiE5Lit2-pu93pnv.jpeg)
If your Javascript appears before your HTML, then trying to do things like attach events to your HTML is not possible.

### [14. How To Access Properties Of Objects On Observables Like A True Expert](https://hackernoon.com/how-to-access-properties-of-objects-on-observables-like-a-true-expert-gsi3wxi)
![](https://firebasestorage.googleapis.com/v0/b/hackernoon-app.appspot.com/o/images%2F7wOnKDDXTVhdcJdZQKiEUll6gnC3-71993w3y.jpeg?alt=media&token=be606483-6423-436c-b058-5b350993ceb5)
Hi, fellow RxJS streamer! 👋

### [15. 9 Step Solution to Escape Tutorial Hell Permanently](https://hackernoon.com/9-step-solution-to-escape-tutorial-hell-permanently)
![](https://cdn.hackernoon.com/images/ugoTV1vwcgR4mN8MMDUUN4vt6p02-7f93jw9.jpeg)
Tutorial hell is real and it is very common for newbie developers to fall into it. Check out these 9 steps to escape tutorial hell permanently.

### [16. Understanding JavaScript closure and JavaScript scope](https://hackernoon.com/understanding-javascript-closure-and-javascript-scope)
![](https://cdn.hackernoon.com/images/2jqChkrv03exBUgkLrDzIbfM99q2-zs92bzx.jpeg)
Learn about what a JavaScript closure and JavaScript scope are, how they work, real world examples showing their use cases and their drawbacks.

### [17. Working with Salesforce APIs? Of CORS!](https://hackernoon.com/working-with-salesforce-apis-of-cors)
![](https://cdn.hackernoon.com/images/nTMgodFHH4evRjSdNFNz3dacaM23-no93mti.jpeg)
In this post, we’ll take a closer look at how Cross-Origin Resource Sharing,/CORS, operates. By working with a small Node.js app that interacts with salesforce.

### [18. CSS Frameworks Vs Custom CSS [An Overview]](https://hackernoon.com/css-frameworks-vs-custom-css-an-overview-wf9l32mq)
![](https://images.unsplash.com/photo-1483213097419-365e22f0f258?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=1080&fit=max&ixid=eyJhcHBfaWQiOjEwMDk2Mn0)
Frameworks have definitely changed a lot about the web development process. Pure hard-coding of CSS always gets the job done, but there came the need for speed and uniformity. This need was the foundation for the birth of CSS frameworks. The need to develop web pages quickly, and ensure consistent designs and layout was key.

### [19. How to Get Started with Flowbite, an Open Source Tailwind CSS component Library](https://hackernoon.com/how-to-get-started-with-flowbite-an-open-source-tailwind-css-component-library)
![](https://cdn.hackernoon.com/images/27nQ7cjAKuMWexJBUQoXd7m4sA33-do937j6.png)
Learn how to install and get started with Flowbite, an open-source component library built on top of the Tailwind CSS utility classes.

### [20. How to Fix Flaky End-to-End Tests with Playwright and Reflow](https://hackernoon.com/how-to-fix-flaky-end-to-end-tests-with-playwright-and-reflow)
![](https://cdn.hackernoon.com/images/ugoTV1vwcgR4mN8MMDUUN4vt6p02-oy93kdy.jpeg)
A software engineer codes for 18 months and builds a SaaS. He thinks he knows how to improve end-to-end testing.

### [21. How to Teach Yourself Backend Development? ](https://hackernoon.com/how-to-teach-yourself-backend-development)
![](https://cdn.hackernoon.com/images/akEBIg10DrPMiavDpnZxfHb098y2-o493jpr.jpeg)
Many self-taught coders have a hard time deciding between all the various options, but it’s so much easier to learn effectively if you have a clear goal.

### [22. Introducing Github1s: A Browser-Based VSCode Project Viewer](https://hackernoon.com/introducing-github1s-a-browser-based-vscode-project-viewer-2m3u337c)
![](https://cdn.hackernoon.com/images/GWHX2lBFLbMSZ4olDc5OKN28T0h1-kv2f33vc.jpeg)
Github1s is a hot new open source project that allows you to browse Github repositories in a VSCode-like UI right in your browser.

### [23. Web Design Principles That Will Take Centre Stage in 2023](https://hackernoon.com/web-design-principles-that-will-take-centre-stage-in-2023)
![](https://cdn.hackernoon.com/images/sQ92Mpf2ePeaaNhuqIIynonruY72-5da3oil.jpeg)
A cursory look at the web design principles will become the norm in 2023. 

### [24. Exploring Javascript Console Object](https://hackernoon.com/exploring-javascript-console-object)
![](https://cdn.hackernoon.com/images/e8iYFeVmyLg0fVAbPx1z0FG7pCl1-hpj2bnv.jpeg)
The specifics of how console object works vary from browser to browser, but there is a de facto set of features that are typically provided.

### [25. Creating a Video Background on Your Website with HTML and CSS](https://hackernoon.com/creating-a-video-background-on-your-website-with-html-and-css)
![](https://cdn.hackernoon.com/images/NkLh6IFgpcMQGDGQJJVnxe79PVp1-s0l3k4z.jpeg)
Learn how to create an engaging video background for your website using HTML and CSS.

### [26. Testing Website Localization and Why It's Important](https://hackernoon.com/testing-website-localization-and-why-its-important)
![](https://cdn.hackernoon.com/images/1GwrAxeOyjTdTwr3efl6AA6tdIb2-h8a3kfz.jpeg)
Are you thinking about expanding your business globally? Find out what localization testing is and why it's a critical step in reaching a new audience here. 

### [27. Alternatives to Create React App](https://hackernoon.com/alternatives-to-create-react-app)
![](https://cdn.hackernoon.com/images/dNNBDAvxyhdzfKhIWAuPr4PE1Zx1-h193lfe.jpeg)
I see a lot of discussion around CRA being outdated and we should replace it with Vite. This blog discusses CRA's problems and alternatives we can use. 

### [28. How to Build a React Component Library From Scratch](https://hackernoon.com/building-a-react-component-library-from-scratch)
![](https://cdn.hackernoon.com/images/UZsiGCDKLlXnEsYH3wk6XxwvRz82-lpg2fod.jpeg)
A component library is one of the coolest things a web developer can make, but if you don't know how to make one, let me guide you a bit.

### [29. How to Push an Empty Commit with Git](https://hackernoon.com/learn-to-push-an-empty-commit)
![](https://cdn.hackernoon.com/images/kw6AgCK3xsUyGcooHvUKqUiQ2An2-1d12bww.jpeg)
Have you ever faced the need to push a commit to a Git branch without changing any files in order to re-run your integration process?

### [30. The Website Accessibility Checklist](https://hackernoon.com/the-website-accessibility-checklist)
![](https://cdn.hackernoon.com/images/dieIKS1smgR3vhCfmUenCSgojq23-lz9362k.jpeg)
Cheatsheet to make your web app more accessible with little effort

### [31. Your Go-to Programs to Master Web Development](https://hackernoon.com/your-go-to-programs-to-master-web-development-dum3te0)
![](https://firebasestorage.googleapis.com/v0/b/hackernoon-app.appspot.com/o/images%2F3nhao37bBEfHA9RTQ0WNVWfXPD02-idf3t68.jpeg?alt=media&token=e25053b4-3679-4b80-9055-0d5232580c22)
In this day and age, faster always wins. Tools can make or break any job.  Tasks that you do everyday shouldn't become a hassle.  This is a list of tools I use when I develop websites, logos and anything else when I'm making content for the web.

### [32. How to Design a Functional Pastebin](https://hackernoon.com/how-to-design-a-functional-pastebin)
![](https://cdn.hackernoon.com/images/OAWNH2u4oMfvIQnqBHkGhGDHPN72-6ud3lqv.jpeg)
This article gives a skeletal guide for designing your very own pastebin.

### [33. Getting the Latest Content From Kontent.ai](https://hackernoon.com/getting-the-latest-content-from-kontentai)
![](https://cdn.hackernoon.com/images/2jqChkrv03exBUgkLrDzIbfM99q2-o492b9l.jpeg)
For content that updates regularly in Kontent.ai, use the X-KC-Wait-For-Loading-New-Content header to ensure that your content is fresh

### [34. Building a Divider App: How Many Cases Can Share One Operation?](https://hackernoon.com/building-a-divider-app-how-many-cases-can-share-one-operation)
![](https://cdn.hackernoon.com/images/cPKBkmirofPe9l3sgbPBAqdKwGF3-tf92hza.jpeg)
Thinking about all the things that could go wrong in code execution and preparing for them is a big part of a programmer's job.

### [35. How to Embed Credit Card Offerings Into Your Technology Product](https://hackernoon.com/how-to-embed-credit-card-offerings-into-your-technology-product)
![](https://cdn.hackernoon.com/images/cINIFbqqBHP6eJ0PSVZp9TroFeI3-n3930hd.jpeg)
Creating a card program can be challenging. Find out how Marqeta’s RiskControl portfolio mitigates risk and satisfies compliance needs.

### [36. Build a Lightweight REST API with Salesforce and Postman](https://hackernoon.com/api-prototyping-for-salesforce-with-postman)
![](https://cdn.hackernoon.com/images/da7H4NzOhAdhje46xkTgaLorF5m2-c303o6i.jpeg)
Salesforce can expose custom-coded services to third-party applications, either as SOAP web services or REST APIs. 

### [37. Why localStorage Still Crashes Your Website in 2023](https://hackernoon.com/why-localstorage-still-crashes-your-website-in-2023)
![](https://cdn.hackernoon.com/images/IDrwnuUpw3ciQtHAlLVk7zUZSpN2-6ba3yvb.jpeg)
How to deal with the Browser SecurityError: The operation is insecure or localStorage is not defined. 

### [38. IP Address Restoration in Kotlin](https://hackernoon.com/ip-address-restoration-in-kotlin)
![](https://cdn.hackernoon.com/images/uRoI8oauMUSL1OEueHGhCxCQqmY2-39935ed.jpeg)
This post is about providing a solution in Kotlin for finding all valid IP addresses that can be formed by inserting dots into a given string of digits.

### [39. The Array Every Method in JavaScript](https://hackernoon.com/the-array-every-method-in-javascript)
![](https://cdn.hackernoon.com/images/NpN8WH8v6CfA6j7dKAzuoiE5Lit2-5y93s5e.png)
Sometimes, with arrays, we want to test every element for a certain condition.

### [40. A Simple Web Component for Building a Slideshow](https://hackernoon.com/a-simple-web-component-for-building-a-slideshow)
![](https://cdn.hackernoon.com/images/5wpKgV75aONqkTJlafw2yQmK9yd2-mu93om5.jpeg)
Building a web component that renders one picture at a time. 

### [41. Pixels vs REM vs EM: Breaking down CSS Sizes](https://hackernoon.com/pixels-vs-rem-vs-em-breaking-down-css-sizes)
![](https://cdn.hackernoon.com/images/KDUtb6NJFHTCTCEFxifRpfv9X1z2-0192h1a.png)
Should you use px or rem or em? In this post we'll try to get the answer of this question and we'll see which unit to use when

### [42. How to Dynamically Hide and Show Slot Content in a Web Component](https://hackernoon.com/how-to-dynamically-hide-and-show-slot-content-in-a-web-component)
![](https://cdn.hackernoon.com/images/5wpKgV75aONqkTJlafw2yQmK9yd2-yu93ot5.jpeg)
My attempt at dynamically showing/hiding various slots.

### [43. What's New in Laravel 10: A Peek at New and Upcoming Features](https://hackernoon.com/whats-new-in-laravel-10-a-peek-at-new-and-upcoming-features)
![](https://cdn.hackernoon.com/images/FpV7utoiWLd83o2fu2aLmvSwSPL2-bo92kwh.jpeg)
 What to expect in laravel 10: An overview of upcoming features and changes. Laravel v10 is the next major version of Laravel after Laravel v9 and laravel v8

### [44. Add Dark Mode to Your Web Page With One Line of CSS 🌓](https://hackernoon.com/add-dark-mode-to-your-web-page-with-one-line-of-css)
![](https://cdn.hackernoon.com/images/SKsL1r4AK3fOV0YmBd1kn5xUsBu2-f4037hr.jpeg)
Create dark mode with 1 line of CSS with filters, and some tips and tricks.

### [45. How to Get Started Using the EyeDropper API with JavaScript](https://hackernoon.com/how-to-get-started-using-the-eyedropper-api-with-javascript)
![](https://cdn.hackernoon.com/images/da7H4NzOhAdhje46xkTgaLorF5m2-eb13o94.jpeg)
With the new EyeDropper API in Chromium, websites can let visitors pick colors from anywhere on their screen

### [46. Best Practices for Web Developers to Protect Against Browser Vulnerabilities](https://hackernoon.com/best-practices-for-web-developers-to-protect-against-browser-vulnerabilities)
![](https://cdn.hackernoon.com/images/xc4tHTeTFVT2acicoza639IgwXu1-4z93scp.jpeg)
Discover how to secure your web applications against browser vulnerabilities with this comprehensive guide for web developers

### [47. Understanding Javascript's Array Slice Method](https://hackernoon.com/understanding-javascripts-array-slice-method)
![](https://cdn.hackernoon.com/images/NpN8WH8v6CfA6j7dKAzuoiE5Lit2-cb93p0l.jpeg)
The slice method on arrays returns a shallow copy of a part of an array. It takes two numbers, a start, and an end. Every array has a slice method. 

### [48. Browser-Based Games are Making a Comeback...Again](https://hackernoon.com/browser-based-games-are-making-a-comebackagain)
![](https://cdn.hackernoon.com/images/Sn0TyXr1KQeU4DIrOvvbOz0ayoo2-br93p5b.jpeg)
With the creation of wasm, are web based games going to rise again? 

### [49. Getting started with Manual Content Discovery](https://hackernoon.com/getting-started-with-manual-content-discovery)
![](https://cdn.hackernoon.com/images/Iq1h7VbsRlXgacEYCMttecZPJls2-1ba2ggw.jpeg)
Understanding Robots.txt, Favicon, Sitemap.xml, HTML Headers and the Framework stack

### [50. How to Design a Kanban Board](https://hackernoon.com/how-to-design-a-kanban-board)
![](https://cdn.hackernoon.com/images/OAWNH2u4oMfvIQnqBHkGhGDHPN72-kpb3lvr.jpeg)
Some of the popular implementations of a Kanban board are the following: Trello, JIRA, Microsoft Planner, and Asana. The changes on the board are synchronized i

### [51. How to Handle All PHP Errors](https://hackernoon.com/how-to-handle-all-php-errors)
![](https://cdn.hackernoon.com/images/5wpKgV75aONqkTJlafw2yQmK9yd2-sr93pbm.jpeg)
Sometimes your PHP application might produce many different types of earnings.

### [52. How To Deploy An ERC-20 Smart Contract On Avalanche with Infura](https://hackernoon.com/how-to-deploy-an-erc-20-smart-contract-on-avalanche-with-infura)
![](https://cdn.hackernoon.com/images/cINIFbqqBHP6eJ0PSVZp9TroFeI3-3e93049.jpeg)
Avalanche has emerged as one of the most formidable alternatives to Ethereum, becoming the fastest smart contract platform in the blockchain industry.

### [53. Bootstrap vs Media Queries: How to Make a Page Responsive](https://hackernoon.com/bootstrap-vs-media-queries-how-to-make-a-page-responsive-3k343z65)
![](https://cdn.hackernoon.com/images/ugoTV1vwcgR4mN8MMDUUN4vt6p02-wo283z5s.jpeg)
Using Bootstrap to make a page responsive saves one so much time and memory space. Let's see how this is possible, I have created a dummy web page that has four grids as shown below:

### [54. 15 Lodash Methods for Everyday Coding](https://hackernoon.com/15-lodash-methods-for-everyday-coding)
![](https://cdn.hackernoon.com/images/47NkqQMutwUjxg2pZd2zfao3ma12-qm93p10.jpeg)
The Lodash open-source library has some useful methods that can help developers write code faster and streamline their processes to improve their work.

### [55. How to Handle Your Web Components Errors Effectively ](https://hackernoon.com/how-to-handle-your-web-components-errors-effectively)
![](https://cdn.hackernoon.com/images/zaFsi86habTuCYRikyd3UBKEgKE3-3793qgj.jpeg)
This blog post provides an overview on how to effectively handle errors in web components and the recommended way to do it in the React ecosystem.

### [56. What is Big O in Web Development?](https://hackernoon.com/what-is-big-o-in-web-development)
![](https://cdn.hackernoon.com/images/ugoTV1vwcgR4mN8MMDUUN4vt6p02-g193ux0.jpeg)
Big O is an Important tool in analyzing the efficiency of algorithms. In this article we explore its importance in web development.

### [57. How to Set Up a Monorepo With Vite, TypeScript, and Pnpm Workspaces](https://hackernoon.com/how-to-set-up-a-monorepo-with-vite-typescript-and-pnpm-workspaces)
![](https://cdn.hackernoon.com/images/8SbntZgz0Gd3BdNeT9KrdzGK6wv1-3ea3ncq.jpeg)
In this article, we will talk about how to set up a monorepo with Vite, Typescript, and pnpm workspaces.

### [58. A Review of Arrays in Javascript ](https://hackernoon.com/a-review-of-arrays-in-javascript)
![](https://cdn.hackernoon.com/images/NpN8WH8v6CfA6j7dKAzuoiE5Lit2-lde3sxq.jpeg)
Arrays in Javascript are a simple, one-dimensional way to store simple sets of data. Arrays are non-unique, which means they can store duplicates (unlike sets).

### [59. Upload Files Easily and Quickly in NodeJS Using Astro](https://hackernoon.com/upload-files-easily-and-quickly-in-nodejs-using-astro)
![](https://cdn.hackernoon.com/images/Ve6JdQOItYcauAkKDILSwLYDpLI2-p993lj7.jpeg)
How to upload files with Astro, express and multerjs

### [60. 3 Reasons Webhooks Are Better than Regular HTTP Requests](https://hackernoon.com/3-reasons-webhooks-are-better-than-regular-http-requests)
![](https://cdn.hackernoon.com/images/5wpKgV75aONqkTJlafw2yQmK9yd2-2793ppp.jpeg)
A guide on why Webhooks are often considered better than regular HTTP requests for a few reasons.

### [61. How Adopting Serverless is a Competitive Advantage for Your Business](https://hackernoon.com/how-adopting-serverless-is-a-competitive-advantage-for-your-business-1s3433zu)
![](https://cdn.hackernoon.com/images/ZkfENnt2LdcfkiwMm6iukaGEHnB3-qk4836ix.jpeg)
How could serverless help move your business faster and outpace competitors? With serverless, you don't need to worry about anything except your code.

### [62. These GraphQL Directives Are Overkill](https://hackernoon.com/these-graphql-directives-are-overkill)
![](https://cdn.hackernoon.com/images/g6d7uBnJu9SKvFzrtcQcdoIYCzW2-qh93p7o.gif.webp)
I think that in 90% of the cases, you don't need @defer and @stream at all.

### [63. How Am I Dealing With My Ever-Improving Debugging Techniques](https://hackernoon.com/how-am-i-dealing-with-my-ever-improving-debugging-techniques-9t1t36ye)
![](https://images.unsplash.com/photo-1478104718532-efe04cc3ff7f?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=1080&fit=max&ixid=eyJhcHBfaWQiOjEwMDk2Mn0)
How much time do you spend in debugging? Well, I know that the question is bit vague and the answer would vary. After spending close to 15 years in Computer Programming, I still can't say confidently how much time I really spend in debugging things. There could be multiple factors that influence it and make it uncertain to answer:

### [64. Hack Your Technical Debt: The 1% Better Every Day Challenge](https://hackernoon.com/hack-your-technical-debt-the-1percent-better-every-day-challenge-9k5c31pe)
![](https://cdn.hackernoon.com/images/wTLXRHcYZvU57CVqgls1STwilUg2-2mc312q.jpeg)
It's easy for technical debt to grow in our codebase. Commit to spending 20 minutes a day for 30 days to tackling technical debt and get 1% better every day.

### [65. Building Embeddable Widgets with TypeScript](https://hackernoon.com/building-embeddable-widgets-with-typescript)
![](https://cdn.hackernoon.com/images/IDrwnuUpw3ciQtHAlLVk7zUZSpN2-t0b3s16.jpeg)
Step-by-step process from creating an Embedded widget using Shadow DOM and Typescript.

### [66. How I Structure my React Projects](https://hackernoon.com/how-i-structure-my-react-projects)
![](https://cdn.hackernoon.com/images/2us6opa3wiYzGrBRHGVKk3LrYeL2-yf0364a.jpeg)
A React folder structure that fits my needs. How to Structure and organize a React application.

### [67. The Future of Web Development: 5 Things to Expect in the Next Decade](https://hackernoon.com/the-future-of-web-development-5-things-to-expect-in-the-next-decade)
![](https://cdn.hackernoon.com/images/T6rSbAFb1SP87rQxiZsQbbw6cb63-xxb3psr.jpeg)
We'll address web development's future and detail companies' development trends to cope with changes. You'll also find how to position yourself 

### [68. Why Learn Any Other Programming Language When You Can Learn Typescript?](https://hackernoon.com/why-learn-any-other-programming-language-when-you-can-learn-typescript)
![](https://cdn.hackernoon.com/images/ZXvwWhuaiAY0BoWkm8U7fJ1XTLI2-ua036gb.jpeg)
Use TypeScript in all your projects and all use cases without any limitation. You can now do frontend, backend, infrastructure and machine learning in one progr

### [69. Hack Your Technical Debt: The 1% Better Every Day Challenge](https://hackernoon.com/hack-your-technical-debt-the-1percent-better-every-day-challenge-bo5b31j4)
![](https://cdn.hackernoon.com/images/wTLXRHcYZvU57CVqgls1STwilUg2-2mc312q.jpeg)
It's easy for technical debt to grow in our codebase. Commit to spending 20 minutes a day for 30 days to tackling technical debt and get 1% better every day.

### [70. The Secret Trick For Mobile Viewports](https://hackernoon.com/the-secret-trick-for-mobile-viewports)
![](https://cdn.hackernoon.com/images/m1JWnUaHzSX3LPHoHfOainoiYvq2-nu2s3f08.jpeg)
How to make handling the viewport on mobile less awful, correctly fill the viewport, and get correct specific viewport sizes.

### [71. 50+ GitHub Repositories Every Front-End Developer Needs](https://hackernoon.com/50-github-repositories-every-front-end-developer-needs)
![](https://cdn.hackernoon.com/images/da7H4NzOhAdhje46xkTgaLorF5m2-aj93qau.jpeg)
50+ Github Repositories Every Front-end Developer Needs

### [72. Become a Better Developer by Learning Functional Programming in JavaScript](https://hackernoon.com/become-a-better-developer-by-learning-functional-programming-in-javascript)
![](https://cdn.hackernoon.com/images/MUo6MihNAVUIcUvRBbcToKZ7MKh1-2x93irn.jpeg)
Functional programming is a programming paradigm. This post tells you the basics and benefits of it and how to use it in JavaScript.

### [73. Reactime, Time Traveling State Debugger: Now Supporting Concurrent Mode, Routers, and more](https://hackernoon.com/time-traveling-state-debugger-reactime-now-supporting-concurrent-mode-routers-and-more-b1s36o2)
![](https://images.unsplash.com/photo-1524678714210-9917a6c619c2?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=1080&fit=max&ixid=eyJhcHBfaWQiOjEwMDk2Mn0)
Chrome dev tool for tracking and visualizing state changes in React applications

### [74. You’ll Need to Use a Proxy Server, Sooner or Later](https://hackernoon.com/youll-need-to-use-a-proxy-server-sooner-or-later)
![](https://cdn.hackernoon.com/images/ibRkmu5aVJXXD6liofFFR23PdGC2-oef3rmj.jpeg)
Why in large web scraping projects there's the need of proxy servers? Here a brief explanation of what they are and how they work and their differences.

### [75. My Experience at THAT Conference 2023: Opinions and Thoughts](https://hackernoon.com/my-experience-at-that-conference-2023-opinions-and-thoughts)
![](https://cdn.hackernoon.com/images/eQHzh6rz7ETBHLjs0KzCl1Dooqp2-lq93p4h.jpeg)
Weeks ago, I had the pleasure and privilege of attending THAT Conference Austin as a workshop presenter, and I thought it would be cool to share my review.

### [76. Who the f*ck is Going to Build Enterprise Blockchain Solutions?](https://hackernoon.com/who-the-fck-is-going-to-build-enterprise-blockchain-solutions-2o4238j8)
![](https://images.unsplash.com/photo-1553484771-4e29a68540f4?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=1080&fit=max&ixid=eyJhcHBfaWQiOjEwMDk2Mn0)
Blockchain topped LinkedIn’s list as the #1 most in-demand hard skill for 2020.

### [77. The Journey to Becoming a Rockstar Salesforce Developer](https://hackernoon.com/the-journey-to-becoming-a-rockstar-salesforce-developer)
![](https://cdn.hackernoon.com/images/cINIFbqqBHP6eJ0PSVZp9TroFeI3-3193zv3.jpeg)
Looking for something new, with expected needs and without a heavy learning curve? Here's how you can get started today.

### [78. How Instagram's Homepage has Changed Over the Past 10 Years](https://hackernoon.com/how-instagrams-homepage-has-changed-over-the-past-10-years-1g1134el)
![](https://cdn.hackernoon.com/images/t8YfmPLljONPuePCR5fPH7ndZRn2-fok31p1.jpeg)
Instagram or Insta is one of the world’s most used photo and video sharing social networks. It is owned by Facebook and was launched in 2010 on iOS and the Android version was launched two years later along with a trimmed down desktop version. Today, let us see how the homepage of Instagram has evolved over the years.

### [79. The Differences between Shared and Private Caching](https://hackernoon.com/the-differences-between-shared-and-private-caching)
![](https://cdn.hackernoon.com/images/TlU0qyilehYV4XrjqgkglSwSK413-jme3q1e.png)
Do you know the difference between private and shared caches ?

### [80. Maintaining Quality When Transitioning from Monolith to Microservices](https://hackernoon.com/maintaining-quality-when-transitioning-from-monolith-to-microservices)
![](https://cdn.hackernoon.com/images/ZXvwWhuaiAY0BoWkm8U7fJ1XTLI2-sw93ltd.jpeg)
Piece by piece, legacy monolith applications are being broken down and replaced by microservices. 

### [81. Make Your App or Site Carbon Neutral in 3 Steps](https://hackernoon.com/make-your-app-or-site-carbon-neutral-in-3-steps)
![](https://cdn.hackernoon.com/images/aCIjlH1H4dbEIL1I3whRaYLLCS13-c493l4t.jpeg)


### [82. The Dos and Don'ts of Designing Chat Messaging UIs for Your App](https://hackernoon.com/the-dos-and-donts-of-designing-chat-messaging-uis-for-your-app)
![](https://cdn.hackernoon.com/images/gzG25VLfJzghBdT1v97jIfj9DE52-8393r2w.jpeg)
Get valuable insights on designing user-friendly in-app chat UIs. Learn the dos and don'ts, best practices, and tips on simplifying, enhancing UX with color and

### [83. Creating Custom API Endpoints in Salesforce with Apex](https://hackernoon.com/creating-custom-api-endpoints-in-salesforce-with-apex)
![](https://cdn.hackernoon.com/images/ZXvwWhuaiAY0BoWkm8U7fJ1XTLI2-qi93zlt.jpeg)
Simple Object Access Protocol (SOAP) is a messaging protocol based on requests and responses using an XML format. 

### [84. Having Fun with the Lightning Design System for React](https://hackernoon.com/having-fun-with-the-lightning-design-system-for-react)
![](https://cdn.hackernoon.com/images/cINIFbqqBHP6eJ0PSVZp9TroFeI3-6g737cv.jpeg)
Did you know that the rock-solid design system inside of Salesforce can be included in a standard React application? This is not only possible, but easy too.

### [85. SwifWeb Libraries: Materialize CSS](https://hackernoon.com/swifweb-libraries-materialize-css)
![](https://cdn.hackernoon.com/images/cnk75wzdkHOamvwE3F8u3w3Q3Ni1-wj935ly.jpeg)
A detailed example that uses MaterializeCSS front end framework with SwifWeb to create various web elements and design features. 

### [86. The Best React Frameworks to Help you Get to Production Faster](https://hackernoon.com/the-best-react-frameworks-to-help-you-get-to-production-faster)
![](https://cdn.hackernoon.com/images/da7H4NzOhAdhje46xkTgaLorF5m2-7293zi9.jpeg)


### [87. A Quick Introduction to Jamstack ](https://hackernoon.com/a-quick-introduction-to-jamstack-jl4l35hj)
![](https://cdn.hackernoon.com/images/L2ZzoLGpt8d6cP7hjSEpZluSjt72-za9m35rr.jpeg)
This approach is not a framework but is actually an architectural guideline using many of the tools and skills developers were already familiar with.

### [88. How to Build a GatsbyJS Blog (Part 3): The Blog and Post Pages](https://hackernoon.com/how-to-build-a-gatsbyjs-blog-part-3-the-blog-and-post-pages)
![](https://cdn.hackernoon.com/images/YhQrn2uriTN9SEA31DxtfMz7glu1-uuc3s9j.jpeg)
In part three of our "Building a Gatsby Blog" series, we delve into the blog itself and create the list and post pages.

### [89. Using Android Studio to Explore the Salesforce Mobile SDK](https://hackernoon.com/using-android-studio-to-explore-the-salesforce-mobile-sdk)
![](https://cdn.hackernoon.com/images/cINIFbqqBHP6eJ0PSVZp9TroFeI3-0093k10.jpeg)
In the 2nd article of the series, create a native Android application that leverages the Salesforce platform and the Salesforce Mobile SDK.

### [90. How To Get The Most Out Of OpenGL With C++ And WASM](https://hackernoon.com/how-to-get-the-most-out-of-opengl-with-c-and-wasm-eop33sb)
![](https://cdn.hackernoon.com/images/PvDEZ8vsJDYY6PhFrWIm7AWSb073-806g36fi.jpeg)
wasm,opengl,cpp,c++,html

### [91. Understanding the Javascript Array Reduce Method](https://hackernoon.com/understanding-the-javascript-array-reduce-method)
![](https://cdn.hackernoon.com/images/NpN8WH8v6CfA6j7dKAzuoiE5Lit2-pg93pt6.jpeg)
The JS reduce method is a recursive way to perform a computation based on every element in the array while considering the previous elements of the array.

### [92. CSS Named Colors: Everything Explained ](https://hackernoon.com/css-named-colors-everything-explained)
![](https://cdn.hackernoon.com/images/cmnTEZUbXRUusNv7GD8Q0C1Kgzb2-ew928fe.png)
This page provides resources for working with CSS Name Colors. It contains Named Color groups, palettes, favorites, and even fun facts.


### [93. 5 Simple Tips to Become a Better Programmer](https://hackernoon.com/5-simple-tips-to-become-a-better-programmer)
![](https://cdn.hackernoon.com/images/xW8Q0uYJUTMJrV73OYEylMCCQOn1-34a2ie6.jpeg)
Developing software is more than just 'coding'. To grow as a programmer, you'll have to master other practices — here are 5 timeless tools and methods.

### [94. Using WunderGraph and Interval for Building Internal Tools ](https://hackernoon.com/using-wundergraph-and-interval-for-building-internal-tools)
![](https://cdn.hackernoon.com/images/g6d7uBnJu9SKvFzrtcQcdoIYCzW2-fnb3phv.gif.webp)
Building internal tools, you either love it or hate it. 

### [95. The Everything Guide to Data Collection in DevSecOps](https://hackernoon.com/the-everything-guide-to-data-collection-in-devsecops)
![](https://cdn.hackernoon.com/images/cINIFbqqBHP6eJ0PSVZp9TroFeI3-ct93ztk.jpeg)
Collecting wide swaths of observability and security data is key to a high-quality digital experience. Find out what you need to know to get started.

### [96. Vizzu: Open Source Library For Animated Data Visualizations and Data Stories](https://hackernoon.com/vizzu-open-source-library-for-animated-data-visualizations-and-data-stories)
![](https://cdn.hackernoon.com/images/ARCWTrgYpoc531106B2eMedWoT42-1193ghp.jpeg)
How Vizzu, a new open-source library for animated data visualizations and data stories came to be and how it all works behind the scenes with sources.

### [97. Everything You Need to Know About Promises, Thenables, & Lazy-Evaluation](https://hackernoon.com/everything-you-need-to-know-about-promises-thenables-and-lazy-evaluation)
![](https://cdn.hackernoon.com/images/cmnTEZUbXRUusNv7GD8Q0C1Kgzb2-e1928xr.png)
JavaScript Promises evaluate eagerly, but sometimes that's a problem. This post covers why and how to create custom lazy-evaluating promises.


### [98. Add Depth to Your Web Design Using CSS Shadow Generators](https://hackernoon.com/add-depth-to-your-web-design-using-css-shadow-generators)
![](https://cdn.hackernoon.com/images/da7H4NzOhAdhje46xkTgaLorF5m2-oh93zwx.jpeg)


### [99. Building Analytics React Dashboard With Cube.js](https://hackernoon.com/building-analytics-react-dashboard-with-cubejs-qy2g24i0)
![](https://cdn.hackernoon.com/drafts/6b4923kd7.png)
Imagine that you need to develop a web application from scratch to monitor and analyze raw data. For example, you own an average size online store. You are not satisfied with the existing solutions for data analytics and you want to manage what components will be in your admin panel by yourself. It is also very important for you to work with raw data and build analytical charts yourself.

### [100. How To Write a Solidity Smart Contract and Deploy it on Ropsten](https://hackernoon.com/how-to-write-solidity-smart-contract-deploy-ropsten)
![](https://cdn.hackernoon.com/images/N0ENUd29UdNJCFcl7GnmZHdk2fA2-2t93n7y.jpeg)
Smart contracts allow two parties to enter into an agreement. Take a deep dive into smart contracts to show how to reuse a single contract over and over again.

### [101. The Factory Method pattern in TypeScript](https://hackernoon.com/the-factory-method-pattern-in-typescript)
![](https://cdn.hackernoon.com/images/xJY7Mil1Iaawpy4gQe2JjaeojZY2-tca3p2x.jpeg)
The Factory Method pattern is a design pattern that is used to create objects without specifying the exact class of object that will be created.

### [102. Just Use Rem: Choosing between Pixels and Rems in CSS](https://hackernoon.com/just-use-rem-choosing-between-pixels-and-rems-in-css)
![](https://cdn.hackernoon.com/images/cmnTEZUbXRUusNv7GD8Q0C1Kgzb2-f59289w.png)
When choosing between pixels and rems in CSS, you should almost always use rems. It's a simple rule to follow. This article explains why.


### [103. CSS Color Functions in 2023 - Everything You Need to Know to Get Started](https://hackernoon.com/css-color-functions-in-2023-everything-you-need-to-know-to-get-started)
![](https://cdn.hackernoon.com/images/RX8xMnl8Q5fsB6oGTIzeeX6BLfh1-hn92k9z.jpeg)
You might have used CSS to change the color of an element on a web page, but have you ever heard of CSS color functions? If not, tighten your seat belts...

### [104. 4 Tailwind CSS Options For Premium Templates & Components](https://hackernoon.com/4-tailwind-css-options-for-premium-templates-and-components)
![](https://cdn.hackernoon.com/images/p3qBwUKPv7M11MuaMx6DdPirp2A2-ael35dl.jpeg)
Tired of your website looking like every other Tailwind website? Here are 4 templates that will make you stand out without learning design.

### [105. TypeScript Interfaces and Types: A Comparison](https://hackernoon.com/typescript-interfaces-and-types-a-comparison)
![](https://cdn.hackernoon.com/images/NpN8WH8v6CfA6j7dKAzuoiE5Lit2-xk93pij.jpeg)
Let's take a look at how Typescript Interfaces and types differ.

### [106. 22 Internet Stories From Hacker News, and Beyond! ](https://hackernoon.com/22-internet-stories-from-hacker-news-and-beyond)
![](https://cdn.hackernoon.com/images/N0ENUd29UdNJCFcl7GnmZHdk2fA2-kv037dr.jpeg)
This is the first weekly list of top content collected from hacker news and other sources about tech, science, privacy, and other interesting news.

### [107. A TCP Flow and HTTP Flow Guide: Changing HTTP Messages](https://hackernoon.com/a-tcp-flow-and-http-flow-guide-changing-http-messages)
![](https://cdn.hackernoon.com/images/SnVhdDNm3fMGfftKZO7mnXldvQm2-2f03bnp.jpeg)
Let’s take a closer look under the hood at what the process of changing HTTP messages is.

### [108. Exploring the Salesforce Mobile SDK Using Xcode](https://hackernoon.com/exploring-the-salesforce-mobile-sdk-using-xcode)
![](https://cdn.hackernoon.com/images/cINIFbqqBHP6eJ0PSVZp9TroFeI3-bw93k50.jpeg)
In the 3rd article of the series, create a native iOS application that leverages the Salesforce platform and the Salesforce Mobile SDK.

### [109. Using Redis Streams with NestJS: Part 1 - Setup](https://hackernoon.com/using-redis-streams-with-nestjs-part-1-setup)
![](https://cdn.hackernoon.com/images/CgB3JUoAMba0EfivxJcY6vlIFNU2-3n93pwk.png)
This is part 1 of a 3-part series, where we will explore how to use Redis streams with NestJS.

### [110. jquery: Is Still Relevant or Is It a Product of the Past?](https://hackernoon.com/jquery-is-still-relevant-or-is-it-a-product-of-the-past)
![](https://cdn.hackernoon.com/images/cPKBkmirofPe9l3sgbPBAqdKwGF3-9h92do7.jpeg)
Learning it will not hurt you, but introducing it into a project can raise a few eyebrows. For greenfield projects, it makes sense to default to vanilla JS. 

### [111. 7 Must Use Tools For Newbie Web Developers ](https://hackernoon.com/7-things-that-every-beginner-web-developer-should-know)
![](https://cdn.hackernoon.com/images/Y0kXG115Z7VorP4rguIGxwn3FoD3-eh037kk.jpeg)
During my journey of learning web development I came across this different technology and stuffs which are often used during web development or writing code and

### [112. 10 Most Useful Code Editors Hotkeys](https://hackernoon.com/10-most-useful-ide-hotkeys-501q32aj)
![](https://images.unsplash.com/photo-1526920929362-5b26677c148c?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=1080&fit=max&ixid=eyJhcHBfaWQiOjEwMDk2Mn0)
Do you know what percentage of people do not use Ctrl+F when searching text on pages?

### [113. Understanding Mux and Handler by Writing Your Own RESTful Mux](https://hackernoon.com/understanding-mux-and-handler-by-writing-your-own-restful-mux)
![](https://cdn.hackernoon.com/images/SnVhdDNm3fMGfftKZO7mnXldvQm2-sj93qhq.jpeg)
In this article, we will try to understand two crucial Go concepts - mux and Handler.

### [114. A Guide to Self-Hosting Your Own Website Analytics With Umami](https://hackernoon.com/a-guide-to-self-hosting-your-own-website-analytics-with-umami)
![](https://cdn.hackernoon.com/images/QepJZAyLUDcMpCXcZjnWeHJM7ad2-3693t8p.jpeg)
Self-host your own website analytics with Umami.

### [115. How to Render 3D Model in a React JS Application](https://hackernoon.com/how-to-render-3d-model-in-a-react-js-application)
![](https://cdn.hackernoon.com/images/541r0RExUOQ3nFAQs7oJuST9Axf2-t7a3vtn.jpeg)
In this article we are going to use Three.js to render an iPhone model in a React application. We will use react-three/fiber and react-three/drei.

### [116. 12-Step Checklist for Releasing a Website](https://hackernoon.com/12-step-checklist-for-releasing-a-website-ei5034lz)
![](https://cdn.hackernoon.com/images/ugoTV1vwcgR4mN8MMDUUN4vt6p02-8v4y34i5.jpeg)
Releasing a website is a stressful and important moment. And you want to make sure everything is ready.

### [117. Making a Gradient Color Generator App Using JavaScript](https://hackernoon.com/making-a-gradient-color-generator-app-using-javascript)
![](https://cdn.hackernoon.com/images/awSK9UBJcfNNXiYmqyT1Ihlw5Hr2-ae03645.jpeg)
In this article, I have shown you how to make Gradient Color Generator using JavaScript.

### [118. Mark Your Calendars, Bad Bots Are Coming for the Last Months of 2022](https://hackernoon.com/mark-your-calendars-bad-bots-are-coming-for-the-last-months-of-2022)
![](https://cdn.hackernoon.com/images/5wpKgV75aONqkTJlafw2yQmK9yd2-eu93od6.jpeg)
The sad reality for many online business websites and applications is that they are flooded by automated bad bots

### [119. Back-end Data and API Prototyping with Faker.js and JSON-Server](https://hackernoon.com/back-end-data-and-api-prototyping-with-fakerjs-and-json-server-n5t36uw)
![](https://cdn.hackernoon.com/images/xk1o3ap7.jpg)
Introduction

### [120. How to Build a Blog with NextJs, Chakra UI, and HyGraph](https://hackernoon.com/how-to-build-a-blog-with-nextjs-chakra-ui-and-hygraph)
![](https://cdn.hackernoon.com/images/ugoTV1vwcgR4mN8MMDUUN4vt6p02-gf93p1q.jpeg)
In this article, I described how I created my blog using NextJs, Chakra UI, and GraphCMS. I also disclosed the tools, technologies, and services that I used.

### [121. Building Easy Workflows For Web3 Using Flow & Cadence](https://hackernoon.com/building-easy-workflows-for-web3-using-flow-and-cadence)
![](https://cdn.hackernoon.com/images/cINIFbqqBHP6eJ0PSVZp9TroFeI3-3q930ay.jpeg)
Smart contract development is a complex process that consists of different vital steps. Find out which tooling provides the best value for Web3 developers.

### [122. How to Write Clean, Well Maintained Code Using a Static Analyzer and PMD](https://hackernoon.com/how-to-write-clean-well-maintained-code-using-a-static-analyzer-and-pmd)
![](https://cdn.hackernoon.com/images/da7H4NzOhAdhje46xkTgaLorF5m2-7t03wzf.jpeg)
A static analyzer can reduce the possibility of bugs, such as when you accidentally overwrite a variable with another value.

### [123. Salesforce Functions for Caching Expensive Queries](https://hackernoon.com/salesforce-functions-for-caching-expensive-queries)
![](https://cdn.hackernoon.com/images/eQHzh6rz7ETBHLjs0KzCl1Dooqp2-rw93q9q.jpeg)
In this article, we will walk through the use of Salesforce Functions to cache expensive queries. 

### [124. Making your own personal website from scratch](https://hackernoon.com/making-your-own-personal-website-from-scratch)
![](https://cdn.hackernoon.com/images/zI8R5BXScMfvRNRdVAYti6JNSad2-bia3idd.jpeg)
An introduction to HTML and CSS - the foundation and styling for any website

### [125. The Noob Guides: Your Shortest Path on Becoming a Developer (Full Stack)](https://hackernoon.com/the-noob-guides-your-shortest-path-on-becoming-a-developer-full-stack-gl10u30lc)
![](https://cdn.hackernoon.com/images/2a10s30mu.jpg)
The Noob Guides: Your Shortest Path on Becoming a Developer (Full Stack)

### [126. Benefits of Using WordPress to Power Your Company’s Website](https://hackernoon.com/benefits-of-using-wordpress-to-power-your-companys-website-vh1w3wvw)
![](https://firebasestorage.googleapis.com/v0/b/hackernoon-app.appspot.com/o/images%2FjQDXU3mqnKYcTEtUfYCAMxuob2H3-yfd3wek.jpeg?alt=media&token=00e956a8-5075-4224-9f36-13fa71089ede)
WordPress is one of the most popular CMS platforms and it powers nearly one-third of the world’s websites. You can use WordPress Development Services from small personal blogs to the complex sites of major corporations such as Sony, and TIME Magazine, and so on

### [127. A Simple Way to Rename Local and Remote Git Branch](https://hackernoon.com/a-simple-way-to-rename-local-and-remote-git-branch)
![](https://cdn.hackernoon.com/images/kw6AgCK3xsUyGcooHvUKqUiQ2An2-2w02bzo.jpeg)
Have you ever come across a situation where you want to rename a Git branch? If yes then this article will help you with that.

### [128. How to Run Machine-Learning Models in the Browser using ONNX](https://hackernoon.com/how-to-run-machine-learning-models-in-the-browser-using-onnx)
![](https://cdn.hackernoon.com/images/R7Sat3yK8hMTNJSnRDmXnbNCkbI3-dz1jq26l2.jpeg)
Learn how to use ONNX Runtime Web to deploy machine-learning models natively to the browser.

### [129. How to Stop an Active Process on a Port](https://hackernoon.com/how-to-stop-an-active-process-on-a-port)
![](https://cdn.hackernoon.com/images/NpN8WH8v6CfA6j7dKAzuoiE5Lit2-4p93pc6.jpeg)
It is common in Node.js and other languages to run a script on a certain port. These are steps to take to stop an active process on a port. 

### [130. Flow & Cadence Best Practices, Patterns, and Anti-Patterns](https://hackernoon.com/flow-and-cadence-best-practices-patterns-and-anti-patterns)
![](https://cdn.hackernoon.com/images/cINIFbqqBHP6eJ0PSVZp9TroFeI3-4k930j6.jpeg)
Learn tips that will help you create a better user experience and ensure a consistent level of security throughout the Flow ecosystem. 

### [131. The Top 10 Benefits of Angular for Web Development](https://hackernoon.com/the-top-10-benefits-of-angular-for-web-development)
![](https://cdn.hackernoon.com/images/3q9BbFdldvgJCloYVOtUJ7Y0Xsq2-oc93ra8.jpeg)
Angular was designed with performance in mind. It's fast and efficient, making it a great choice for high website traffic.

### [132. Understanding Domain Driven Design (DDD)](https://hackernoon.com/understanding-domain-driven-design-ddd)
![](https://cdn.hackernoon.com/images/5wpKgV75aONqkTJlafw2yQmK9yd2-yb93ppg.jpeg)
DDD is not about technology. Instead, it's about understanding the problem you’re trying to solve in a business context.

### [133. Determine Whether an Array in JavaScript Is a Subset of Another Array](https://hackernoon.com/determine-whether-an-array-in-javascript-is-a-subset-of-another-array)
![](https://cdn.hackernoon.com/images/NpN8WH8v6CfA6j7dKAzuoiE5Lit2-24a3s7o.png)
There are many cases where knowing when an array is a subset of another can be pretty useful.

### [134. How Can I Use Selenium to Automate Shadow DOM Elements?](https://hackernoon.com/how-can-i-use-selenium-to-automate-shadow-dom-elements)
![](https://cdn.hackernoon.com/images/2EHqLYnBA1e6rDsHRwLC7iNmRov2-6993ptt.jpeg)
In this blog, we highlighted the automation of the shadow DOM elements using the selenium web driver. 

### [135. Building a Real-Time Chat Application with Websocket ](https://hackernoon.com/building-a-real-time-chat-application-with-websocket)
![](https://cdn.hackernoon.com/images/7kL2qGvz0EMioZPUQK1EKKpqxG62-qra3myt.jpeg)


### [136. npkill — The solution to deleting node_modules easily, with style](https://hackernoon.com/npkill-the-solution-to-deleting-node_modules-easily-with-style-q8a4308e)
![](https://cdn.hackernoon.com/images/mr14r300k.jpg)
Introduction

### [137. Take These 12 Quick Challenges to Find Out if You Know Javascript](https://hackernoon.com/take-these-12-quick-challenges-to-find-out-if-you-know-javascript)
![](https://cdn.hackernoon.com/images/sRxI3vZiX2Qj4CDJaY5YTK4h9DB3-4593p30.jpeg)
Do you know Javascript? The language we all love has some weird and sometimes unexpected behaviors.

### [138. Designing an API Rate Limiter ](https://hackernoon.com/designing-an-api-rate-limiter)
![](https://cdn.hackernoon.com/images/OAWNH2u4oMfvIQnqBHkGhGDHPN72-1ga3l58.jpeg)
Distributed systems implement an API rate limiter for high availability and security.

### [139. Boosting Website Performance with Server-Side Rendering](https://hackernoon.com/boosting-website-performance-with-server-side-rendering)
![](https://cdn.hackernoon.com/images/z5L7cZprQRgVvL7bpydqTnZfaqu1-9093uqk.jpeg)
Enhance website speed and performance with server-side rendering. Learn implementation tips in this guide for improved user experience and SEO.

### [140. My AWS Cloud Resume Challenge Journey (Part One)](https://hackernoon.com/my-aws-cloud-resume-challenge-journey-part-one)
![](https://cdn.hackernoon.com/images/jNWYQww5YjRJsWWwirAmbrDTrgs2-ll93ptb.jpeg)
I intend to take my readers on a journey of skills learned, challenges faced, and solutions uncovered along the way as I take on the cloud resume AWS challenge.

### [141. Translate Your React App with Tolgee: A Step-by-Step Guide](https://hackernoon.com/translate-your-react-app-with-tolgee-a-step-by-step-guide)
![](https://cdn.hackernoon.com/images/G6xFXeYzgfSNur6yRW1nAvG64Vk1-ze03bc8.jpeg)
Tutorial how to localize (i18n) React application using Tolgee. It allows you to translate your string in-context and generate screenshots.

### [142. TypeScript vs JavaScript: Understanding the Differences](https://hackernoon.com/the-difference-between-typescript-and-javascript)
![](https://cdn.hackernoon.com/images/NpN8WH8v6CfA6j7dKAzuoiE5Lit2-wg93pnd.jpeg)
 In this guide, I'll explain exactly what TypeScript is and why it's different from Javascript. 

### [143. Adding the Map Component Using the AWS Services to an Angular App](https://hackernoon.com/adding-the-map-component-using-the-aws-services-to-an-angular-app)
![](https://cdn.hackernoon.com/images/iKaRdx2obzTbVRWs5dbTRcG8zVj1-mg93mk2.jpeg)
Application example built with Angular 14 and adding the map MapLibre component using the Amazon Amplify Geo and Amazon Location Service services.

### [144. Designing a Social Media News Feed System ](https://hackernoon.com/designing-a-social-media-news-feed-system)
![](https://cdn.hackernoon.com/images/OAWNH2u4oMfvIQnqBHkGhGDHPN72-t4a3kdf.jpeg)
Social media newsfeeds must be generated in near real-time based on the feed activity from the people that a user follows.

### [145. How to Use Zeet to Take Your Devops from 0 to 100](https://hackernoon.com/how-to-use-zeet-to-take-your-devops-from-0-to-100)
![](https://cdn.hackernoon.com/images/cINIFbqqBHP6eJ0PSVZp9TroFeI3-6o137k3.jpeg)
What happens when you combine an awesome idea with a driven leader? You get an exciting product, like Zeet, which automates your DevOps tasks.

### [146. Web Development Is Still The Wild Wild West in 2023](https://hackernoon.com/web-development-is-still-the-wild-wild-west-in-2023)
![](https://cdn.hackernoon.com/images/OtJzzAct4ogl0v25V43xSyGcJAt1-m993tc0.jpeg)
Web development is still (thankfully) a frontier, where there is little to no official regulation, certification or oversight. Will it always be the wild west?

### [147. Light DOM and Lightning Web Components in Salesforce](https://hackernoon.com/light-dom-and-lightning-web-components-in-salesforce)
![](https://cdn.hackernoon.com/images/2jqChkrv03exBUgkLrDzIbfM99q2-6x92bwh.jpeg)
Lightning Web Components (LWC) from Salesforce are based on standard Web Components built using HTML and JavaScript.

### [148. A First Look into Conditional When and Else Statements in CSS](https://hackernoon.com/a-first-look-into-conditional-when-and-else-statements-in-css)
![](https://cdn.hackernoon.com/images/NpN8WH8v6CfA6j7dKAzuoiE5Lit2-ak93ktl.jpeg)


### [149. Streamlining Form Validation with JSON Schema for Front-End and Back-End](https://hackernoon.com/streamlining-form-validation-with-json-schema-for-front-end-and-back-end)
![](https://cdn.hackernoon.com/images/pDvJYC69zQULcwlOn1zKE5Nh8sH3-fb93qm0.jpeg)
Efficiently validate forms with a single set of rules for both front-end and back-end using JSON Schema.

### [150. Why is the Documentation of Tech Products So Hard to Use? (in the User’s Point of View)](https://hackernoon.com/why-is-the-documentation-of-tech-products-so-hard-to-use-in-the-users-point-of-view)
![](https://cdn.hackernoon.com/images/q6mx6E5l6TgXIk2JYkZfKEBcWnF2-93a3afv.jpeg)
Documenting tech products is a key part of making a project sustainable in the long term. Despite that, properly documenting them is incredibly difficult. 

### [151. How to Get the Fastest Browser Image Loads](https://hackernoon.com/how-to-get-the-fastest-browser-image-loads)
![](https://cdn.hackernoon.com/images/kOGh8yb1TiVOy67Rvji043cXEXj1-58d3rux.jpeg)
Use of the Picture Element allows the browser to select a single optimum image to download and display from among a list of images

### [152. A Guide on How to Cancel Duplicate Fetch Requests in JavaScript Enhanced Forms](https://hackernoon.com/a-guide-on-how-to-cancel-duplicate-fetch-requests-in-javascript-enhanced-forms)
![](https://cdn.hackernoon.com/images/cmnTEZUbXRUusNv7GD8Q0C1Kgzb2-mr92ac6.png)
Avoid duplicate-request & race-condition when creating JavaScript enhanced forms. Cancel previous fetch requests with AbortController.


### [153. The Story of How I Got My First Job in IT with Perseverance and a Plan](https://hackernoon.com/the-story-of-how-i-got-my-first-job-in-it-with-perseverance-and-a-plan)
![](https://cdn.hackernoon.com/images/SX77kQ7AuphQDZQhV7OSkx49OZc2-rj93ke4.jpeg)
It’s hard to believe, but after two and a half years of studying and about two years of meaningful job search, I finally got my first job in IT.

### [154. Adding Light and Dark Modes, with a Toggle Switch, to Your Website](https://hackernoon.com/adding-light-and-dark-modes-with-a-toggle-switch-to-your-website)
![](https://cdn.hackernoon.com/images/oJkZK1nJPOOiADYWc2TT0tjr4al1-x592jbv.jpeg)
I've recently rebranded and redesigned the look and feel of my website. As a part of that redesign, I've implemented both a light and a dark theme. Here's how.

### [155. 21 Valuable HTML & CSS Code Snippets for Web Developers ](https://hackernoon.com/21-valuable-html-and-css-code-snippets-for-web-developers)
![](https://cdn.hackernoon.com/images/UkCGosn8u8RYCcOvW57o2EE4rZF3-3393b8g.jpeg)
21 Useful HTML & CSS tips for every project

### [156. Creating a Web3 Application with the Coinbase Wallet SDK](https://hackernoon.com/creating-a-web3-application-with-the-coinbase-wallet-sdk)
![](https://cdn.hackernoon.com/images/cINIFbqqBHP6eJ0PSVZp9TroFeI3-9093z8y.jpeg)
Confused about where to start with Web3? John Vester shows how easy it is to get started using the Coinbase developer tools.

### [157. A Detailed Guide to the useEffect Hook in React](https://hackernoon.com/a-detailed-guide-to-the-useeffect-hook-in-react)
![](https://cdn.hackernoon.com/images/5wpKgV75aONqkTJlafw2yQmK9yd2-ma93pmc.png)
A complete guide for using React's useEffect hook

### [158. Stick It to The Man and Self-Host Your Own Web Server](https://hackernoon.com/stick-it-to-the-man-and-self-host-your-own-web-server)
![](https://cdn.hackernoon.com/images/S5tZsHCKLcTmDFiKj1T5lIQlomv2-ob916dm.jpeg)
Web self-hosting for small to medium companies, business owners, non-profit organizations and individuals.

### [159. Deconstructing React 18 ](https://hackernoon.com/deconstructing-react-18)
![](https://cdn.hackernoon.com/images/uDPqwahUxKSKSQ17IYMKmh9T5uu1-pw93sia.jpeg)
React 18 is a major improvement to React’s rendering mechanisms. It focused on improved performance of user interfaces for a much better experience for the user

### [160. How to Clear the 301/302 Redirection Cache](https://hackernoon.com/how-to-clear-the-301302-redirection-cache-oze33y9v)
![](https://cdn.hackernoon.com/images/s98e329t.jpg)
I think many web developers and server administrators had been facing the 301 redirection cache. I had facing it very often until I learn the lesson…
I hope it helps you and you learn something from me, not from your mistakes 💥

### [161. Building an AWS Integration for Salesforce Image Handling](https://hackernoon.com/building-an-aws-integration-for-salesforce-image-handling)
![](https://cdn.hackernoon.com/images/ZXvwWhuaiAY0BoWkm8U7fJ1XTLI2-l003bka.jpeg)
In this article, we’ll look at a solution that not only offloads your Salesforce image storage to AWS, but also resizes and renders them on demand.

### [162. The Browser in the Browser (BITB) Attack: Lies, Deceit, and CSS](https://hackernoon.com/the-browser-in-the-browser-bitb-attack-lies-deceit-and-css)
![](https://cdn.hackernoon.com/images/GWHX2lBFLbMSZ4olDc5OKN28T0h1-4r93nd9.jpeg)
“Beware the Ides of March”, they say; and we should for good reason.

### [163. Building a GraphQL eCommerce App from Scratch](https://hackernoon.com/building-a-graphql-ecommerce-app-from-scratch)
![](https://cdn.hackernoon.com/images/g6d7uBnJu9SKvFzrtcQcdoIYCzW2-t0i3pmj.jpeg)
How to Build a GraphQL eCommerce App from Scratch

### [164. Top 5 Boilerplate Admin Templates With Node.js Backend](https://hackernoon.com/top-5-boilerplate-admin-templates-with-nodejs-backend-a5l3ulo)
![](https://firebasestorage.googleapis.com/v0/b/hackernoon-app.appspot.com/o/images%2FMJpFVUEItkSdoh38rYo60VT7RfH3-3f1g4vhq.jpeg?alt=media&token=75734ae9-7bd6-4976-81e4-3321d45a5914)
More and more developers are currently deciding to boost their workflow, minimize unnecessary tasks, and structure their virtual desks through admin panels with Node.js backend. 

### [165. How to Scale Like a Boss with Heroku Dynos](https://hackernoon.com/how-to-scale-like-a-boss-with-heroku-dynos)
![](https://cdn.hackernoon.com/images/cINIFbqqBHP6eJ0PSVZp9TroFeI3-ot11f35u8.jpeg)
Now that you are running on Heroku, John Vester helps explore options for scaling your applications or services to meet end-user demands.

### [166. Use Github Pages to Create a Portfolio Website with Custom Domain ](https://hackernoon.com/use-github-pages-to-create-a-portfolio-website-with-custom-domain)
![](https://cdn.hackernoon.com/images/jwVTL7uSEHWwASBwbAaULWbCbnI2-0193r4y.jpeg)
How to make a simple professional portfolio for beginner developers. Perfect for finding a tech job to help you stand out from other applicants. 

### [167. Building a Simple Tic-Tac-Toe Game with JavaScript](https://hackernoon.com/building-a-simple-tic-tac-toe-game-with-javascript)
![](https://cdn.hackernoon.com/images/awSK9UBJcfNNXiYmqyT1Ihlw5Hr2-sp93qrm.jpeg)
In this article, we will be building a simple version of Tic Tac Toe using HTML, CSS, and JavaScript.



### [168. How I Refactored a SPA Project](https://hackernoon.com/how-i-refactored-a-spa-project)
![](https://cdn.hackernoon.com/images/5wpKgV75aONqkTJlafw2yQmK9yd2-fw93pcb.jpeg)
In this article, I’m not gonna talk about specific code refactoring details but some critical issues of this project.

### [169. How to Offer Buy Now, Pay Later to Customers with No Stress](https://hackernoon.com/building-a-buy-now-pay-later-payment-solution)
![](https://cdn.hackernoon.com/images/cINIFbqqBHP6eJ0PSVZp9TroFeI3-fk93kxg.jpeg)
Convenient payment options often lure customers to buy sooner. See how quick and easy this can be using the Marqeta platform.

### [170. The Rewards Card System is Broken and Here is How I Tried to Fix It](https://hackernoon.com/the-rewards-card-system-is-broken-and-here-is-how-i-tried-to-fix-it)
![](https://cdn.hackernoon.com/images/cINIFbqqBHP6eJ0PSVZp9TroFeI3-hp33cr1.jpeg)
Rewards cards are a way to incentivize customer loyalty. Check out how easy this concept can become a reality - just by using the Marqeta service.

### [171. A Simple Script to Test Whether a STUN/TURN Server is Working Properly](https://hackernoon.com/a-simple-script-to-test-whether-a-stunturn-server-is-working-properly)
![](https://cdn.hackernoon.com/images/GqqqkRk522Nty7vNA4Sa9m5CEqH2-n1935d9.jpeg)
How to test if the STUN/TURN servers are working properly?

### [172. An Essential Guide to Rendering your Website](https://hackernoon.com/an-essential-guide-to-rendering-your-website-em1x3tcd)
![](https://firebasestorage.googleapis.com/v0/b/hackernoon-app.appspot.com/o/images%2FWvW28jEl4jUjfwJehRmZlkXmrQw2-hre30wv.png?alt=media&token=00154de9-ff5c-44bf-a8f6-4418b475f4e2)
Back in the day, rendering a website was simple. You needed a web server that served HTML files. Those were static sites. Then developers started using databases and authentication. To achieve that, they needed to manipulate the HTML file before serving it. 

### [173. My Journey From a Novice to Becoming a Front-End Engineer](https://hackernoon.com/my-journey-from-a-novice-to-becoming-a-front-end-engineer)
![](https://cdn.hackernoon.com/images/MUo6MihNAVUIcUvRBbcToKZ7MKh1-gj93p92.jpeg)
This blog is about my journey - from a confused college student to a frontend developer. How I got into coding, then into web development. 

### [174. Is Node.js Worth The Hoopla?](https://hackernoon.com/is-nodejs-worth-the-hoopla-gz1235rd)
![](https://firebasestorage.googleapis.com/v0/b/hackernoon-app.appspot.com/o/images%2Fwqn8FTTUlabc0wgqLiB1u2A5wgr1-ib163wjy.jpeg?alt=media&token=4544759d-55c8-4bf2-b0d3-19736ac94b44)
If you’ve gotten started programming with HTML and JavaScript (JS), you know how easy JS is to use. The interface is right at your fingertips. You can easily access your entire web page with simple commands. 

### [175. How to Make Rough Estimates of SQL Queries](https://hackernoon.com/how-to-make-rough-estimates-of-sql-queries)
![](https://cdn.hackernoon.com/images/calculator-cldso8u7m000501s6e028459i.png)
To do estimates of SQL queries we need to understand how DB works with queries. Let's find out what exactly the db do with queries.

### [176. Build a Mobile App Using React Native and the Salesforce Mobile SDK ](https://hackernoon.com/build-a-mobile-app-using-react-native-and-the-salesforce-mobile-sdk)
![](https://cdn.hackernoon.com/images/cINIFbqqBHP6eJ0PSVZp9TroFeI3-9i93knh.jpeg)
Check out how easy it is to start building a custom React Native application that leverages the Salesforce platform and the Salesforce Mobile SDK.

### [177. Automatically Scan Your Project Dependencies for Vulnerabilities Using Docker, Jenkins (Part 2/2)](https://hackernoon.com/automatically-scan-your-project-dependencies-for-vulnerabilities-using-docker-jenkins-part-22)
![](https://cdn.hackernoon.com/images/da7H4NzOhAdhje46xkTgaLorF5m2-mb03ktz.jpeg)
The OWASP Dependency-Check tool is a popular tool to check dependencies. We will discuss how we can run it standalone or integrate it into CI/CD Pipeline.

### [178. Exploring Hidden Navigation for Domestic Violence Sites](https://hackernoon.com/exploring-hidden-navigation-for-domestic-violence-sites-761e34dt)
![](https://cdn.hackernoon.com/images/BnMb3F4vjTb8PuRduWJNBwABhlb2-2m3i3u8k.jpeg)
Recently, I had the incredible honor to work with an individual who was a Survivor of Domestic Violence. This was all part of a business "hackathon."

### [179. The Simplicity of tRPC with the Power of GraphQL ](https://hackernoon.com/the-simplicity-of-trpc-with-the-power-of-graphql)
![](https://cdn.hackernoon.com/images/g6d7uBnJu9SKvFzrtcQcdoIYCzW2-30a3pq0.jpeg)


### [180. Postman Collection for Salesforce: Mock Servers and Code Snippets](https://hackernoon.com/postman-collection-for-salesforce-mock-servers-and-code-snippets)
![](https://cdn.hackernoon.com/images/ZXvwWhuaiAY0BoWkm8U7fJ1XTLI2-l80369n.jpeg)
Whether you’re a longtime Salesforce developer or you’re new, Postman brings you all the tools you need to streamline the Salesforce API integration process.

### [181. From Ethereum to Aurora With Infura](https://hackernoon.com/from-ethereum-to-aurora-with-infura)
![](https://cdn.hackernoon.com/images/cINIFbqqBHP6eJ0PSVZp9TroFeI3-enw3x0h.jpeg)
Learn how to deploy and interact with a smart contract using the Aurora Testnet, creating a custom RPC URL connection in MetaMask using Infura.

### [182. Why You Should be Learning about the Remix Framework ](https://hackernoon.com/why-you-should-be-learning-about-the-remix-framework)
![](https://cdn.hackernoon.com/images/YhQrn2uriTN9SEA31DxtfMz7glu1-nla3yql.jpeg)
Are you looking to build an app with minimal effort? With Remix, you can do just that! Learn how this relatively new web framework compares.

### [183. Adding the ESLint to an Angular Application](https://hackernoon.com/adding-the-eslint-to-an-angular-application)
![](https://cdn.hackernoon.com/images/iKaRdx2obzTbVRWs5dbTRcG8zVj1-vq92rvb.jpeg)
Application example built with Angular 14 and adding the ESLint using @angular-eslint/schematics library.

### [184. Web Application Templates with Perfect Design in 2022](https://hackernoon.com/web-application-templates-with-perfect-design-in-2022)
![](https://cdn.hackernoon.com/images/a2n9GodCotfUHvvM9KmOiHPmLci1-hh039kd.jpeg)
This is our rating of the best Web App Templates. Keep reading to know which ones they are and how they can speed up and improve your web development practice!

### [185. How to Make Composites Requests Against Salesforce](https://hackernoon.com/how-to-make-composites-requests-against-salesforce)
![](https://cdn.hackernoon.com/images/cINIFbqqBHP6eJ0PSVZp9TroFeI3-g10375s.jpeg)
Journey into the Salesforce API and learn what composite requests bring to the table: reductions of API requests and help you avoid cyclomatic complexity issues

### [186. Compare Static Form Providers Side-by-Side](https://hackernoon.com/a-comparison-of-static-form-providers-sj9o3bna)
![](https://cdn.hackernoon.com/drafts/boa43bfj.png)
Let’s attempt to coin a term here: "Static Form Provider." You bring your HTML <form>, but don’t worry about the back-end processing that makes it work. There are a lot of these services out there!

### [187. Improving React App Performance with SSR and Rust: Rust vs Node.js [Part III]](https://hackernoon.com/improving-react-app-performance-with-ssr-and-rust-rust-vs-nodejs-part-iii-ii3932wg)
![](https://cdn.hackernoon.com/images/r0vp3yjz.jpg)
In theory, a new technology or a modern approach should have a lot of benefits, but the main question that matters is that - what is actually practical advantages of that in numbers?

### [188. Authentication Using the Auth0 to a React Application](https://hackernoon.com/authentication-using-the-auth0-to-an-react-application)
![](https://cdn.hackernoon.com/images/iKaRdx2obzTbVRWs5dbTRcG8zVj1-jl92jth.jpeg)
Application example built with React with authentication using the Auth0 service.

### [189. How to Leverage Salesforce via a Client Written In Angular](https://hackernoon.com/how-to-leverage-salesforce-via-a-client-written-in-angular)
![](https://cdn.hackernoon.com/images/cINIFbqqBHP6eJ0PSVZp9TroFeI3-rz037tb.jpeg)
In this series article, John Vester introduces an Angular application and NgRx state management to read data from Salesforce for use by a basic component.

### [190. Become a Front-End Developer in 6 Months with These 4 Skills](https://hackernoon.com/become-a-front-end-developer-in-6-months-with-these-4-skills)
![](https://cdn.hackernoon.com/images/uQO3uORgs4Mk6ZUOS7HXdbzK9Ui1-4s137zf.jpeg)
Let me give you a simple roadmap to know where you are, and where you should go next. So here are 4 essential skills to become a frontend developer in 6 months.

### [191. How To Create a Custom Webhook URL Using Autocode](https://hackernoon.com/how-to-create-a-custom-webhook-url-using-autocode-kx1x3uck)
![](https://firebasestorage.googleapis.com/v0/b/hackernoon-app.appspot.com/o/images%2F3nhao37bBEfHA9RTQ0WNVWfXPD02-82k3u47.jpeg?alt=media&token=ab3f5a86-6bc8-4a00-823f-dfac568fe051)
TLDR (30s)

### [192. How To Leverage The Salesforce API Without The Salesforce Client](https://hackernoon.com/how-to-leverage-the-salesforce-api-without-the-salesforce-client)
![](https://cdn.hackernoon.com/images/cINIFbqqBHP6eJ0PSVZp9TroFeI3-z1o135s6.jpeg)
Interested in using Salesforce with your own client application? Learn how to use Spring Boot to accomplish this need, caching data along the way.

### [193. The Ultimate CSS Grid Cheat Sheet in 2021🎖️](https://hackernoon.com/the-ultimate-css-grid-cheat-sheet-in-2021-as5i3353)
![](https://cdn.hackernoon.com/images/nTJ2Dz1w2afQFppCmwHO1gpaxgt2-c81a33bs.jpeg)
Let's refresh Our CSS Grid Memory. This CSS Grid tutorial is a cheat sheet of everything you can do with Grid to get started in 2021!

### [194. 13 Angular App Optimization Tips for Frontend Developers](https://hackernoon.com/13-angular-app-optimization-tips-for-frontend-developers-z392329t)
![](https://images.unsplash.com/photo-1563191911-e65f8655ebf9?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=1080&fit=max&ixid=eyJhcHBfaWQiOjEwMDk2Mn0)
How to optimize an Angular app? First, we need to consider how we understand optimization as such. Optimization helps achieve better app performance and easier code maintenance. Optimization is not a checklist or a to-do-list, and there is no universal way to optimize your app.

### [195. An Introduction to the Xanny Framework](https://hackernoon.com/an-introduction-to-the-xanny-framework-uk3p34ag)
![](https://cdn.hackernoon.com/images/MJpFVUEItkSdoh38rYo60VT7RfH3-hli28iv.jpeg)
Xanny finally reached version 1.0 in Dec 2020. According to its [official repository](https://github.com/xanny-projects/xanny), Xanny is a simple, fast and low HTTP router and URL marcher for building Deno servers.

### [196. 9 Tips and Best Practices for HTML 5 ](https://hackernoon.com/9-tips-and-best-practices-for-html-5-c01137w7)
![](https://cdn.hackernoon.com/images/L2ZzoLGpt8d6cP7hjSEpZluSjt72-z3t35tb.jpeg)
Read this article to find out the most common HTM5 best practices. 

### [197. TURN Time Into Value](https://hackernoon.com/turn-time-into-value)
![](https://cdn.hackernoon.com/images/cINIFbqqBHP6eJ0PSVZp9TroFeI3-jg93y29.jpeg)
Web3 projects can now leverage TURN tokens – a new open marketplace for buyers and sellers of Diligence smart contract security auditing.

### [198. How to Implement Dark Mode: 5 Essential Tips to Remember](https://hackernoon.com/how-to-implement-dark-mode-5-essential-tips-to-remember)
![](https://cdn.hackernoon.com/images/hS37dtFlOtPxuHM03IBKFB7INsO2-hd93i1w.jpeg)
Here are 5 tips you should keep in mind when implementing dark mode in your apps.

### [199. 7 Websites to Inspire Your Next Web Design](https://hackernoon.com/7-websites-to-inspire-next-level-web-design)
![](https://cdn.hackernoon.com/images/uRTauF3LioZDGkbCBMkvP0si8Lr2-w893rtq.jpeg)
As a developer or designer, it's always important to stay up-to-date on the latest trends and techniques in your field.

### [200. Use Metho to Safely Add Dynamic Superpowers to JS Objects](https://hackernoon.com/use-metho-to-safely-add-dynamic-superpowers-to-js-objects)
![](https://cdn.hackernoon.com/images/XSQf5P0LccUUd3IxzsUa7TcxCkx1-yja2fjd.jpeg)
Metho allows you to safely 'monkey patch' any object with new capabilities and dynamic properties. Great for extending the functionality of native JS prototypes

### [201. Designing an On-Demand Video Streaming Service](https://hackernoon.com/designing-an-on-demand-video-streaming-service)
![](https://cdn.hackernoon.com/images/OAWNH2u4oMfvIQnqBHkGhGDHPN72-mfd3lsk.jpeg)
The popular implementations of an on-demand video streaming service are the following: YouTube, Netflix, Vimeo, and TikTok. The video files are stored in a mana

### [202. Intro Guide to CSS: Explore Your Box](https://hackernoon.com/intro-guide-to-css-explore-your-box-5b1e379l)
![](https://cdn.hackernoon.com/images/L2ZzoLGpt8d6cP7hjSEpZluSjt72-kfm352g.jpeg)
When I started in web development, the box model was one of the first concepts that really helped me understand what was going on. 


### [203. SwifWeb and How to Center the Div!](https://hackernoon.com/swifweb-and-how-to-center-the-div)
![](https://cdn.hackernoon.com/images/cnk75wzdkHOamvwE3F8u3w3Q3Ni1-nte35o3.jpeg)
Autolayout is a powerful tool that extends basic CSS functionality, allowing you to create complex and dynamic layouts for your SwifWeb website.

### [204. React App Configuration with TypeScript and Webpack](https://hackernoon.com/react-app-configuration-with-typescript-and-webpack-zy1q354b)
![](https://cdn.hackernoon.com/images/3nhao37bBEfHA9RTQ0WNVWfXPD02-a01k35n8.jpeg)
A step by step guide on how to create a React project from scratch, with TypeScript and Webpack.

### [205. Why Appwrite 0.8 Is A Great Open-Source Firebase Alternative](https://hackernoon.com/why-appwrite-08-is-a-great-open-source-firebase-alternative-ed2n34ns)
![](https://cdn.hackernoon.com/images/PS8hMJYbctWKb61wkjdO9AWa6fe2-fi1j34xa.jpeg)
Announcing Appwrite 0.8 with JWT authentication, ARM support, Anonymous Login, new storage capabilities and many more new features.

### [206. Creating an Accordion With Vue.js: A Step-by-Step Tutorial](https://hackernoon.com/creating-an-accordion-with-vuejs-a-step-by-step-tutorial)
![](https://cdn.hackernoon.com/images/lines-of-code-clegxqbcc000001s63hghev6o.png)
In this article, we will be creating an accordion with vue.js. It is used mostly for expandable FAQ sections in websites. 

### [207. HTTP For Beginners - Part 2: Responses](https://hackernoon.com/http-for-beginners-part-2-responses)
![](https://cdn.hackernoon.com/images/l8IjwGiKy0f84w69douv81sBfUA2-ku93m72.jpeg)
In this part of the series, I'll demonstrate generating HTTP responses from a simple Node.js Express server.

### [208. Sharing Reusable Angular Components   ](https://hackernoon.com/sharing-reusable-components-in-angular-to-build-apps-faster-h48z30s4)
![](https://cdn.hackernoon.com/images/cnb8302h.jpg)
When building Angular applications you compose the UI of your applications through shared reusable Angular components.

### [209. CSS FlexBox Cheat Sheets for Web Developers in 2021](https://hackernoon.com/css-flexbox-cheat-sheets-for-web-developers-in-2021-fx2l31op)
![](https://cdn.hackernoon.com/images/nTJ2Dz1w2afQFppCmwHO1gpaxgt2-uab31u0.jpeg)
Here's a Cheat Sheet of everything you can do with CSS flexbox to get started in 2021. Properties with every possible value included. Short-Hands are explained

### [210. How to Build Relationships With Clients: Speak Only the Language of Facts](https://hackernoon.com/how-to-build-relationships-with-clients-speak-only-the-language-of-facts)
![](https://cdn.hackernoon.com/images/M6G22rxQzLTqx37eMqcSVG1Ybvj2-e703op4.jpeg)
Tell me what you want. Or tell me how to do it. Don’t tell me both

### [211. An Introduction To The GraphQL Editor v 4.5 ](https://hackernoon.com/an-introduction-to-the-graphql-editor-v-45-9l1733su)
![](https://cdn.hackernoon.com/images/Q9Ye8lX44HeXgiNJTqa5yvn0r2H2-ch1633ou.jpeg)
GraphQL Editor new release

### [212. Building Websites Using Templates vs. Developing From Scratch](https://hackernoon.com/building-websites-using-templates-vs-developing-from-scratch)
![](https://cdn.hackernoon.com/images/MUo6MihNAVUIcUvRBbcToKZ7MKh1-o8a3igq.jpeg)
Is it true that a website template cannot provide you with excellent SEO and the freedom to modify it? Learn how a website created from a template really works.

### [213. Benefits of Admin Templates Explained](https://hackernoon.com/benefits-of-admin-templates-explained-aa3a3ysd)
![](https://cdn.hackernoon.com/images/qzv63k0h.jpg)
When your web development project requires custom, well-designed admin panel or dashboard interface, you might be still on the fence about the tech you are going to use. Should you develop it from scratch, or stick with the chosen CMS, or go for a template? Well, of course, you should go for a template! Because it’s almost always the fastest and the most cost-effective solution when you aim for extensive customization and integration of your admin panel. But don’t just take our biased word for it, read on to see for yourself.

### [214. 4 JavaScript Portfolio Projects to Help You Land a Web Developer Position](https://hackernoon.com/4-java-script-portfolio-projects-to-help-you-land-a-web-developer-position)
![](https://cdn.hackernoon.com/images/39mblVBljxZEYT1ILyGYXoPb9Mq2-1nc36zu.jpeg)
If you're starting to apply for your first web developer junior position, then you might want to consider building out one of the 4 (if not all) projects.

### [215. Bundlejs: An Online Esbuild-Based Bundler ](https://hackernoon.com/bundlejs-an-online-esbuild-based-bundler)
![](https://cdn.hackernoon.com/images/Ve6JdQOItYcauAkKDILSwLYDpLI2-uz93mpi.jpeg)
The operating manual for bundlejs.com, with tips and tricks to using bundlejs, and an explanation of how bundlejs works; esbuild-wasm, gzip/brotli compression.

### [216. GraphQL Is Not a Silver Bullet](https://hackernoon.com/graphql-is-not-a-silver-bullet)
![](https://cdn.hackernoon.com/images/g6d7uBnJu9SKvFzrtcQcdoIYCzW2-8f93pug.png)
GraphQL is not a configuration language, also not a transformation language, a replacement for SQL, and definitely not Terraform.

### [217. Adding the Material UI CSS framework to a React Application](https://hackernoon.com/adding-the-material-ui-css-framework-to-a-react-application)
![](https://cdn.hackernoon.com/images/iKaRdx2obzTbVRWs5dbTRcG8zVj1-2092hoh.jpeg)
Application example built with React and adding the Material UI CSS framework using the @mui/material library.

### [218. Static vs Dynamic Website with JAM Stack Website in Between](https://hackernoon.com/static-vs-dynamic-website-with-jam-stack-website-in-between-8a4h32u5)
![](https://cdn.hackernoon.com/drafts/q23m3y63.png)
The web has been around for a while now. I have been building websites for 20 years now and I started by building static websites. Later I worked on many dynamic websites and web applications. This post is a quick rundown on the major difference between dynamic and static websites. There are some details about the JAM (Javascript API and Markup) stack. It also has some explanation of the technologies and costs associated with each of the 3 options.

### [219. 10 Cool Angular Material Admin Dashboard Templates](https://hackernoon.com/10-cool-angular-material-admin-dashboard-templates-jn1t35b8)
![](https://cdn.hackernoon.com/images/3nhao37bBEfHA9RTQ0WNVWfXPD02-cy1035ft.jpeg)
Speaking about frameworks for making web applications, we must consider worldwide known Angular, which goes in two different versions — Angular or AngularJS.

### [220. How NOT to Secure Web Payment Systems](https://hackernoon.com/how-not-to-secure-web-payment-systems-npi435t7)
![](https://cdn.hackernoon.com/images/uuWu2jadCVYFY7WzfMFVwHvBD1l1-9qb832ci.jpeg)
How to get a Covid test for free | Bugs in covid payment systems are everywhere. This is the story of how I found one of them

### [221. The Right Way to Utilize Webpack for Bundling a HTML Page With CSS and JS](https://hackernoon.com/the-right-way-to-utilize-webpack-for-bundling-a-html-page-with-css-and-js)
![](https://cdn.hackernoon.com/images/XfDhI90yXVVZsGby00eZbp7tNvU2-ar93col.png)
The new HTML Bundler plugin makes Webpack setup incredibly simple, as all the configuration happens in one place. 

### [222. Building a Basic Salesforce Mobile App with Lightning App Builder](https://hackernoon.com/building-a-basic-salesforce-mobile-app-with-lightning-app-builder)
![](https://cdn.hackernoon.com/images/cINIFbqqBHP6eJ0PSVZp9TroFeI3-5u93y68.jpeg)
Build a new app in a matter of minutes? Check out this mobile application created using the Salesforce Lightning App Builder.

### [223. How I Successfully Ended My One Week Job Hunt](https://hackernoon.com/how-i-successfully-ended-my-one-week-job-hunt)
![](https://cdn.hackernoon.com/images/uiOb0Rkt9yS93a8NdRiv1MqQRh92-ld637ii.jpeg)
After spending months studying front end development (HTML, CSS, JavaScript, React, and Git), and weeks building my portfolio, I landed a job in one week!

### [224. Rails Security: Eliminating CSRF and XSS Vulnerabilities](https://hackernoon.com/rails-security-eliminating-csrf-and-xss-vulnerabilities-e84g328r)
![](images/5m3v3yd5.jpg)
“…3,813 breaches were reported through June 30, 2019,
exposing over 4.1 billion records. Compared to the midyear of 2018, the number of reported breaches was up 54% and the number of exposed records was up 52%”. - Source, RiskBasedSecurity

### [225. Coinbase Cloud Node & NFT APIs](https://hackernoon.com/coinbase-cloud-node-and-nft-apis)
![](https://cdn.hackernoon.com/images/cINIFbqqBHP6eJ0PSVZp9TroFeI3-0x93zfg.jpeg)
Building upon his last publication, John Vester dives even deeper into Web3 by leveraging new tech by Coinbase Cloud to create a more functional dapp.

### [226. Using Redis Streams with NestJS: Part 3 - Consumer groups](https://hackernoon.com/using-redis-streams-with-nestjs-part-3-consumer-groups)
![](https://cdn.hackernoon.com/images/CgB3JUoAMba0EfivxJcY6vlIFNU2-7f93pyx.png)
This is part 3 of a 3-part series, where we will explore how to use Redis streams with NestJS.

### [227. Using Redis Streams with NestJS: Part 2 - Reading from Stream](https://hackernoon.com/using-redis-streams-with-nestjs-part-2-reading-from-stream)
![](https://cdn.hackernoon.com/images/CgB3JUoAMba0EfivxJcY6vlIFNU2-pkc3p57.png)
This is part 2 of a 3-part series, where we will explore how to use Redis streams with NestJS.

### [228. How To Build a Table With Sticky Headers in Pure CSS](https://hackernoon.com/how-to-build-a-table-with-sticky-headers-in-pure-css-pc19313h)
![](https://cdn.hackernoon.com/images/4qzOWT5DeLPh3BnxwuF5cUyAwzs2-2kg31oz.png)
While creating user interfaces, we often encounter the problem that there is more data in our tables than can be fitted in the visible viewport. To achieve an excellent user experience on components like Gannt charts, data tables and spreadsheets, we often use the sticky CSS property on the header elements. This is a simple task when doing it only on one edge of the table.

### [229. Generating 2FA One-Time Passwords in JS Using Web Crypto API](https://hackernoon.com/generating-2fa-one-time-passwords-in-js-using-web-crypto-api-zc3493r8c)
![](https://cdn.hackernoon.com/drafts/5uk3rlc.png)
Introduction

### [230. The Fine Balance Between Internal Product Vs. Customer-Facing - Tales From a Software Engineer](https://hackernoon.com/the-fine-balance-between-internal-product-vs-customer-facing-tales-from-a-software-engineer-fm3p314v)
![](https://cdn.hackernoon.com/images/JeJLJhOGw1UlLLa7yUZkQm6W5fp1-y26k31vj.jpeg)
Get the inside outs of working as a software engineer on internal products
 vs customer-facing application for e-commerce companies in this 1950+ word post.

### [231. The Difference Between Backend, Frontend, Full-stack and Super stack Development](https://hackernoon.com/the-difference-between-backend-frontend-full-stack-and-super-stack-development-da2t37c7)
![](https://cdn.hackernoon.com/drafts/zzi3382.png)
I looked at archive.org and found a website I put live in 2001, which means I have been writing some code for 20 years. Of course, I am not going to give a link to that website still it will be safe to mention 20 years back in Kathmandu when people didn’t have an email I had built websites. I uploaded it over a 33.8k modem with a dial-up connection. Kids these days will not even know the sound of that modem (yes I am old).

### [232. jQuery vs JavaScript: Why We Decide to Remove jQuery From Our Templates](https://hackernoon.com/jquery-vs-javascript-why-we-removed-jquery-from-our-templates-drs3nmm)
![](https://cdn.hackernoon.com/drafts/id2p3ngp.png)
We at Flatlogic create top Vue, Angular and React admin templates for businesses to manage, analyze and visualize their data and one of the best React Native mobile templates  

### [233. Is Web 3.0 The FUTURE or Just a MARKETING Ploy? ](https://hackernoon.com/is-web-30-the-future-or-just-a-marketing-ploy)
![](https://cdn.hackernoon.com/images/j6e4LqlhYQfLjS05BOXq2Sa9yng1-go93lrl.jpeg)
Criticisms or not, web3 existence remains valid as it has some edges over web2. Find out the reasons for this claim!

### [234. Load Testing Using Vegeta: Rapid Step by Step Guide](https://hackernoon.com/load-testing-using-vegeta-rapid-step-by-step-guide-qi3431ot)
![](https://firebasestorage.googleapis.com/v0/b/hackernoon-app.appspot.com/o/images%2FJeJLJhOGw1UlLLa7yUZkQm6W5fp1-yis3wzc.jpeg?alt=media&token=930856a3-1c02-4deb-a53d-696ffcfa0c43)
Load testing is an important part of releasing a reliable API or application. Vegeta load testing will give you the confidence that the application will work well under a defined load. In this post, we will discuss how to use Vegeta for your load testing needs with some GET request examples. As it is just a go binary it is much easier to set up and use than you think, let's get started.


### [235. Introduction to Strapi : Headless CMS for Building Web Applications](https://hackernoon.com/introduction-to-strapi-headless-cms-for-building-web-applications-0v2o31cm)
![](https://cdn.hackernoon.com/images/bqq1vavQnKeXAOodyo8V8H52q8G2-qu8350k.jpeg)
Strapi is an open-source Headless CMS that gives developers the freedom to choose their favorite tools and frameworks.

### [236. Static Website Generators: Brief Introduction](https://hackernoon.com/a-brief-introduction-into-static-site-generators-gn8228v3)
![](https://cdn.hackernoon.com/images/kb1yl28cz.jpg)
Even in 2020 many developers are used to spinning up a WordPress (or similar software) for content websites. Until recently I've been one of these developers. I was willing to develop a website using technology to get done what I could get done without. My choice of framework wouldn't have been WordPress, but at the end the result is the same: building a system to deliver what a static publishing software could have handled easily. In many cases it simply isn't worth the effort to set up, configure and maintain a fully fledged content management system and store content in a database.

### [237. The Lessons We Learned From Moving to Recoil.js  ](https://hackernoon.com/the-lessons-we-learned-from-moving-to-recoiljs)
![](https://cdn.hackernoon.com/images/QNyLqFXGvYRXJI4JG991mDDnbcC2-zja3osk.jpeg)
The many tips and tricks that we learned when we switched to Recoil.js and how the change affected how we handled React state management for our product 

### [238. What We've Learnt From 3000 Bug Reports](https://hackernoon.com/what-weve-learnt-from-3000-bug-reports-nxp3ohv)
![](https://cdn.hackernoon.com/images/bs1r3oee.jpg)
When do people report bugs? You probably never asked yourself that question, which was one of the reasons we wanted to answer it. The second reason was that we had the right type of data available, since our tool helps teams report and fix bugs. Long story short, we decided to learn more about the way software development teams approach the bug reporting process. For that exercise we've taken a random sample of 3000 bug recordings uploaded to our database in the last 2 months. Here's what we found.


### [239. Step by Step Guide to Create 3 Different Types of Loading Screens in React](https://hackernoon.com/step-by-step-guide-to-create-3-different-types-of-loading-screens-in-react-lu2633nd)
![](https://hackernoon.com/images/541r0RExUOQ3nFAQs7oJuST9Axf2-g6aq337h.jpeg)
Here I will show you 3 ways to create cool loading screen or preloader in React.  

### [240. .NET vs Node.js](https://hackernoon.com/net-vs-nodejs-tw6d2gur)
![](https://cdn.hackernoon.com/drafts/he7z2gk1.png)
The Contenders

### [241. How to Use Swift for Web Development](https://hackernoon.com/how-to-use-swift-for-web-development)
![](https://cdn.hackernoon.com/images/cnk75wzdkHOamvwE3F8u3w3Q3Ni1-q9d35yp.jpeg)
In this article I'll introduce you the web technology that I created myself which can compete with the most popular web frameworks like Angular, React, an Vue!

### [242. Micro-Frontends in 2023: The Complete Guide](https://hackernoon.com/micro-frontends-in-2023-the-complete-guide)
![](https://cdn.hackernoon.com/images/K19Ut5KCZFSiuWGZtFpWBYbdXH53-gw93ooj.jpeg)
The Micro Frontend style of architecture design does for the frontend of an application what microservices do for the backend.

### [243. Flexbox VS Grid: This is Why You Should Be Using Both](https://hackernoon.com/flexbox-vs-grid-this-is-why-you-should-be-using-both-p33a18pm)
![](https://cdn.hackernoon.com/images/9xrr184t.jpg)
There was a time that positioning elements with CSS could be a real hassle, depending on what was needed to do.

### [244. How does your code sound?](https://hackernoon.com/how-does-your-code-sound-em45338j)
![](https://cdn.hackernoon.com/images/f1763803.jpg)
As a developer, I love listening to music while coding. The orchestral music allows me to focus more on what I do. And one day I noticed my fingers dance on the keyboard by the music rhythm. Like playing the piano. Every word or symbol in the code was written with harmony. And then I thought... how it could sound... The code I write every day?

### [245. Five Important Tips For Working With JWTs](https://hackernoon.com/five-key-learnings-from-working-with-jwts-mr153wgc)
![](https://firebasestorage.googleapis.com/v0/b/hackernoon-app.appspot.com/o/images%2FN0ENUd29UdNJCFcl7GnmZHdk2fA2-og1h3e7z.jpeg?alt=media&token=9bc31e74-28e5-4acc-a37a-1a0d569aa04d)
Nowadays, JSON Web Tokens are the most common way of proving identity information to APIs. The concepts behind JWTs are also quite easy to understand, and it takes only a couple of minutes to have the most basic authentication running. 

### [246. Managing NPM Dependency as A Professional](https://hackernoon.com/managing-npm-dependency-as-a-professional-ktz31jk)
![](https://firebasestorage.googleapis.com/v0/b/hackernoon-app.appspot.com/o/images%2FDBmwq0SteFQHHX3MAHWlSX4NC1X2-wk4030c1.jpeg?alt=media&token=f1d349be-4c50-45ec-aef7-2e4487cf9175)
Why do we talk about project quality and technical debt so much? Because this directly or indirectly affects the speed of development, the complexity of support, the time to implement new functionality, and the possibility of extending the current one.

### [247. Ten Reasons You Should Remove Google Analytics From Your Site, and I'm Building a Competitor](https://hackernoon.com/ten-reasons-you-should-remove-google-analytics-from-your-site-and-im-building-a-competitor-tfcx3zs9)
![](https://cdn.hackernoon.com/images/n01023l3.jpg)
I'm working on a leaner and more transparent alternative to Google Analytics without all the privacy baggage. It's called Plausible Analytics and you can see the live demo here.

### [248. Validating a User Phone Number With SMS on Auth0 Using ZENVIA](https://hackernoon.com/validating-a-user-phone-number-with-sms-on-auth0-using-zenvia)
![](https://cdn.hackernoon.com/images/iKaRdx2obzTbVRWs5dbTRcG8zVj1-ay92pmh.jpeg)
Application example using Angular where a simple WEB application will be implemented to validate the user phone by SMS in the authentication.

### [249. Build a Production Ready Restaurant Website with Next.js 12 and Cosmic](https://hackernoon.com/build-a-production-ready-restaurant-website-with-nextjs-12-and-cosmic)
![](https://cdn.hackernoon.com/images/Jxe9yCMk4BW1cZd1hs3AlUhayZv1-z793lsi.jpeg)
How you can use Next.js and Cosmic to create special web pages such as restaurant websites that include restaurant menus that have many images and animations.

### [250. MomentJS Tutorial -The Ultimate Guide to Moment.JS](https://hackernoon.com/momentjs-tutorial-the-ultimate-guide-to-momentjs)
![](https://cdn.hackernoon.com/images/QUCwfIDJx7PKhBu03In0tMSPA7K2-ug037jt.jpeg)
Moment.js tutorial shows how to work with data and time in JavaScript with the Moment.js module.

### [251. Top 7 Dark-Themed Admin Templates For Your Next Project](https://hackernoon.com/top-7-dark-themed-admin-templates-for-your-next-project-we193u6i)
![](https://firebasestorage.googleapis.com/v0/b/hackernoon-app.appspot.com/o/images%2FMJpFVUEItkSdoh38rYo60VT7RfH3-kko4vgi.jpeg?alt=media&token=6238f933-67ce-4a47-a801-b8a63c70b02c)
If you don’t have any definite preferences in design, you should try dark colors, because dark themes look so stylish and become more and more popular. That is why we decided to find the most amazing React, Angular and Vue admin templates with dark themes. If you ever googled admin templates then you probably know that there are tons of them and that is fine to be on the fence about which one to choose. If you are not sure whether to use admin dashboards templates or not you can read the article about the benefits of admin templates. The incorrect choice of an admin template may lead to a giant waste of time and money – so it’s the decision you should think about for a while. 

### [252. Watching the Requests Go By: Reconstructing an API Spec with APIClarity](https://hackernoon.com/watching-the-requests-go-by-reconstructing-an-api-spec-with-apiclarity)
![](https://cdn.hackernoon.com/images/ZXvwWhuaiAY0BoWkm8U7fJ1XTLI2-e00362t.jpeg)
In this post, we’re going to look at what API reconstruction is and how APIClarity solves the API observability problem.

### [253. Building a Minimum Viable PWA [A Step by Step Guide]](https://hackernoon.com/building-a-minimum-viable-pwa-a-step-by-step-guide-wx6y37w9)
![](https://cdn.hackernoon.com/images/vm1c39v1.jpg)
Introduction

### [254. How to Become a Successful Web Developer in 2021](https://hackernoon.com/how-to-become-a-successful-web-developer-in-2021-yx1a3wl4)
![](https://firebasestorage.googleapis.com/v0/b/hackernoon-app.appspot.com/o/images%2F3nhao37bBEfHA9RTQ0WNVWfXPD02-grq3wdk.jpeg?alt=media&token=298537f8-7c1c-4d89-9754-d1327de7f81e)
Alright then, so you have decided your path. You want to become a web developer this year.

### [255. How to Build an eCars App on Heroku and Salesforce (Part 4)](https://hackernoon.com/how-to-build-an-ecars-app-on-heroku-and-salesforce-part-4-nt31313n)
![](https://cdn.hackernoon.com/images/MJpFVUEItkSdoh38rYo60VT7RfH3-iz22310a.jpeg)
In these articles, we’re focusing on how to combine Salesforce with Heroku to build an “eCars” app—a sales and service application for a fictitious company

### [256. Incident Management Best Practices: 2021 Edition](https://hackernoon.com/incident-management-best-practices-2021-edition-n81z31l1)
![](https://cdn.hackernoon.com/images/3nhao37bBEfHA9RTQ0WNVWfXPD02-eo1r31yv.jpeg)
Covering the basics

### [257. How To Use Command Line](https://hackernoon.com/how-to-use-command-line-pra63y0z)
![](https://cdn.hackernoon.com/drafts/vs13n3y27.png)
💻 Command Line:

### [258. Understanding The RxJS Autorun Process](https://hackernoon.com/understanding-the-rxjs-autorun-process-itf3whw)
![](https://firebasestorage.googleapis.com/v0/b/hackernoon-app.appspot.com/o/images%2F7wOnKDDXTVhdcJdZQKiEUll6gnC3-45173w55.png?alt=media&token=7d255589-b7e9-46e1-b5aa-8d333e1e6555)
Hey, RxJS streamers! 🙋‍♂️

### [259. How To Score A Perfect 100 Google Lighthouse Score in Chrome Dev Tools](https://hackernoon.com/how-to-score-a-perfect-100-google-lighthouse-score-in-chrome-dev-tools-8v4833dx)
![](https://cdn.hackernoon.com/images/m1JWnUaHzSX3LPHoHfOainoiYvq2-9g3z3f0t.jpeg)
This is How I Built My Portfolio Site and personal blog using React and NextJS, and how it achieved a Perfect Lighthouse Score. I rundown all the fudamental iss

### [260. An Essential Guide to Angular User Login and Registration (Cookies and JWT)](https://hackernoon.com/an-essential-guide-to-angular-user-login-and-registration-cookies-and-jwt-ge3437p1)
![](https://cdn.hackernoon.com/images/xIKD4gy2B8QvR2LfxJEsKQU3u1R2-pp4z3kdc.jpeg)
In this guide, we will design and implement a complete solution for user authentication including user login, registration, and account confirmation.

### [261. Journey to Become a Web Developer From Scratch [Step-by-Step Guide]](https://hackernoon.com/journey-to-become-a-web-developer-guide-5j3i32ox)
![](https://cdn.hackernoon.com/drafts/vu3632hr.png)
Before getting in, let’s discuss about objectives.

### [262. How to Create a Google Chrome Extension: Image Grabber](https://hackernoon.com/how-to-create-a-google-chrome-extension-image-grabber)
![](https://cdn.hackernoon.com/images/xB1fZ7i6v7a3uD2Vj1Ss6u95Tsd2-g7a2qzz.jpeg)
Create Google Chrome extension from scratch

### [263. Authentication using the Amazon Cognito to an Angular application](https://hackernoon.com/authentication-using-the-amazon-cognito-to-an-angular-application)
![](https://cdn.hackernoon.com/images/iKaRdx2obzTbVRWs5dbTRcG8zVj1-ys92ksy.jpeg)
Application example built with Angular 14 with authentication using the Amazon Cognito service.

### [264. An Introductory Guide to Tailwind and React: Setup and Design Patterns](https://hackernoon.com/an-introductory-guide-to-tailwind-and-react-setup-and-design-patterns-cm2r3wef)
![](https://firebasestorage.googleapis.com/v0/b/hackernoon-app.appspot.com/o/images%2F6F2DaTghHNTrDwol2kSU9hUSXOG3-nr213wq7.jpeg?alt=media&token=c4ab4a9c-d13c-4f9d-b111-60c168977510)
You've probably heard of Tailwind by now, but if you haven't, it is essentially a utility-first CSS framework and is much less opinionated compared to other CSS frameworks like Bootstrap and Foundation. 

### [265. Javascript: The Most Complex Language ](https://hackernoon.com/javascript-the-most-complex-language-for-me-k1e53ymu)
![](https://images.unsplash.com/photo-1485856407642-7f9ba0268b51?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=1080&fit=max&ixid=eyJhcHBfaWQiOjEwMDk2Mn0)
For me this is one of the strangest things I did in my life, talk to you about what is it for me one of the most complex languages that I have worked with. Javascript is something really strange when you compare it with other languages.

### [266. Trends We Are Watching: API Democratization and API Management](https://hackernoon.com/trends-we-are-watching-api-democratization-and-api-management)
![](https://cdn.hackernoon.com/images/ZXvwWhuaiAY0BoWkm8U7fJ1XTLI2-yl93ruw.jpeg)
If you’re a developer of any type of modern application, then you’re likely more than just familiar with APIs—you’re probably a power user.

### [267. Managing Django Media & Static Files on Heroku with Bucketeer](https://hackernoon.com/managing-django-media-and-static-files-on-heroku-with-bucketeer)
![](https://cdn.hackernoon.com/images/KLWopdD8nMNFrlEbvhSNqn6YAW72-qm92me5.jpeg)
Prepare your Heroku-deployed Django application to be closer to production-ready by implementing public & private storage backends for media & static files.

### [268. State Management in SolidJS Applications](https://hackernoon.com/state-management-in-solidjs-applications)
![](https://cdn.hackernoon.com/images/HMfDlkGVkoMk0WzhOX2zil9gTLj1-qt93z3u.jpeg)
State management for SolidJS applications with signals and stores. Do you need a state library like Redux or MobX for your SolidJS app?

### [269. Destructuring in Javascript](https://hackernoon.com/destructuring-in-javascript-7lm3t1r)
![](https://firebasestorage.googleapis.com/v0/b/hackernoon-app.appspot.com/o/images%2FQabgMGCvjmY1fg3TSQtFH14qcG22-w02y3wp3.jpeg?alt=media&token=12efa548-8d2a-4ddb-b080-c14c5485fd8e)
Destructuring is a very simple concept in javascript, it allows you to pull out some variables from object/array, but it has a lot of features. Here are some cool things you can do with it!

### [270. 8 Great Material Admin Dashboards To Use In Your Project](https://hackernoon.com/8-great-material-admin-dashboards-to-use-in-your-project-vh1j3u62)
![](https://firebasestorage.googleapis.com/v0/b/hackernoon-app.appspot.com/o/images%2F3nhao37bBEfHA9RTQ0WNVWfXPD02-ec73ub1.jpeg?alt=media&token=82c7a4bd-72fe-47c4-830b-0844a72105d0)
Looking through the admin template market you can easily conclude that this market is saturated. It’s observed in the number of templates, the amount of developers and (what is of the most important) a bunch of articles of «Best templates …(and here year, description or whatever goes)». And the amount of template becomes bigger and bigger every year. After reading several articles you may find out that to remember the name of the template you have liked is not (just believe us, really “not”) an easy task (of course, if you keep a template page in a browser tab it’s much easier, but don’t forget that RAM is limited and your browser may already keep 40+ tabs). 

### [271. Creating Beautiful Documentation Website For Your JavaScript Project](https://hackernoon.com/creating-beautiful-documentation-website-for-your-javascript-project-ic1c3ukj)
![](https://firebasestorage.googleapis.com/v0/b/hackernoon-app.appspot.com/o/images%2FMJpFVUEItkSdoh38rYo60VT7RfH3-121q4vz6.jpeg?alt=media&token=f0c7f767-8d9d-4d4d-b2ca-d088af5a2705)
Nowadays, as a webdeveloper, you rarely build anything from scratch: your daily job mostly consists of integrating various Javascript libraries together. If you are building a web app you are most likely going to use some framework like React, Vue or Angular for your front-end. To transmit and manage the data you will be using Redux or GraphQL. For the backend, there will be Express and probably Loopback. Then you need to cover everything with tests, so Jest, Mocha or Jasmine must be present too. Finally, there will be UI frameworks like Bootstrap and maybe some charting tools. I have already counted at least 7 core libraries and all of these are in a single project! And what about underlying technologies like Javascript itself, Node.js and, probably, Typescript? Well, that’s a lot!

### [272. HTTP For Beginners - Part 1: Definitions](https://hackernoon.com/a-beginners-guide-to-http-part-1-definitions)
![](https://cdn.hackernoon.com/images/l8IjwGiKy0f84w69douv81sBfUA2-0c93mpz.jpeg)
In this article, I'll cover HTTP terms, tools, and the structure of HTTP messages. 

### [273. 🎉 Deno: 1.0: A Review of Features [We're Going Live]](https://hackernoon.com/deno-10-a-review-of-features-were-going-live-ri8030ql)
![](https://cdn.hackernoon.com/images/tp3zn3yfn.jpg)
🤠 Introduction

### [274. 20+ Bootstrap 4 Template for 2020](https://hackernoon.com/20-bootstrap-4-template-for-2020-s14h3v3y)
![](https://cdn.hackernoon.com/images/86u3vf6.jpg)
Bootstrap is an open-source platform and most popular front-end tool for web designing and web development. It’s built using HTML, CSS and JavaScript. Using bootstrap, it is easy to create a responsive and highly customized website. For developing you don’t need to work from scratch. Use the ready-to-use template and save the cost and time of developing website. There are many free and paid templates available in the market to create a website.

### [275. A Step by Step Guide to Creating a Multi-step Form](https://hackernoon.com/a-step-by-step-guide-to-creating-a-multi-step-form-lu593aow)
![](https://cdn.hackernoon.com/drafts/lm1gv3h6u.png)
Recently I wanted to add a multi-step form to my site. Since my site runs on Hexo, a static page generator, I had some doubts about how to execute this task. I already had a static form on my site, and I didn’t want to spend too much time on the development of features like steps, show/hide logic or validation.

### [276. How to Create a Google Chrome Extension Part 2: Image Grabber](https://hackernoon.com/how-to-create-a-google-chrome-extension-part-2-image-grabber)
![](https://cdn.hackernoon.com/images/xB1fZ7i6v7a3uD2Vj1Ss6u95Tsd2-wm92q6q.jpeg)
How to Create Google Chrome Extension Part 2

### [277. Digital Products - 10 Ways Developers Make Money Working from Home - E04](https://hackernoon.com/digital-products-10-ways-developers-make-money-working-from-home-e04)
![](https://cdn.hackernoon.com/images/fj8FHln2Scamz90TJyA5Rkvgx2x1-vx03axg.jpeg)
create courses and make money

### [278. SPA Tracking & Monitoring: How to Build Better Single-Page Applications With Real User Monitoring](https://hackernoon.com/spa-tracking-and-monitoring-how-to-build-better-single-page-applications-with-real-user-monitoring-z6kv34yk)
![](https://cdn.hackernoon.com/drafts/071u234l6.png)
Did you know roughly half of the users that visit your website leave if it takes more than 3 seconds to load? Optimizing your website or webapp for stellar performance is always a crucial goal for any software-based business.

### [279. Solid Tips On How Get Better At Responsive Web Design](https://hackernoon.com/solid-tips-on-how-get-better-at-responsive-web-design-kmj3wvn)
![](https://firebasestorage.googleapis.com/v0/b/hackernoon-app.appspot.com/o/images%2Fs6UbzE7nwfPS3bLT9dBPqMDbe9t2-une351z.jpeg?alt=media&token=f5c14f91-d0e2-412c-90bd-f80fb9918d42)
Better Responsive Web Design, A Structured Approach

### [280. Best Online Code Editors To Use In 2022🚀](https://hackernoon.com/best-online-code-editors-to-use-in-2021-8p1q327n)
![](https://cdn.hackernoon.com/images/bFFEe4dIUoXgbouiLfgW9PI9b8q1-4m1h35m1.jpeg)
Are you looking for the Best Online Code editors? Here is the collection of Best Online Code Editors For Web Developers.

### [281. 10 UI Elements Web Developers Should Know About](https://hackernoon.com/10-ui-elements-web-developers-should-know-about-n1q3t3z)
![](https://firebasestorage.googleapis.com/v0/b/hackernoon-app.appspot.com/o/images%2F3nhao37bBEfHA9RTQ0WNVWfXPD02-7zn3t8b.jpeg?alt=media&token=ebe1db4a-e679-4c47-8941-e40acd5220b7)
For web developers, it’s crucial to have a deep understanding of UI elements and how users interact with them. UI elements lay at the heart of web development and act as a common design language between web developers.

### [282. Connecting React 17, TypeScript, Tailwind CSS, NextJS Into Developers Friendly Application](https://hackernoon.com/connecting-react-17-typescript-tailwind-css-nextjs-into-developers-friendly-application-cj283wpv)
![](https://firebasestorage.googleapis.com/v0/b/hackernoon-app.appspot.com/o/images%2FWvW28jEl4jUjfwJehRmZlkXmrQw2-7x5030lw.png?alt=media&token=8365cabe-bae3-4af9-94b1-3b7d4264a16f)
NextJS is becoming a de facto framework for modern web development. In this article we will build a starter repo that you can use for every new project.

### [283. How to Build a Hamburger Menu in ReactJS via Styled-Components](https://hackernoon.com/how-to-build-a-hamburger-menu-in-reactjs-via-styled-components-2h2y316j)
![](https://cdn.hackernoon.com/images/541r0RExUOQ3nFAQs7oJuST9Axf2-6m5i31qd.jpeg)
Build Hamburger Menu in ReactJS. Using this method you can create different types of Hamburger Menu. How to build Hamburger Menu?

### [284. Building React Applications with Deno and AlephJS](https://hackernoon.com/building-react-applications-with-deno-and-alephjs-3m16342n)
![](https://cdn.hackernoon.com/images/YuHQ8Lhn2IT1way5nhFige44Oky1-bhe2b3m.gif)
"Can I build something as complex as a NextJS or Create-React-App (CRA) application using Deno?"

### [285. Introduction to IDaaS and its Applications ](https://hackernoon.com/introduction-to-idaas-and-its-applications-evv31uc)
![](https://cdn.hackernoon.com/images/ZkfENnt2LdcfkiwMm6iukaGEHnB3-tpb358h.jpeg)
If you're reading this article, you might be interested to learn how to implement user management for your application, understanding the complete picture of how identity management services work. That's what we'll do in this article. You'll learn what is Identity as a Service (IDaaS), why to use such a service, what is Single Sign-On (SSO), and IDaaS platforms.

### [286. Leveraging Salesforce Using a Client Written In Vue.js](https://hackernoon.com/leveraging-salesforce-using-a-client-written-in-vuejs)
![](https://cdn.hackernoon.com/images/cINIFbqqBHP6eJ0PSVZp9TroFeI3-1e036qp.jpeg)
John Vester introduces a Vue.js client application to read data from Salesforce and process SSE-based events via SSE implementation.

### [287. Build and Deploy a Blazor App Without Touching a Windows Machine](https://hackernoon.com/build-and-deploy-a-blazor-app-without-touching-a-windows-machine-oxp22fj)
![](https://cdn.hackernoon.com/drafts/prg327t.png)
Do you want to try out Blazor, but you're not a Windows person? Strictly a Linux developer? You're in luck. One of the goals of .NET Core is to be cross-platform, so today we'll see just how "cross-platform" it really is with Blazor, Microsoft's hot new front end development project.

### [288. 🤩 24 Coolest VSCode Extensions That Will Rock Your World 🛠](https://hackernoon.com/24-coolest-vscode-extensions-that-will-rock-your-world-xpi3t0j)
![](https://firebasestorage.googleapis.com/v0/b/hackernoon-app.appspot.com/o/images%2FbFFEe4dIUoXgbouiLfgW9PI9b8q1-esx3tue.jpeg?alt=media&token=f0a7f0dd-0095-4eef-9276-d253df149f49)
Are you looking for the amazing VS Code extensions for your web app? Then Here is the amazing collection of the best vs code extensions of 2020.

### [289. Meet Solid: A Lightweight JavaScript UI Library that is Gaining in Popularity](https://hackernoon.com/meet-solid-a-lightweight-javascript-ui-library-that-is-gaining-in-popularity)
![](https://cdn.hackernoon.com/images/HMfDlkGVkoMk0WzhOX2zil9gTLj1-q3i335f.jpeg)
SolidJS uses fine-grained reactivity and avoids Virtual DOM but retains much of React's programming model with JSX, unidirectional flow, immutable interfaces...

### [290. React Introduction](https://hackernoon.com/react-introduction-en1333bo)
![](https://cdn.hackernoon.com/images/3nhao37bBEfHA9RTQ0WNVWfXPD02-dsz33yw.jpeg)
React happens to be the most popular JavaScript framework sourced from Stack Overflow Developer Survey (2020). It is the best alternative to two other popular JavaScript frameworks, Angular and Vue. They all allow you to create fast apps in the browser.

### [291. Understanding Web Standard - Shadow DOM and Custom HTML Elements](https://hackernoon.com/understanding-web-standard-shadow-dom-and-custom-html-elements-321f3422)
![](https://cdn.hackernoon.com/images/nTMgodFHH4evRjSdNFNz3dacaM23-vq4l357s.jpeg)
Getting Familiar with New Web Standards

### [292. How to Build Progressive Web Apps with Lightning Web Components [Part 2]](https://hackernoon.com/how-to-build-progressive-web-apps-with-lightning-web-components-part-2-6j1y34ev)
![](https://cdn.hackernoon.com/images/nTMgodFHH4evRjSdNFNz3dacaM23-u51f35vt.jpeg)
Earlier this year, a post came out on the Salesforce Developers Blog, entitled “How to Build Progressive Web Apps with Offline Support using Lightning Web Components.” During the post's discussion about using Lightning Web Components (LWC) to build progressive web apps, it mentioned push notifications. My interest was piqued. How simple would it be to use LWC to build an app for push notifications? It turns out — really simple.

### [293. Hacktoberfest 2019: How you can get your FREE Shirt — even if you’re new to coding](https://hackernoon.com/hacktoberfest-2019-how-you-can-get-your-free-shirt-even-if-youre-new-to-coding-nb1o2wpm)
![](https://cdn.hackernoon.com/drafts/hyp32ub.png)
Every October, Digital Ocean and GitHub ship out free Hacktoberfest shirts to thousands of people around the world.

### [294. Top 10 Programming Languages To Learn in 2022](https://hackernoon.com/top-10-programming-languages-to-learn-in-2021-d8h3156)
![](https://hackernoon.com/images/3nhao37bBEfHA9RTQ0WNVWfXPD02-ga1831b2.jpeg)
The craze for learning programming languages is very high. These days people have one question in their mind and that is which programming language should one prefer in 20201 and why? 

### [295. Review of 12 Online Code Editors for Web Developers](https://hackernoon.com/review-of-12-online-code-editors-for-web-developers-xq83336g)
![](https://cdn.hackernoon.com/images/vs58yHu80FMCBlLC590ASRmc8Hl1-wq1233xt.jpeg)
Some online code editors have basic features similar to text editors while others complete Integrated Development Environments (IDEs). We review both.

### [296. 14 Top Node.js Open Source Projects: 2021 Edition](https://hackernoon.com/14-top-nodejs-open-source-projects-2021-edition-q22p339c)
![](https://cdn.hackernoon.com/images/3nhao37bBEfHA9RTQ0WNVWfXPD02-dxi33l2.jpeg)
Note that under open source projects we assume the following:

### [297. The A-Z of Web Scraping in 2020 [A How-To Guide]](https://hackernoon.com/the-a-z-of-web-scraping-in-2020-a-how-to-guide-sg263y8d)
![](https://images.unsplash.com/photo-1577566091746-1f285479dfc3?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=1080&fit=max&ixid=eyJhcHBfaWQiOjEwMDk2Mn0)
Web data extraction or web scraping in 2020 is the only way to get desired data if owners of a web site don't grant access to their users through API.

### [298. ReactJS Pagination Tutorial: Building from Scratch](https://hackernoon.com/reactjs-pagination-tutorial-building-from-scratch-video-tr4g316w)
![](https://hackernoon.com/images/541r0RExUOQ3nFAQs7oJuST9Axf2-mg9p317b.jpeg)
Create pagination component from scratch in ReactJS. Pagination component are of two types, one loads items vertically and one display items with page numbers 

### [299. How can Self-Healing AI Help a Web Test Automation Developer?](https://hackernoon.com/how-can-self-healing-ai-help-a-web-test-automation-developer-gac3tr4)
![](https://firebasestorage.googleapis.com/v0/b/hackernoon-app.appspot.com/o/images%2Fcde3BZuCoRQKREBn8r9HFyiTjjJ2-bri3tjb.jpeg?alt=media&token=2cd1bd98-5f27-46d2-8b61-c76a2317e2d1)
I have been working in the automation field for more than a decade, and have seen automation tools evolve in unique ways. During the earlier years, when AI technologies weren’t prevalent, I remember how our automation team faced particular and unavoidable challenges which we, at that time, thought were some of the trickiest to resolve from our end. But we accepted it as just a part of daily life in the automation world and adapted to it. 

### [300. How to Build Your Own Booking Platform with Velo](https://hackernoon.com/how-to-build-your-own-booking-platform-with-velo-7p3r37l4)
![](https://cdn.hackernoon.com/images/GzsIenWpOdRoSwQSsjkboHAUl0p2-r61tp37vy.jpeg)
In this article I develop a way to bypass wixBookings and build my own custom bookings platform. 

### [301. Top Mistakes JavaScript Developers Make](https://hackernoon.com/top-mistakes-javascript-developers-make-294q39ef)
![](https://cdn.hackernoon.com/images/ZAlXEyfPKLbLU1vNVOx7As2FeRz1-rh1c39nj.jpeg)
This article will show you some typical mistakes that almost every Javascript programmer has made during his career.

### [302. How to Build a SMS Surveys App with Twilio, Airtable and Standard Library](https://hackernoon.com/build-an-app-to-send-sms-surveys-with-twilio-airtable-on-standard-library-8ico3xuy)
![](https://cdn.hackernoon.com/drafts/mp2a3z6h.png)
We live in an era of collaboration and teamwork. Meaning that even the most straightforward task in this day and age (think ordering lunch, for example) is often brought before a committee vote. Thankfully, ours is also an era of great technological achievement, and there is perhaps no better way to arrive at a consensus than through the use of polling and surveys. Today we are going to see how we can use Build on Standard Library to deploy a quick and easy-to-use polling app that uses your Twilio number to dispatch SMS messages to your group, and then logs their replies in one convenient Airtable Base.

### [303. Webix Datatable. From a simple table to a complex solution](https://hackernoon.com/presenting-data-with-the-webix-datatable-yy4132zn)
![](https://cdn.hackernoon.com/images/V9YyIjSNWnMHBlBO4TSj5cPSIBj2-b9k359i.jpeg)
The DataTable widget is a simple and at the same time powerful solution of the Webix UI library.  

### [304. How to Become a Front-End Developer: Skills, Resources, and Career Roadmap ](https://hackernoon.com/how-to-become-a-front-end-developer-skills-resources-and-career-roadmap-50203w06)
![](https://firebasestorage.googleapis.com/v0/b/hackernoon-app.appspot.com/o/images%2FbFFEe4dIUoXgbouiLfgW9PI9b8q1-kvd3w3o.jpeg?alt=media&token=440e423d-cf2e-43ca-9cc7-a9863ad76942)
Are you a starting front end developer's journey? Then this roadmap is for you. You'll get to know all the essential aspects and steps required for frontend web developer.🤩

### [305. 110% Complete JWT Authentication with Django & React - 2020](https://hackernoon.com/110percent-complete-jwt-authentication-with-django-and-react-2020-tiq3bhj)
![](https://cdn.hackernoon.com/drafts/1gn2er5.png)
ReactJS is a fantastic frontend framework, and Django is a fantastic backend framework. However, as usual when dealing with anything of more than trivial complexity, it isn’t easy to get the two to place nicely together. It's not like taping a banana to a wall.

### [306. 110% Complete JWT Authentication with Django & React - 2020](https://hackernoon.com/110percent-complete-jwt-authentication-with-django-and-react-2020-iejq34ta)
![](https://cdn.hackernoon.com/drafts/1gn2er5.png)
ReactJS is a fantastic frontend framework, and Django is a fantastic backend framework. However, as usual when dealing with anything of more than trivial complexity, it isn’t easy to get the two to place nicely together. It's not like taping a banana to a wall.