Best of Web Development — February 2021
- 1
- 2
freeCodeCamp·5y
5 Coding Projects You Should Include in Your Front End Portfolio
Jemima Abu is a self-taught front end developer and school taught Systems Engineer from Lagos, Nigeria. I'm on a mission to document things that I learn to make it easier for other people to learn. I hope to share some of the things I learn with the world.
- 3
Smashing Magazine·5y
Things You Can Do With CSS Today
The present and future of CSS are very bright indeed and if you take a pragmatic, progressive approach to your CSS, then things will continue to get better and better on your projects. In this article, we’ll look into masonry layout, :is selector, clamp() , ch and ex units, updated text decoration, and a few other useful CSS properties.
- 4
DevDojo·5y
Tailwind CSS — all you need to know to get started
Tailwind encourages and facilitates a utility-first approach where you write as few custom styles as possible. For this reason, Tailwind CSS isn't really a CSS framework such as Bootstrap or Bulma. The most important part of learning how to use Tailwind is actually using its classes.
- 5
CSS-Tricks·5y
Let’s Create a Custom Audio Player
HTML has a built-in native audio player interface that we get simply using the <audio> element. We get to specify multiple files for better browser support, as well as a little CSS flexibility to style things up. Lottie is a library that renders Adobe After Effects animations natively.
- 6
Better Programming·5y
Why JavaScript Developers Should Prefer Axios Over Fetch
Fetch() is part of a JavaScript window-object method within the Fetch API. It is built in, so users don’t have to install it. Users can avoid boilerplate and write cleaner, more succinct code in Axios. Axios has some advantages, like protection against cross-site request forgery (CSFR) attacks.
- 7
Hashnode·5y
Complete web developer roadmap with resources for 2021
Learn how the internet works. Learn how the web works. Build projects. Take one step at a time. You can learn all of these in 6 to 12 months if you are effective and consistent. Follow me on Twitter for more information about web development and how to improve.
- 8
Product Hunt·5y
Frontend Unicorn — Level up as a junior front-end developer
Discover how to learn, understand design, business and what skills are essential to grow as a developer. Master the tools & methods, and you’ll feel confident in both small & large-scale projects. Learn faster, earn more and become a true unicorn developer.
- 9
- 10
Fixed My Portfolio - Front End Development
Fasterdes is passionate about Front End Development and UI / Ux Design. Fixed his portfolio because the portfolio is important to your brand for your business. You can see my portfolio before it was fixed and after it was repaired. Here are the changes or improvements I've made in my portfolio.
- 11
Bits and Pieces·5y
BFF Pattern (Backend for Frontend): An Introduction
The BFF Pattern (Backend for Frontend): An Introduction Get to know the benefits of using the BFF pattern in practice. The BFF acts as a simple interface between the frontend and microservices. A single BFF is focused on a single UI. Can we have multiple BFFs for multiple UIs? We’ll answer this question in the latter section of this article.
- 12
ITNEXT·5y
WebRTC for beginners; How it all works from the outside!
WebRTC is an open framework that enables Real Time Communication(RTC), which is very useful for things like Video-Audio calling, Chatting, P2P file sharing, … It is the open standard for real-time communication, which powers so many products and is being used in production at huge organizations. Applications like Zoom makes use of WebRTC indirectly for the data channels and stuff.
- 13
How to Fetch Data in React: Cheat Sheet + Examples
Reed Barger is the co-founder of React and the author of the popular blog Reactiquette. He has written several books on React, including a book on how to use it in the real world. Barger's most recent book, React in the Real World, is available on Amazon.com.
- 14
DEV·5y
3 underrated web dev youtubers you should check out
3 YouTubers who post quality web dev content with less than 100k subscribers. Many of us in the web dev community are familiar with teachers like Brad Traversy, Mosh, and Net Ninja. If you want to learn some advanced concepts in web technologies like react, node, etc. you might want to check them out.
- 15
gitconnected·5y
Performance Optimization of a Frontend App
In the last quarter, I started working in a new team with different business goals. One of the projects we managed in the last 4 months was web performance improvements for the application we were working on. This post intends to share the improvements we made and the things we learned throughout this process.
- 16
JavaScript in Plain English·5y
Top Node.js Trends That Will Dominate In 2021
Node.js is an open-source, cross-platform, backend, JavaScript runtime built on Chrome’s V8 Js engine that executes JavaScript code outside a web browser. It is written in C, C++ and JavaScript and uses an event-driven I/O model. It allows mobile app developers to use the same language for client-side and server-side scripting.
- 17
DZone·5y
How to Master Web Development
Learn one programming language (JavaScript), the markup language HTML, and the styling language CSS. You’ll also learn the JavaScript framework React and the principles of UX and UI design. If you take a while to land your first web development job, these design skills can help you make pretty good money.
- 18
Create a React App from Scratch in 2021
Become a better coder by learning what create-react-app is doing under the hood. The “React” equivalent of building your car engine from scratch. Create a React App from Scratch in 2021 in this article. The article is written by Meg Shulmister and published on February 20, 2015.
- 19
Host React Apps for Free on Vercel!
Hosting react app on vercel is super easy. Just follow the given instruction and you could do it in a matter of seconds. For now, I created a demo app for installation purposes. I just changed the text into Hello Vercel . I pushed the code to Github. You could see it here - martinthampi/test-react-vercel.
- 20
- 21
GitHub Blog·5y
npm 7 is now generally available!
NPM 7 is now generally available. It includes new features and some breaking changes. We have made a significant impact on the performance of npm 7 as compared to npm 6. We want to conclude by giving a big shout out to our community members who submitted changes, participated in the RFC calls, provided feedback.
- 22
Building A Discord Bot Using Discord.js
An introduction to building a Discord bot using the Discord.js module. The bot will share random jokes, assign or revoke user roles, and post tweets of a specific account to a Discord channel. We’ll cover the process from building the bot up to deploying it to the cloud using Heroku.
- 23
Remotion — Create videos programmatically in React
Remotion allows you to make real MP4 videos written in React. Use web technologies like CSS, SVG, WebGL to make interesting motion graphics. Use programming to dynamically make different variants of videos and automate it using server-side rendering. Embed this video on your site.
- 24
daily.dev·5y
CSS Hacks, JavaScript Animation Libraries - Picks #167
GitHub Surf is a new product that will let you edit the code of a repo via your browser. Learn the basics terms and components of a microservices architecture. The Dark Side of Becoming a Self-Taught Developer gives a glimpse of what it takes to be a developer.
- 25
