DEV·4yMac OS for the Web!
Mac OS emulator on the Web is an open-source project on Github. It has programs like Notes, Calculator, Terminal, VScode, and other apps and features on this website. The website has PWA (Progressive Web Apps), which with this feature we can install it on any operating system.
freeCodeCamp·4yLearn all about Micro-Frontends
Micro-frontends is a method to build a website or web app as a composition of features which can be created and worked on separately. Jack Herrington created this course. Jack has worked as a principle engineer and is an excellent teacher. Jack will take you from just starting out, to understanding asynchronous loading, error handling, shared state, cross platform micro- frontends, how to route multiple applications together, and even how to test micro-frontend code.
DevDojo·4yFree 100+ MERN / MEAN Stack resources
I have gathered all the resources that you will require to become a MERN or MEAN stack developer. All these resources will include Articles, Videos, Course, Websites, Tutorials, Books etc. And everything is FREE. You should know the basics of HTML, CSS AND JS.
Chrome Developers·4yWhat's new in Lighthouse 9.0
Lighthouse 9.0 is available immediately on the command line, in Chrome Canary, and in PageSpeed Insights. It will land in Chrome stable in Chrome 98. Lighthouse has a new user-flow API that allows lab testing at any point within a page's lifespan. Most users should not run into any workflow-breaking changes with this release.
Hashnode·4yfrontend smart contract
In this tutorial I will show you step-by-step how to create your first front-end to interact with a smart contract deployed at RSK local network. I will use only JavaScript and HTML and connected to a wallet using a web3 provider. We will use VSCode to create and deploy our project.
Kent C. Dodds·4yWhy I Love Remix
Remix enables me to build amazing user experiences and still be happy with the code I had to write to get there. kentcdodds.com is completely custom built by me using Remix. After writing tens of thousands of lines of code using this framework, I have developed a great appreciation for what this framework can do for me.
DevDojo·4y100+ Free front-end resources, learn and earn (repost)
This post covers everything about front-end development. The roadmap makes sure that gaps in the plan are identified and can be closed as needed in the future. It also serves as a guide for the developers during their journey, allowing them to recognize and act on events that require a change of direction.
Product Hunt·4yAyro UI 2.0 - Bootstrap UI component snippets for modern web apps
UI Library of 300+ Free and Premium Beautiful UI Components, Snippets, Blocks, Pages, and Templates. Bootstrap UI Components Snippet for Creating Fast & Responsive - Landing Pages, Templates, or Websites by Copy-Pasting Snips.
DZone·4yCreate a Multi-tenancy Application In Nest.js
Multitenancy is an operational mode in SaaS applications where various independent instances are allocated to the same environment. This article will not discuss designing a multitenancy application, however, you can read about it in detail here: What is Multi-Tenant Architecture? From here on, we are going to work on an example about the multi-tenants using multiple databases and microservices architecture. We will use sample web services to test the flow, for example creating users, sending and receiving notifications, etc.
Hashnode·4yHow to easily get started with ThreeJS - Part 1
In around 30 lines of code you will create your first working 3D element (recap at the end of the article) A cube is an object that we will be able to see in ThreeJS. A scene is a scene, just like a movie set. On the scene you will add objects (that might be characters) and a camera. The aspect ratio is just the width divided by the height of the object.
freeCodeCamp·4yHow to Improve and Automate Your Web Development Workflow
Web Development is about how we test, debug, and finally ship/deploy the application. In this article, you will learn a few web development workflows that can help you develop, test, build, and deploy faster. You can try out all your JavaScript logic, code snippets, and code ideas directly in the browser's console.
Chrome Developers·4yNew in Chrome 96
The Chrome Dev Summit kicked off in New York on Wednesday. Chrome 96 includes new tools and features for developers. The manifest id property lets you specify a unique ID for your PWA. The protocol_handlers property allows you to automatically register a PWA as a protocol handler. Priority hints are an experimental feature available in Chrome 96.
daily.dev Changelog·4yRevamped feed filtering options 🚀
We have completely redesigned the way filtering works. With the new filtering options, you'll be able to:Follow an entire category of tags. Apply advanced filters like removing content coming from newsletters, non-editorial sources, showcase sites, product launches, and tech magazines. Manage your blocked sources tags in one place.
CircleCI·4yTesting an API with Cypress
Cypress is a JavaScript frontend testing framework for frontend developers. It makes HTTP requests on behalf of the web applications as it is executing. In this tutorial, I will guide you through using Cypress to test an API. The tutorial covers the following:Setting up Cypress framework Understanding how Cypress makes HTTP calls to APIs Understanding how to use Cypress cyrequest() method.
SitePoint·4yHow to Fetch Data in Svelte
This tutorial explores how you can consume and render data from an API in your Svelte application. We’ll build a sample application that interacts and displays data provided by a REST API server. This application will allow users to fetch lists of blog posts and display them on the page.
Medium·4yBreak Stuff Until it Works — Optimizing performance in NextJS
Performance optimizing isn’t easy, but with these steps you will be guaranteed to be much closer to a fast solution. The strategy is a method of “Breaking Stuff Until It Works’ Understanding NextJS’es lifecycle is the first step to optimizing your app.
DEV·4yLet's create a Pixel Art maker with JavaScript
In this article we will learn how to create a pixel art generator using HTML, CSS and vanilla JS. In one of my previous articles I have showed you how to created a paint app using JavaScript. We will create a helper function called populate for that. And now lets style them in our style.
DevDojo·4yResources to practice web development
In order to practice tech , you need challenges and ideas for side projects. In this blog post I have compiled a list of sites which provides more challenges and idea for us to practice web development. Let me know if you found the post useful and if I have missed something in the comments section.
freeCodeCamp·4yCreate a Squid Game JavaScript Game with Three.js
JavaScript course on freeCodeCamp.org teaches you how to create the Red Light / Green Light game from Squid Game. You will use Three.js and you will learn how to use a 3d model in a JavaScript game. Watch the full course below or on the freeCode camp.org YouTube channel (1-hour watch)
Ionic Blog·4yAnnouncing Stencil v2.10
Stencil v2.10 is now available. New features include greater control over the shadow DOM, a fix that results in fewer render cycles, and support for TypeScript 4.3. We’re really excited about all of these new improvements and look forward to seeing what you build with Stencil.
ITNEXT·4yWebSocket — 1 Million Connections using Appwrite
Appwrite is an open-source, self-hosted Backend-as-a-Service that aims to make app development easier with SDKs. The WebSocket Server used in Appwrite powers a very flexible Realtime API to supercharge your apps. All subscriptions are secured by Appwrite’s authentication and permissions system.
The Hacker News·4yTwo NPM Packages With 22 Million Weekly Downloads Found Backdoored
Two popular NPM packages with cumulative weekly downloads of nearly 22 million were found to be compromised with malicious code. The two libraries in question are "coa," a parser for command-line options, and "rc," a configuration loader. Both were tampered by an unidentified threat actor to include "identical" password-stealing malware.
Medium·4y🔥 What to Expect from Angular 14 in 2022: Is Micro Frontend Coming? 🤫
Angular 14 is expected to be released in 2022. The team is working on supporting micro frontend applications. Micro Frontend will be able to import components, directives, and pipes and use them directly. This will allow developers to find the issues during development time and significantly improve type checking.
DEV·4yWhy I choose NextJS over CRA for new projects
NextJS allows us to build our landing page, application, and API server all in a monolith. NextJS gives us the best of both worlds; we can decide when to server side render and when to client side render. Vercel provides us with an easy way to deploy our NextJS application and take advantage of serverless.