Robin Wieruch·4yMac Setup for Web Development [2022]
This year (2022) I bought the new MacBook Pro after having used the MacBook Pro 2015 for the last years. This first month has been super exciting and I am up running working efficiently on my personal and professional web development projects. Here I want to share with you my Mac setup for web development that I have used.
Code Like A Girl·4yWays to Add Authentication to Your React Apps
Authentication is an integral part of any public-facing application. It is used to verify if the user on a platform is who they say they are. Several plugins, widgets, and apps are available for authenticating users on your React app. This article will look at two of these in detail: Frontegg and Okta.
DEV·4yHow I setup my Development Environment on macOS 2022 Edition
I always prefer to do a clean install when setting up a new computer. Either use a cloud backup solution to restore your data or use an external storage device to transfer your files. I would install all of the apps that I use this includes personal and developer related apps.
DevDojo·4yThis is how you make images Responsive in CSS
SnowBit is a young passionate and self-taught frontend web developer. He has an intention to become a successful developer. Today, he shows you how to make responsive images with CSS. He also shows how to use the max-width and independent height properties.
web.dev·4yBuilding an adaptive favicon
A custom favicon is a great way to polish a web project. Traditionally this has been done with the .ico file type, but recently browsers have allowed use of SVG, a vector format. Using progressive enhancement you can serve well supported .ico favicons, and upgrade to an .svg if available.
LogRocket·4yFull-stack app tutorial with NestJS and React
NestJS is a robust framework for building efficient, scalable Node.js server-side applications. This tutorial will illustrate the combined power of NestJS and React by using both to build a full-stack video streaming application. In this article, we’ll take a deep dive into building the app backend with Nest.js, building theapp frontend with React, and then deploying the full- stack app.
JavaScript in Plain English·4y🔥 Web 3.0 Frontend Stack of 2022: Building Authentication with MetaMask, React, Next.js, and Chakra UI
Web 3.0 Frontend Stack of 2022: Building Authentication with MetaMask, React, Next.js, and Chakra UI. Vitalii Shevchuk: After a few minutes of this tutorial, you will get connected with the blockchain world. In this project we will use the following tech stack, I would say it’s the best web3.0 stack of 2022 so far.
DevDojo·4y200+ Design resources you must know right now!
Website Description Figma Online graphic design tool (Free & paid options) Vectr Free vector graphics software Taler Create social media banner designs in minutes from hundreds of customizable templates. Visme Create presentations, infographics and more Infogram Create infograms ChartGo Create charts and graphs online Cartoon Photo Turn photos into cartoons Whimsical Wireframes, diagrams and more (4 free)
DZone·4yHow Good Is Node.js for Backend Development?
Node.js is a back-end and open-source coding platform that allows you to write server-side enterprise-level too scripts. The platform is efficient and lightweight. It also allows developers to code both front and back end, which acts as a boon for web development. It is extremely fast at converting Javascript code into machine code because it runs on Google’s V8 engine.
CSS-Tricks·4y6 Creative Ideas for CSS Link Hover Effects | CSS-Tricks
Creating CSS link hover effects can add a bit of flair to an otherwise bland webpage. If you’ve ever found yourself stumped trying to make a slick hover effect, then I have six CSS effects for you to take and use for your next project. The Sliding Highlight Link Hover Effect applies a box shadow to the inline link, altering the color of the link text in the process.
Hashnode·4y10 UI/UX Project Ideas to Build to Improve Your Frontend Skills 🎨🧙♂️
I have handpicked some awesome UI/UX projects that might give you some inspiration to create your own projects. I tried to include a variety of projects from video platforms, project management dashboards, task managers, file sharing apps, and more. I will embed the live previews of the projects as well as credit all the awesome authors so you can check them out.
Hacker News·4yWhy I Quit Shopify After Five Months
I decided to start interviewing for Senior Frontend Engineer positions in the Summer of 2021. During the process, I had interviews with a FANG-ish company, an early-stage startup, and Shopify. Most of the interview questions were frontend (React) focused. I received bittersweet news in late August that I did get an offer but I'd be downleveled from senior to mid.
Flavio Copes·4yRoadmap to become a Web Developer in 2022
Web Development is always evolving and every year in January I like to take a step back and re-evaluate and observe the ecosystem. The question is: where should beginner Web Developers start in 2022, so they will learn skills they’ll find jobs for? Is there anything new you should absolutely learn? Let’s get into it.
It's Foss·4yBrave vs Vivaldi: Which Chromium-Based Browser is Better?
Vivaldi has been making the rounds among Linux users for its customizability, and tab management features. Brave focuses on providing a neat look, while Vivaldi try their best to provide more functionality. Brave lets you group tabs, assign color, name them, and expand/collapse to easily manage several tab groups.
DevDojo·4yServer side rendering with Laravel + Inertia.js + Vue.js
Inertia's SSR (server side rendering) is really important so you should have SSR whenever you are building a SPA (single page application) This is not an issue if you are using Laravel's default templating system, which is Blade. To solve this problem and make our website work even without Javascript enabled we'll need to somehow render everything on and the server side and serve all the resulted HTML on page-load.Luckily Inertia ships with some tools to help us tackle this issue.
SNIPCART·4yNext.js vs. React: The Difference & Best Frontend Framework
React is the most popular JavaScript library for frontend developers. Next.js is a frontend JavaSript framework that builds upon React’s UI library. With new JavaScript frameworks and libraries coming out every year, it gets hard to keep up with the pace of the changing JS ecosystem.
Tuts+·4yGetting Started With Chart.js: Line and Bar Charts
In this tutorial, you will learn how to create line and bar charts in Chart.js. Line charts are useful when you want to show the changes in value of a given variable with respect to some other variable. The library automatically interpolates the values of all other points by using built-in algorithms.
Telerik·4yDesign Systems for Developers
UI design systems are a hot topic in the design world right now. They offer tons of advantages for everyone working on a product, developers included. Having a design system makes it easy for developers to onboard new team members, quickly find answers to basic questions without having to DM someone and wait for an answer.
ITNEXT·4y🔥 Web 3.0 Frontend Stack of 2022: Building Authentication with MetaMask, React, Next.js, and Chakra UI
Web 3.0 Frontend Stack of 2022: Building Authentication with MetaMask, React, Next.js, and Chakra UI. Vitalii Shevchuk: After a few minutes of this tutorial, you will get connected with the blockchain world. In this project we will use the following tech stack, I would say it’s the best web3.0 stack of 2022 so far.
Quick Code·4yUse ESLint to Enforce Design System
Use ESLint to build testing rules to ensure design system components are consumed properly in production. Discover how tools like ESLint parse JavaScript down into a data structure called an abstract syntax tree (AST) We will then touch on how ESLint rules work and how to parse our Lit templates into HTML. Finally we’ll start creating our first rules.
Hashnode·4yA guide to Web3 for Web2 frontend devs
If you are a frontend dev coming from web2, you already have most of the skills you need to get started in web3. There is a paradigm shift in how web2 and web3 apps handle data and authentication. As a web3 frontend engineer, you will be interacting with smart contracts on a daily basis.
Towards Dev·4yHow javaScript Asynchronous works under the hood?
How javaScript Asynchronous works under the hood? Sam Aghapour Sep 7, 2021 · 3 min read in this brief Article i’m gonna show you how Event loop , Call stack , Callback queue and web APIs (Events table) work together and handle the asynchronous and synchronous functions.
Bits and Pieces·4yCreate React App without create-react-app
How to get your React app ready for production. The complete process is divided into simple steps. Create a React project Write some code Webpack Babel Build and Run project Eslint (and Prettier) Husky (pre-commit Git hooks) SonarQube ( optional)
