Echo JS

• Can we use ReactJS - to create a Website?
• graceful-ws: A tiny WebSocket wrapper and alternative to socket.io
• A boilerplate for REST API Development with Node.js, Express, and MongoDB
• React Summit (fka React Amsterdam) Early Birds are now on sale. See the biggest React (Native) conf worldwide on April 17, 2020 ⚛️

... more

Add Facebook Login to your Node.js App with Passport.js

Almost all applications require users to create accounts on their websites in order to use certain services. This repetitive process of setting up new profiles and creating new passwords for every application is not only time consuming, but frustrating, ... more

A webdev platform built entirely in PostgreSQL

Aquameta is a web-based IDE for full-stack web development. Developers can manage HTML, CSS, Javascript, database schema, views, templates, routes, tests and documentation, and do version control, branching, pushing, pulling, user management and permissions, ... more

Options for Hosting Your Own Non-JavaScript-Based Analytics

There are loads of analytics platforms to help you track visitor and usage data on your sites. Perhaps most notably Google Analytics, which is widely used (including on this site), probably due to it's ease of integration, feature-richness, and the fact ... more

Serving Static Files with Node and Express.js

Introduction In this article, we are going to a build simple app to serve static files like HTML files, CSS files, and images using Node.js and Express. Configuring the Project and Installing Express To get started, let's create a new Node.js project ... more

Smashing Monthly Roundup: Community Resources And Favorite Posts

Smashing Monthly Roundup: Community Resources And Favorite Posts Smashing Monthly Roundup: Community Resources And Favorite Posts The Smashing Editorial 2019-10-18T15:00:59+02:00 2019-10-18T13:15:22+00:00 This is the first monthly update that the Smashing ... more

Echo JS

• MIFieldValidator
• Awesome! QCObjects is now also supported by Amazon Web Services (AWS)!
• Build a movie search app using the Vue Composition API
• How To Build Authentication in Angular Using Node and Passport
• Build an HTML/CSS/JS Playground
• Tiny-Swiper: 2kb alternative to SwiperJS with the same modern API.
• Recursively List All the Files in a Directory Using Node.js

... more

How To Build Authentication in Angular Using Node and Passport

In this tutorial, you'll learn how to build an authentication in your Node Angular app using Passport.js. The tutorial assumes the reader to be familiar with creating a basic application using Angular and Node.js Express framework. You'll implement the ... more

Focusing on focus

Focus behavior in HTML had been under-specified for the past few years, and it was also quite confusing due to a variety of subtle differences between focusing methods, UA-specific behaviors, relation to the tabindex attribute, relations to shadow DOM, ... more

npm Security Insights API Preview Part 2: Malware

This is the second in a series of blog posts we’re running to preview and gather input on the new security insights API we’re developing. Today’s topic: malware. For years npm has maintained the most complete corpus of malware published on the npm Registry. ... more

Three Reasons New Relic Browser Dominates the Internet

New Relic Browser is the most deployed real user monitoring (RUM) tool in the world. Originally an extension of New Relic APM, Browser was designed to give developers and software engineers context around their end-users’ experiences. Like all New Relic ... more

JAMstack Tools and The Spectrum of Classification

With the wonderful world of JAMstack getting big, all the categories of services and tools that help it along are as important as ever. There are static site generators, headless CMSs, and static file hosts. I think those classifications are handy, and ... more

8 Ways to Style React Components Compared

I've been working with a couple of developers in my office on React JS projects, who have varied levels of React JS experience. We've been solving some crazy problems like handling the weird way Redux does state initialization and making an axios request ... more

Get the Complete Intro to Web Development and Intro to React (with Hooks!) with Brian Holt 

(This is a sponsored post.) Hey, Marc here from Frontend Masters — excited to support CSS-Tricks ❤️! Have you checked out Brian Holt's courses yet? His most popular courses are the "Complete Intro" courses which give you the lay of the land ... more

Social network that will help you develop your programming knowledge!

Are you interested in programming or IT knowledge in general? Tired of your actual job and looking for some change? Becoming a programmer doesn’t have to be always difficult or cost you a lot of money, actually it can be much easier than you think. What ... more

Building a Mini Angular Task Scheduler with Kendo UI

In this tutorial, we’ll see how we can utilize Kendo UI components when building an event scheduler. Kendo UI is a library used for building applications at a faster pace. Kendo UI provides UI components for libraries like jQuery, Angular, React and ... more

WebStorm 2019.3 EAP #6: Template Language Injections, Suggestions for Variable and Parameter Names, and More

WebStorm 2019.3 Early Preview build #6 is now available! If you’re unfamiliar with our Early Access Program or if you want to catch up on all the new features, check out the previous EAP blog posts. The Toolbox App is the easiest way to get the EAP builds ... more

How I Learned React

Have you heard that old saying… “How do you eat an elephant?” … One bite at a time! … This article is off to a great start, I can tell. But really, though: breaking up big problems into tiny bite-sized ones is the only way to really get anything done ... more

Node 12.12.0 released

#310 — October 17, 2019 Read on the Web We're experimenting with a tweak to the format this week. There are a lot of 'newsy' items we want to include, but which don't need a full write up. So we're including them in a smaller list below the bigger features. ... more

Postmortem Of Gutenberg The Launch, So We Can Embrace Gutenberg The Product

Postmortem Of Gutenberg The Launch, So We Can Embrace Gutenberg The Product Postmortem Of Gutenberg The Launch, So We Can Embrace Gutenberg The Product Leonardo Losoviz 2019-10-17T12:30:59+02:00 2019-10-17T12:36:45+00:00 After 10 months of being released ... more

What are product and sum types?

Product and sum types are collectively known as ‘algebraic data types’. These are two ways of putting types together to make bigger types. Product types multiply their states, while sum types add them. With these two ‘operations’, we can precisely target ... more

Echo JS

• Making UI Components with your Template Engine
• Human-friendly process signals

... more

The Smallest Homebrewed TTL CPU In the World

The may very well be the smallest homemade TTL CPU we’ve ever seen. Measuring at one square inch, this tiny chip boasts 40 connections, an 8-bit databus, a 16-bit address bus, a 64 kB memory space, reset and clock inputs, and 5 V power lines. TTL (transistor ... more

Release Notes for Safari Technology Preview 94

Safari Technology Preview Release 94 is now available for download for macOS Mojave and the macOS Catalina beta. If you already have Safari Technology Preview installed, you can update in the Software Update pane of System Preferences on macOS. This ... more

Designing and Enforcing Codes of Conduct

It's 2019 and the issue by now seems to be mostly settled: Codes of Conduct, as it turns out, are an important tool for any community to promote inclusion and protect their members from harassment that would otherwise distract them or push them away. ... more

Hi, Ning

Hi! My name is Jiangning. I am delighted to join Wiredcraft as an Android Developer. Before this, I worked for a video-sharing website in Shanghai for several years. What attracted you to apply here? After a couple of years in the same role, I wanted ... more

Let’s Make a Fancy, but Uncomplicated Page Loader

It’s pretty common to see a loading state on sites these days, particularly as progressive web apps and reactive sites are on the rise. It’s one way to improve "perceived" performance — that is, making it feel as though the site is loading ... more

Ten-Ton Widgets

At a recent conference talk (sorry, I forget which one), there was a quick example of poor web performance in the form of a third-party widget. The example showed a site that installed the widget in order to add a "email us" button fixed to ... more

10 Interesting JavaScript and CSS Libraries for October 2019

Our resources collection for the month of October includes helpful fronted libraries, a cute CSS framework, and some awesome Node.js tools. Continue reading on Tutorialzine. ... more

Asynchronous JavaScript: Refactoring Callbacks to Promises in Node.js

If you know how the event loop mechanism works in JavaScript you know how it enables you to work with asynchronous events. You might also know how to refactor your code into separate functions to reduce the amount of nesting associated with a sequence ... more