DEV·5yTop 5 JavaScript animation libraries 2021
Anime.js is a lightweight JavaScript animation library with a simple, yet powerful API. Vivus allows you to animate SVGs, giving them the appearence of being drawn. Typeit.js allows creating awesome typing animation in your website. ScrollOut detects changes in scroll for reveal, parallax, and CSS Variable effects.
DEV·5ySkills required to be a full stack developer: a checklist
The skills list required to be a full stack developer is long and it can be hard to know exactly what skills you need. The often shared online resource for this kind of thing is roadmap.sh but, while it is extensive, I think the amount covered here is too much to be helpful to new developers. I have my own list, it’s a bare minimum required skills list and it looks like this:
Hashnode·5y7 Trending projects on GitHub for JavaScript developers
Web Development for Beginners is a 12-week, 24-lesson curriculum all about JavaScript, CSS, and HTML basics. D3 is a JavaScript library for visualizing data using web standards. Mammoth is designed to convert .docx documents, such as those created by Microsoft Word, Google Docs, and LibreOffice, and convert them to HTML.
Honeypot·5y14 Best Chrome Developer Tools 2021
Google Chrome is one of the most popular and reliable browsers. Chrome’s biggest selling point is its smooth integration with other Google apps. With this list, you’ll discover a few more gems to add to your toolbar. Web Developer extension is like a pocket knife, you can inspect elements and start debugging your website(s)
Chrome Developers·5yNew in Chrome 93
Chrome 93 will ship on September 21. New PWA features include CSS Module Scripts and Multi-Screen Window Placement API. Installed PWAs can register as URL handlers, making it possible for users to jump straight into your PWA. The PWA Summit is coming up October 6-7.
JavaScript in Plain English·5yFront-End System Design Guide
System Design is the process of designing the elements of a system such as the architecture, modules and components. It also includes the different interfaces of those components and the data that goes through that system. The purpose of the System Design process is to provide sufficient detailed data and information about the system and its system elements.
Hashnode·5yFrom zero to Web developer
Web development is the work involved in developing a website or a web application. There are multiple paths you can take while learning web development. This is the one I would take if I had to do it all over again. These steps are going from the very beginning, so it's suited for beginners.
DEV·5yMicrofrontends With React
Micro Frontends allows you to develop, deploy and maintain applications individually. Like Uber where booking and payment services are individually developed and deployed. It means, your application is divided into various individual applications and easy to maintain. We will see a React Website using Micro Frontends where we create three applications, Blogs App, Header App and Container App.Please download full source code from our GitHub.
Product Hunt·5yAdonisJS - A fully featured web framework for Nodejs
AdonisJS is a backend framework that helps you create data-driven web applications. Using AdonisJS, you can handle the HTTP requests, query the database, authenticate users, upload files, and more. Embed Collect is a weekly, free e-mail newsletter from CNN.com.
JavaScript in Plain English·5y45 NPM Packages to Solve 16 React Problems
React doesn’t come with all of the solutions packed in. If you are a beginner, then you have to spend a considerable amount of time searching for the best solution to a problem. Today we will have a comparative discussion to learn more about the alternative solutions to different problems in react.
DEV·5yLazy loading react components with dynamic imports and intersection observer
Lazy loading is a way by which we can load content only when they are needed. This is achieved by code-splitting, where we split our app into multiple chunks. The idea here is to serve the user with only the content they can view, and serve the other contents as and when the user visits them.
DEV·5yWhy I Decided To Stay A Frontend Engineer And Stopped Searching Full-Stack Jobs
In January 2018, I landed a job as a software engineer at a small company that had a frontend solution for their clients that was built with Angular. After one and a half year at this company, I noticed a trend in full-stack developers being eagerly employed by mid to large companies. So I decided to deepen my knowledge in C#/.NET in my spare time by creating leisure projects and learning online. In total I had three job application interviews that, almost predictable, all rejected me.
The Startup·5yAre You a Startup? 15+Web App Ideas to Excite You
The U.S. holds the most extensive technology market worldwide. 60% of startups say that AI is the most promising industry for business growth. Fintech startups find client acquisition as the most arduous activity. 92% of enterprises trust websites and web apps for the business’s effective digital marketing strategy.
Hashnode·5yLet me introduce you to Inertia.js, something you didn't know you were missing
Inertia.js is a package built for Laravel allowing people to develop single-page applications without building an API. Inertia allows you to create client-side rendered apps, using React, Vue or Svelte by leveraging existing server-side frameworks.
DZone·5yWeb Application Development Principles and Best Practices
The process of developing sophisticated web-based software is more like a marathon than a sprint. To avoid potential problems, follow the best practices introduced in this guide. The Twelve-Factor App methodology can be applied to any Software-as-a-Service (SaaS) model. It covers everything from back-end development on a local machine to cloud architecture.
Product Hunt·5yArticle Editor - Article is a powerful text editor for creating rich content
Article Editor made for complex rich content, which should look the same as on the site page or in the application. It works on iframe, so you can connect any frontend framework to it to display styles, for example, Bootstrap, Bulma, etc.
Chrome Developers·5yCSS Grid tooling in DevTools
Chrome DevTools and Edge DevTools are adding CSS Grid tooling. The tooling was a joint effort between Chrome and Edge teams. It will help developers achieve better responsive design without complicated alignment hacks or JavaScript-assisted layout. There are three main features for CSS Grid:Grid-specific, persistent overlay that helps with dimensional and ordering information Badges in the DOM Tree that highlight CSS Grid containers and toggle Grid overlays.
Smashing Magazine·5yState Management In Next.js — Smashing Magazine
This article is intended to be used as a primer for managing complex states in a Next.js app. The framework is way too versatile for us to cover all possible use cases. These strategies should fit the vast majority of apps around with little to no adjustments. If you believe there is a relevant pattern to be considered, I look forward to seeing you in the comments section!
Product Hunt·5yWebDen - Open source web code playground built for mobile
WebDen is an open source mobile and tablet friendly code playground. It is a fully client-side app so you can install it as a progressive web app (PWA) on your device to use offline. Embed this code into your site and share it with your friends.
Smashing Magazine·5yFree Open-Source Icons — Smashing Magazine
We’ve collected some wonderful, free icons, illustrations, avatars, and animations. They help projects on a tight budget shine, without asking for anything in return. All of these free icons have slightly different licenses (so please check them), but they are free to use in private and commercial work.
Smashing Magazine·5y3 From A To Z: Core Concepts (Part 1) — Smashing Magazine
After almost five years in development, the new HTTP/3 protocol is nearing its final form. So what exactly is it? Why was it needed so soon after HTTP/2? How can or should you use it? And especially, how does it improve web performance? Let’s find out.
DEV·5yFullstack (Nodejs + Reactjs) interview experience at Nutanix
I had applied for the MTS-3 Fullstack – SAAS (Nodejs + Reactjs) on Nutanix’s career section and got the shortlisting email on 21’st April 2021. Visit learnersbucket.com If you are preparing for your JavaScript interview. You will find DSA, System Design and JavaScript Questions.
CSS-Tricks·5yStay alert
Chrome broke the web by disabling alert() and confirm() from cross-origin iframes. Users of CodePen, the widely-used code-sharing site, discovered that they were unable to use these functions in their projects. In the ensuing chaos the change was rolled back until 2022. It's a story about unloved APIs, and who owns the future of the web.