Best of Web Development — April 2021
- 1
- 2
LogRocket·5y
3 services to deploy your Node.js app for free
In this tutorial, we will see how to deploy a Node.js API built with Express and MySQL to three different services. All the services listed in this post are absolutely free, and the best part that is you don’t need to reach for your credit card — it will not be required.
- 3
DevDojo·5y
FREE Resources for Front-End Devs in 2021⚡
This post has an unlimited amount of every type of resource covering everything you will need. You only need this post to become a Front-end Developer. Hashnode is the easiest way to start a developer blog on your personal domain. The MDN Web Docs site provides information about Open Web technologies including HTML and CSS.
- 4
Smashing Magazine·5y
Vanilla JavaScript Code Snippets
In a new series of posts, we highlight some of the useful tools and techniques for developers and designers. This time, let’s look at vanilla JavaScript code snippets. Snippets are resources and lightweight libraries to help you solve a problem without a large overhead or third-party dependencies.
- 5
CSS-Tricks·5y
Let’s Create an Image Pop-Out Effect With SVG Clip Path
A cool pop-out effect by Mikael Ainalem showcases the clip-path: path() in CSS. The effect looks cool, but there are some issues with the path value. We’re going to re-create this effect using standard, widely-supported CSS techniques so that it not only works, but is truly responsive.
- 6
Hashnode·5y
200+ Ultimate Resources for Front-End Development in 2021
This post has nearly unlimited amount of every type of resources covering everything you will need. You only need this post to become a Front-end Developer. You will need a check list for marking what all you have learned. You can see the below image for how the checklist will look like.
- 7
SitePoint·5y
What is Vitejs? An Overview of the New Front-end Build Tool
Vite is a build tool that significantly improves the front-end development experience. You can use Vite to set up a development environment for frameworks like Vue and React. Vite is really fast, because it leverages native ES modules and doesn’t need to rebuild the whole bundle when something changes.
- 8
Seven Mistakes To Avoid In Your Technical Interviews
It’s no secret that the technical interview process leaves something to be desired. In this article, we’ll take a look at seven of the most common mistakes candidates make in their technical interviews. Here are a few tips for your virtual interviews and how to prepare for a technical interview.
- 9
DEV·5y
4 awesome javascript projects worthy of your collection
Lindelof has collected three awesome items that are worth collecting for you. You can send them to me, I like them and hope you like them too. There are a lot of beautiful landing page templates, they are built using various front-end technologies. There is also a curated list of awesome WebVR packages and resources.
- 10
Bits and Pieces·5y
Building Microfrontends Using Single-SPA Framework
Single-SPA is a JavaScript framework for building, testing, and deploying multiple JavaScript Micro frontends in a single frontend application. In this article, I will show you the steps of developing a Micro frontend App using single-SPA. Building Micro Frontends Using Single-SPA Framework Step by step guide in developing Micro front ends using JavaScript router framework Charuka Herath.
- 11
🎨 Moving Gradient animation with CSS
A lot of cool stuff can be code with this type of animation. Simple animations can bring a huge difference to your websites. Let's build something simple and unique. The above Codepen example shows a moving gradient animation on the whole body of the website. The background size here is 400% 400% and the background is moving.
- 12
Why you should use an Electron alternative
Electron is a cross-platform application development framework created by GitHub. Electron integrated the Chromium project and Node.js into one bundle. It exposed a generic JavaScript API for native features such as displaying dialog boxes, sending notifications, and creating notification and tray icons. The Electron framework has several critical performance issues.
- 13
JavaScript in Plain English·5y
Intro to Unit Testing with Jest
Tests inform developers on the behavior of what certain parts of the application should accomplish. A unit test is a way of testing the smallest piece of code (aka unit or component) that can be isolated from the software. Understanding how the code will be tested informs developers on how code should best be composed.
- 14
50 Web Development Terms All Programmers Should Know
Web development is a vast and burgeoning field with lots of concepts, tools, technologies, languages and terms. It's easy to get confused in all of these. In this article, I will define in a concise manner, 50 of the most widely used terms in the industry.
- 15
Roadmap to Full-Stack Development
A Full-Stack Developer is an engineer who can handle all the work of databases, servers, systems engineering, and clients. The primary responsibility of a Full Stack Developer includes designing user interactions on websites, developing servers and databases for website functionality, and coding for mobile platforms. Depending on the project, what customers need may be a mobile stack or a Web stack.
- 16
A 2021 Crash Course in Next.js
Next is a React web framework that enables server-side rendering and static site generation. It is built on top of React and gives you extra features which are perfectly suited for larger production apps. To create a Next.js app, we need to use the command shown below, inside any folder.
- 17
A Complete Guide to Custom Properties
Custom properties can be hex values, color functions, units, strings of text and more. Custom properties can make code easier to maintain because you can update one value and have it reflected in multiple places. You can set the value of a custom property with another custom property. There is a big gotcha with custom properties that use other custom properties.
- 18
Product Hunt·5y
Frontend Toolkit — Dashboard for your recurring Frontend tasks
The Frontend Toolkit is a collection of utilities for your repetitive frontend-related tasks. It is customizable and lets you set up everything according to your needs. Embed Collect is a free extension that lets you embed your own content to the frontend of your website.
- 19
- 20
daily.dev·5y
Building micro-frontends, improve your programming skills, and a free Apple Watch - Picks #175
This is your chance to win a new Apple Watch for free. Every month we will choose a new epic prize to be awarded. Yesterday we launched our new Ambassadors Program. This is the first month of the program. To sign up, go to: http://daily.dev/monthly-prize.
- 21
Comparing the New Generation of Build Tools
A bunch of new developer tools have landed in the past year. They are biting at the heels of the tools that have dominated front-end development over the last few years. Despite their differences, these tools do share a common goal: improve the developer experience. We’ll evaluate each one, outlining what they do, why we need them and their use cases.
- 22
Discover .NET·5y
Write Great APIs
This week's show notes are written in the form of a podcast player. Use the player to help students with reading comprehension and vocabulary. At the bottom of the page, please share your feedback about our show and the topics we discussed. The show is sponsored by Datadog and Wordpress.
- 23
- 24
Changelog·5y
You might as well timestamp it
Storing timestamps instead of booleans is one of those things I can go out on a limb and say it doesn’t really depend all that much. It’s like the exact opposite of YAGNI. You might as well timestamp it future-you will be glad you stored a timestamp instead of that boolean.
- 25
