Imagine you have a list of items. Say, fruit: Banana, Apple, Orange, Pear, Nectarine We could put those commas (,) in the HTML, but let’s look at how we could do that in CSS instead, giving us an extra level of control. We’ll make sure that last item ... more
In the not-too-distant past, even basic accordion-like interactions required JavaScript event listeners or some CSS… trickery. And, depending on the solution used, editing the underlying HTML could get complicated. Now, the <details> and <summary> ... more
What are typosquatting attacks and how do they impact open source developers? If you’re a JavaScript developer then you should understand them and be conscious that you aren’t mistakenly installing a package such as electron-native-notify - because hey, ... more
There’s a new stack in town. PETAL . It destructures to Phoenix Elixir Tailwind Alpine LiveView (PETAL was coined by Patrick Thompson to describe a particular set of tools he was combining with good results. I’m just here to tell you about it.) So what ... more
Several Twilio services can be accessed from a web application running on the browser, but given that this is an inherently insecure platform, the authentication flow is different than for server-based applications. An application running on the browser ... more
Records and tuples are new JavaScript immutable data types currently at stage 2 in the TC39 standards approval process. They are subject to change and not currently available in any browser or runtime, but working implementations should arrive within ... more
The developers of Angular 12, a planned upgrade to the popular Google-built web development framework, have set their sights on a host of improvements, ranging from better integration with deployment providers to improved error messages. Currently planned ... more
Today we’re excited to announce the availability of TypeScript 4.2 Beta! To get started using the beta, you can get it through NuGet, or use npm with the following command: npm install [email protected] You can also get editor support by Downloading for ... more
The results of the 2020 State of JavaScript Survey have been released. What do they tell us about developers attitude towards JavaScript and its ever-expanding ecosystem? Read more... ... more
Google Chrome becomes ESLint gold sponsor We are happy to share that Google Chrome has become an ESLint gold sponsor sponsor, donating $1,000 each month for the ongoing maintenance and development of ESLint! The Chrome team is well known for supporting ... more
In this episode, we’re talking about Machine Learning. What sort of tasks can we put it to within a web development context? I spoke with expert Charlie Gerard to find out. Show Notes Practical Machine Learning in JavaScript: TensorFlow.js for Web Developers ... more
We will learn the various steps necessary to add tailwindcss support to a nextjs application. Step 1 - Install tailwindcss, postcss and autoprefixer Step 2 - Run `npx tailwind init -p` to create the required configuration. Add purge filters here. Step ... more
We will learn the various steps necessary to add tailwindcss support to a nextjs application. Step 1 - Install tailwindcss, postcss and autoprefixer Step 2 - Run `npx tailwind init -p` to create the required configuration. Add purge filters here. Step ... more
Three-quarters of applications have some sort of security flaw, although high-security flaws are found in only a quarter. PHP is the programming language with the highest prevalence of flaws while Python and JavaScript are the least affected. Read more... ... more
Total: 2 Average: 5 Artificial intelligence is the fuel for what we know as the fifth industrial revolution. Its capacities to impact and disrupt numerous industries are virtually unparalleled. It is no less true regarding software development and testing. ... more
Vno, a third-party module for Deno, bridges the popular Vue JavaScript framework and the celebrated alternative to Node.js. Vno is a native build tool that compiles and bundles single-file Vue components in a Deno runtime. With a few simple CLI commands, ... more
The batchWriteItem operation DynamoDB supports the batchWriteItem function that consolidates multiple item writes in a single request . It’s a great performance improvement as network overhead is a significant factor with DynamoDB and sending fewer requests ... more
Clone the course repository at: [https://github.com/learnwithjason/serverless-functions](https://github.com/learnwithjason/serverless-functions) Preact is a JavaScript library that describes itself as a fast 3kB alternative to React with the same ES6 ... more
Clone the course repository at: [https://github.com/learnwithjason/serverless-functions](https://github.com/learnwithjason/serverless-functions) Preact is a JavaScript library that describes itself as a fast 3kB alternative to React with the same ES6 ... more
This lesson shows you how to install `redux` and `react-redux` to create a redux store and then use the [Provider](https://react-redux.js.org/api/provider) component to enable redux throughout your entire application. First we start by installing `redux` ... more
Redux does not work well with non-JSON data formats. So you’ve got strings, booleans, numbers and arrays and basic objects. That’s pretty much what you get to work with in your redux store. No sets. No maps. No classes or functions. Just the most basic ... more
So far our reducers have simply been used to update a single value passed in with an action. In this lesson we'll practice adding more logic into a reducer, which is recommended in the [redux style guide](https://redux.js.org/style-guide/style-guide#put-as-much-logic-as-possible-in-reducers). ... more
Redux does not work well with non-JSON data formats. So you’ve got strings, booleans, numbers and arrays and basic objects. That’s pretty much what you get to work with in your redux store. No sets. No maps. No classes or functions. Just the most basic ... more
So far our reducers have simply been used to update a single value passed in with an action. In this lesson we'll practice adding more logic into a reducer, which is recommended in the [redux style guide](https://redux.js.org/style-guide/style-guide#put-as-much-logic-as-possible-in-reducers). ... more
This lesson shows you how to install `redux` and `react-redux` to create a redux store and then use the [Provider](https://react-redux.js.org/api/provider) component to enable redux throughout your entire application. First we start by installing `redux` ... more
This guide has been kindly supported by our friends at LogRocket, a service that combines frontend performance monitoring , session replay, and product analytics to help you build better customer experiences. LogRocket tracks key metrics, incl. DOM complete, ... more
The JavaScript ecosystem evolves at a rapid pace, and you know your toolset will be superseded the moment you choose it! It’s impossible to keep up with all libraries, frameworks, and techniques, but you can observe trends and directions of movement ... more