Hashnode·4y5 Tips For Writing Cleaner Code
Nesting in code is something we do all the time, and although there's nothing inherently wrong with nesting, it can sometimes make code harder to read. The "Return Early" design pattern allows us to use the if statement as a guard clause to check for errors and return before executing any further code.
Pointer·4ybradtraversy/50projects50days: 50+ mini web projects using HTML, CSS & JS
50 Projects in 50 Days - HTML/CSS and JavaScript and JavaScript. This is the main repository for all of the projects in the course. We are only accepting pull requests and looking at issues for bug fixes so that the code stays inline. All of these projects are part of the course and are available for download.
freeCodeCamp·4yJavaScript Design Patterns –Explained with Examples
Design patterns were popularized by the book "Design Patterns: Elements of Reusable Object-Oriented Software" The book explores the capabilities and pitfalls of object-oriented programming. It describes 23 useful patterns that you can implement to solve common programming problems. These patterns are classified into three main categories: creational, structural, and behavioral patterns.
gitconnected·4yEverything you need to learn TypeScript in just 4 minutes
Everything you need to learn TypeScript in just 4 minutes. Most developers already know TypeScript, but there are many nuances to interfaces most developers don’t know. This article explains how to use interfaces in your JavaScript code. It also explains how you can use interfaces to inherit from other interfaces.
freeCodeCamp·4yAsynchronous JavaScript – Callbacks, Promises, and Async/Await Explained
By default, JavaScript is a synchronous, single threaded programming language. This means that instructions can only run one after another, and not in parallel. When JavaScript is running asynchronously, the instructions are not necessarily executed one after the other as we saw before. In this article, we will go through callback functions, promises, and async and await.
Dev Genius·4yWasp — language for developing full-stack Javascript web apps with no boilerplate
Wasp is a new programming language for developing full-stack web apps with less code. It makes developing web apps easy while still allowing you to use the latest technologies like React, Node.js, and Prisma. In this post, we will share with you why we believe Wasp could be a big thing for web development.
asayer·4yHow to use Chrome as a Code Editor and Debugger
Chrome is a great browser to use for development. It has a number of tools that can be used to improve your code. The following sections describe how to use Chrome’s editing and debugging facilities. We also show you how to make changes to your code that are not permanent.
Hashnode·4yDon't be afraid of TypeScript
TypeScript is a programming language built on top of JavaScript. It is a superset of JavaScript to be correct. TypeScript allows us, developers, to create more robust and secure applications to provide a better experience for the end-user. We will use a template to structure functions, so it will help it know what is expected from us.
freeCodeCamp·4yHow to Solve the Parking Lot Challenge in JavaScript
The Parking Lot is challenge where you are asked to write a class that manages an imaginary parking lot. In this tutorial we will do that in JavaScript. And to make it a bit more interesting, we will create a small React app that will visualize the workings of our class.
asayer·4yUnderstanding the Template Element in HTML
The <template> tag is an HTML5 element that stores HTML code fragments that are not displayed immediately when a page is loaded. Templates are not rendered in the browser until you activate them using JavaScript. In this tutorial we will learn about Template tags in HTML, the benefits and downside of using them, and their usage.
Tuts+·4y30 Web Development Best Practices for Beginners
In this post, I'll share 30 tips for best practices when you're coding you webpages or web apps. Always use Descriptive Meta Tags Use media Think About Accessibility Close All Your Tags Compress CSS Unobtrusive Scripting Separate IE Fixes Avoid !important Make Use of Browser Developer Tools Avoid Too Many Comments Beware of Heavy CSS Properties Use Shorthands Frameworks Come Last!
Prismic·4yWhen to Use TypesScript: Pros and Cons for JavaScript Devs
The vast majority of TypeScript looks just like JavaScript. Most of it is understandable if you’re already familiar with JavaScript. For all its hype, TypeScript is less a fast/new tool and, instead, makes writing JavaScript slower and more methodical. There are “midpoints” that make sense even on projects where TypeScript would be too heavy.
CSS-Tricks·4yGreat Web Development Books You Can Read Free | CSS-Tricks
The Magic of CSS by Adam Schwartz is a great primer on complex CSS concepts. Resilient Web Design by Jeremy Keith is an approach for building the websites of the future. Beginning CSS Web Development: From Novice to Professional is a guide to the fundamentals of CSS.
RisingStack·4yJavaScript Interview Questions & Answers
If you are looking for a job as a web developer, you will most likely be asked to answer some questions about JavaScript during your interview. In this article, we have compiled a list of some of the most vital JavaScript interview questions you should definitely know the answers for.
freeCodeCamp·4yHow to Understand Complex Coding Concepts Using the Feynman Technique
The Feynman Technique is an excellent way to gain a deeper understanding of a complex topic. This article will teach you how to break complex coding concepts into the simplest terms. The technique is made up of four significant steps:Choose a topic you want to learn about.Explain it to a 12-year-old.Review your explanation.
Syncfusion·4yJavaScript Higher-Order Functions: A Complete Guide
A function is a reusable piece of code designed to avoid repetitive code and improve code quality. As a functional programming language, JavaScript uses higher-order functions to implement this abstraction at an even higher level. This article will guide you through the concept of higher- order functions in JavaScript along with their usage.
asayer·4yAlternatives to React: Solid JS
React is the highest JavaScript library in awareness and usage according to State of JS 2021. This massive adoption has created job openings on the framework and kept its developers in high demand. But even with its popularity, React has a lot of competition as new JavaScript frameworks are being built every day that try to be more efficient and improve front-end development.
Pointer·4ypayloadcms/payload: Free and Open-source Headless CMS and Application Framework built with TypeScript, Node.js, React and MongoDB
Payload is a free and open-source TypeScript headless CMS & application framework built with Express, MongoDB and React. It's a code-first CMS, which allows us to do a lot of things right. Payload gives you everything you need, but then steps back and lets you build what you want.
DevDojo·4yLet's code golf with JavaScript
Code golfing is trying to make the shortest possible code for a given task. It's mainly a game and very useful for improving your programming skills. In this article, we'll golf some JavaScript code. First we'll make a basic program that prints all the numbers from 1 to 100. Then we'll add the logic to print Fizz, Buzz, or FizzBuzz.
freeCodeCamp·4yHow to Use the Call, Apply, and Bind Functions in JavaScript – with Code Examples
In this article, I am going to explain how to use call, apply, and bind in JavaScript with simple examples. We will also implement an example that showcases how you can create your own map function with the apply function. This article is written in the programming language JavaScript.
Dev Genius·4yECMAScript 2022 Is Officially Released, What Should We Pay Attention To?
ECMA General Assembly approved the ECMAScript 2022 language specification on June 22, 2022. It is now officially a standard. We will be able to use these new features in JavaScript soon. The following will introduce them one by one:Introduced top-level await. Regular expression match indices via the /d flag.
Hashnode·4yThis article is written by an AI 👀
React is a JavaScript library that allows you to build user interfaces with JavaScript. It is maintained by Facebook and a community of individual developers and companies. React can be used as a base in the development of single-page or mobile applications. It can also be used to create more complex views, such as a shopping cart or a blog.
Hacker News·4yA Trail Tale
Follow Andy as he hikes the 2,190 mile Appalachian Trail. An interactive, animated blog with beautiful pixel art and relaxing music. We're sorry but A Trail Tale doesn't work properly without JavaScript enabled. Please enable it to continue. Follow Andy on Twitter @ATrailTale.
Hashnode·4yIntroducing CodeGuard: The open-source tool to obfuscate your JavaScript or Python code
CodeGuard is an open-source tool to obfuscate your JavaScript or Python code. It can be used to make your code hard to read and nearly impossible to understand. Made using Vercel and Linode for the Hashnode Xode Hackathon and using Flask for the API.
Hashnode·4yLet's (De)bounce with JavaScript
Debouncing is a way to make network calls for a search component more efficient. It works by reacting to the initial event or request that is received and ignoring any other subsequent events until a certain threshold is passed. The code below shows how debouncing can be used to improve performance of a search engine.