freeCodeCamp·3yLearn Next.js for Scalable Web Apps
Next.js is built on top of React, which is a popular JavaScript library for building user interfaces. It also includes features such as automatic code splitting and optimized performance out of the box. You will also learn how to deploy the app using Vercel and to sync up GitHub with Vercel.
JetBrains·3yHour of Code: Top 5 Frontend Projects
JetBrains Academy has released three frontend projects for frontend developers this summer. The most popular projects are HTML, CSS, and JavaScript. These tracks include a huge variety of real-life projects to keep you engaged during your studies. To help you develop and train this useful skill, we invite you to create a Virtual Piano app.
Community Picks·3y10 games to learn JavaScript
CodinGame CodinGame is a multi-language platform where you can learn several languages, including JavaScript. The cool thing about it is that you can use it as a multiplayer game, which is excellent as you can compete against your friends or coworkers. CheckIO CheckIO is an excellent text-based game with some fantastic graphics.
freeCodeCamp·3yImprove Your JavaScript Skills by Coding a Card Game
Coding a Card Game Building projects is a great way to improve your programming skills. We just published a course on the freeCodeCamp.org YouTube channel that will teach you how to create a digital card game with JavaScirpt, HTML, and CSS.
Community Picks·3yImportant JavaScript concepts
The important JavaScript concepts that programmers need to be familiar with are covered in this article. Many developers obtain surprising outputs when unfamiliar with the idea of hoisting in Javascript. The above programs work as below and the output will be undefined. The main benefits of using IIFE are data privacy and quick code execution.
gitconnected·3yUltimate 10 Stages to Master Backend Development
Backend development refers to server-side programming in which a developer creates application architecture and business logic to process and store the data and output useful information. There are multiple backend programming languages, frameworks, and stacks like JavaScript, Python, PHP, Java, Ruby, etc.
Community Picks·3yWhy use NextJS?
Next.js allows you to develop fast and user-friendly web applications and static websites using React.js. It is a ReactJS framework for building server-rendered web applications. It includes a number of features out of the box, such as Automatic code splitting, filesystem-based routing, hot code reloading and universal rendering.
Medium·3yHandling errors like a pro in TypeScript
The correct answer is to narrow the type of error, and we’ll look at how to do that, but why is this even necessary? In JavaScript, just about anything can be thrown: The error that is caught truly is unknown. When the error is caught we can narrow the error type by using Once narrowed, gives us intellisense.
Community Picks·3yHow to Become a Front-End Developer
Front-end development involves building the visual and interactive elements of websites and applications that users interact with. As a front-end developer, you will be responsible for designing and implementing the user interface of web and mobile applications. You can learn web development from basics to advanced topics through online courses and programs.
Community Picks·3yHow to Make a Better Responsive Web Design
responsive web design and adaptive web design are two approaches to creating websites that work well on a wide range of devices and screen sizes. Responsive web design involves creating a single layout that adjusts itself automatically to fit the size of the screen it is being displayed on. Adaptive design requires the browser to load the appropriate layout.
gitconnected·3yTypeScript: advanced and esoteric
In this article, we’ll explore lesser-known features of TypeScript that make it more dynamic. The first part will cover dynamic types that rely on generics to create new types that may look very different from each other, depending on the type arguments they receive. This part will include property accessors, conditional, inferred and recursive types.
This is Learning·3yJavaScript Frameworks - Heading into 2023
React, Next, and Remix to Vue and Nuxt, through Sveltekit, and SolidStart, are all on the same page yet. We can cache more aggressively, stream our HTML responses, and we can invest in smaller/faster frameworks. There are some red herrings: We can think progressive enhancement is a substitute for hydration.
Medium·3yWhy You Should Use Islands Architecture
In 2013, the Facebook-backed React barreled onto the web development scene offering a completely new way of rendering web applications. Instead of rendering pages on the server and shipping them to the client, developers could use React to create Single Page Applications (SPAs) that were rendered on the client side.
DEV·3ySvelte vs React: Which framework to learn in 2023?
Svelte compiles with pure HTML, CSS, and JavaScript - React has way more libraries. React is a progressive JavaScript frontend framework that helps you build complex web UIs. It takes a more behind-the-scenes (magic) style approach where it interprets very basic-looking JavaScript code.
This is Learning·3y4 Beginner Friendly Open Source Projects
I recently launched my Discord server to talk about Open Source and Web Development, feel free to join: https://discord.gg/Gtzcg4sggn Do you like my content? You might consider subscribing to my YouTube channel! You can find it here: Feel free to follow me to get notified when new articles are out.
freeCodeCamp·3yHow to Build a Dropdown Menu with JavaScript
In this guide, you'll learn how to build a dropdown menu using HTML, CSS, and JavaScript. At the end of the guide, I'll include the codepen file so you can play around with it. For simplicity, we'll be using a free library called Boxicons. Feel free to pick other alternatives you prefer.
Next.js·3yBlog - Next.js 13.1
Next.js 13.1 includes improvements to both the (stable) and (beta) directories. New routing and data fetching system can be incrementally adopted alongside your existing directory. New TypeScript plugin provides suggestions for page and layout configuration options, brings helpful usage hints around Server and Client Components.
Community Picks·3yResponsive Navbar without Javascript
The major CSS section will be explained, and the remaining code will be provided in the code pen at the end of this blog. I'll use the :has() selector for the toggle effect; you can see which browsers support it here. The bars and cross icons will likewise be toggled by this checkbox.
asayer·3yThe Ultimate Guide To localStorage in JavaScript
LocalStorage is widely discussed and used in a variety of Javascript applications. It is a read-only property that stores data in the web browser without using a server-side language. Advantages of localStorage include its ability to store data even after the browser is closed. It can store up to 5MB of data.
Community Picks·3yWhy I'm Optimistic About JavaScript's Future
The three major browser engines (Chromium/Chrome, Gecko/Firefox, and Webkit/Safari) now have the best cross-browser support for JavaScript, CSS and Web APIs we’ve ever seen. This post will outline recent improvements to the web platform across the browser, server, and edge.
asayer·3yBuilding Chrome Extensions for Beginners -- Part 1: Theory
The primary goal of this series is to introduce the basic concepts of Chrome Extensions. At the end of the series, you will have a Pomodoro timer extension built with Javascript. To build any Chrome extension, we must rely on the Chrome developers’ documentation. This is the single source of truth for anything extension related.
Community Picks·3yUnderstanding JavaScript Promises👩💻👨💻
Promises are handy in complex logic applications and provide better error handling than callbacks. Promises are the perfect choice for handling multiple callbacks at once. In JavaScript, we use to catch errors. It only handles errors that may happen between methods. The Pyramid of Doom is also known as callback hell.
asayer·3yGetting started with Vite
Vite serves your code via native ES module imports during development and bundles it with Rollup for production. Vite is a lightning-fast cold server start and offers instant hot module replacement and true on-demand compilation. It is also highly extensible via its plugin API and JavaScript API with full typing support.
Community Picks·3yJavaScript Events: Bubbling, Capturing, and Propagation
JavaScript Events: Bubbling, Capturing, and Propagation are examples of how events travel through the Document Object Model (DOM) tree. The DOM tree is the structure which contains parent/child/sibling elements in relation to each other. You can set listeners to watch for these events that will trigger your desired functionality.