Hashnode·5y40 Amazing Developers You Should Follow On Youtube
There are some of the most amazing developers that will teach you everything you need to know for HTML, CSS and JS. If you want to learn anything from React, Angular, Vue or even NodeJS, Mongo, AWS and much more, there are great people to follow here.
Hashnode·5yHow to become a Kickass Web Developer in 2021 [Frontend & Backend Tips]
Web development is a domain where the work is involved in developing (or building) a website (ora web app) for the internet. Without knowledge of the web, you can't become a good developer. These are some of the tips all web devs should have whether you're a full-stack or a front-end dev.
Hashnode·5yConvert your Website into an APP with 3 easy steps
Progressive Web Applications are a technology built by Google developers. They allow developers to add native looks and some features like offline load & Push Notifications to your website. These are the three files needed to convert your current website into an installable PWA. You can use WorkBox API for service worker as its very simple.
Hashnode·5yAn easy React 17 + TypeScript + Tailwind CSS + NextJS setup
NextJS is becoming a de facto framework for modern web development. In this article we will build a starter repo that you can use for every new project. We'll add the TypeScript packages first, so later we can immediately add the typings. First, we'll need to install the tailwindcss package. Then we'll create a new file for the types file.
Hashnode·6y24 modern ES6 code snippets to solve practical JS problems
Here I have hand-picked some of the most useful code snippets from 30 seconds of code. It's an awesome resource, go ahead and show it some love. In this article I tried to sort them based on their practical use, answering common questions you may face in your project.
gitconnected·5yHow to Build a Web Developer Portfolio for Free
Stephen Anderson shows you how to build a free Web Developer Portfolio for free. Use GitHub Pages to host a static website from your GitHub account for FREE. Unsplash is a website with over 2 million free high-resolution images brought to you by the world’s generous photographers.
Hashnode·6yRemove unused npm modules in less than 30 seconds!
Go to the project's root folder and run the below command. It will display all the unused packages in your project. To uninstall a module simply run the following command:npm uninstall <package> or npm depcheck <package name and size of your project.
Hashnode·6y20 YouTube Channels to Follow for Web Developers
If you want to have a career in web development, it can be hard to figure out where to start. Watching YouTube videos can be an excellent place to get developer’s perspectives and tips. YouTube is the largest online video delivery platform in the world and has many great channels that can teach anyone practically anything.
DEV·5y5 Javascript Projects You Should Build as Junior Frontend Developer
When looking for a first job as a Junior Front-end developer it's very hard to show your experience as a programmer. Your projects used as a playground for learning new skills will rarely also offer good code quality. Here is a list of project examples you could build to show off your skills.
daily.dev·5y🔥 What's Hot in Web Development? — Weekly Picks #151
This week we feature web development articles, but this week so different! Microservices, browser extensions, VS Code tips, and many more.As always, all posts were ranked by daily.dev community. Shout out to all the authors. So, let's get it started.
The Startup·5yData Visualization With React & Chart.js
This article helps you to plot & understand some basic visualization of the dummy data with React and Chart.js. React is an open-source JavaScript library, maintained by Facebook for building user interfaces or UI components. Chart.JS is a free open- source JavaScript library for data visualization, which supports 8 chart types.
daily.dev·5y🔥 What's Hot in Web Development? — Weekly Picks #150
This week we have brilliant articles about web development and even some inspirational resources. As always, all posts were ranked by daily.dev community. Shout out to all the authors.So, let's get it started. Let's get to the bottom of this week's list.
Medium·5yWhat I learned about WebSockets by building a real-time chat application using Socket.IO.
In this article, I take a deep-dive into the world of WebsSockets, looking at the history of HTTP and the web and the use of WebSockets on the modern Web. I also list 16 steps to building your own real-time chat application, allowing you to gain hands-on experience with this powerful technology.
DEV·6yVS Code Extensions to become a more productive Developer 🤓🤓🤓
The Bracket Pair Colorizer 2 extension allows matching brackets to be identified with colors. The Toggle Quotes extension lets you switch from one type of quotes to another. Peacock lets you change the color of your VS Code workspace. Polacode lets you select the code, resize the resulting snippet and create a perfectly shareable screenshot.
Hashnode·5yHow to be a confident, new web developer
If you have an idea of how to implement functionality, my advice is just to do it! Try it out. If it doesn't work, try something else - it's the best way to self learn. Seek advice from a web developer who knows what they are talking about. Take a break if you can't solve a problem.
CSS-Tricks·5yComparing Static Site Generator Build Times
There are so many static site generators (SSGs) that it’s overwhelming trying to decide where to start. While an abundance of helpful articles may help wade through the (popular) options, they don’t magically make the decision easy. This is an in-depth comparison of build times across multiple popular SSGs to analyze why those build times look the way they do.
Hashnode·6yHyper-Lightweight Website Designs
Hyper Lightweight Websites (Chris Zacharias) is a reconception of a web-based user interface designed for the purposes of pushing the limits of performance. The goal is to provide an experience, roughly consistent with the real thing, that can be delivered to an end-user as fast as possible.
DEV·5yHow to Build a Chrome Extension
Chrome extensions are small HTML, CSS and JavaScript apps that we can install in the chrome browser. In this tutorial, we are going to build an extension that allows users to get covid19 case details based on the country selected. Create a new directory "dist" and create files under that directory as shown in the picture.
Hashnode·5yI Revamped GitHub Jobs Website Using Design From Frontend Mentor
GitHub Jobs project is a GitHub project that I did very recently. The website is available at jobs.bhanuteja.dev. The design is from FrontendMentor.Io. The project is made with Next.js, Tailwind CSS and React Query. I used Tailwind's inbuilt dark mode support to achieve this.
daily.dev·6y🔥 What's Hot in Web Development? — Weekly Picks #148
This week we have brilliant posts about programming principles and some cool inspirations for your projects. The Ultimate Vue Cheat Sheet is a cheat sheet that includes references for both Vue 2 and Vue 3. If you love video content, you can find here a list of 20 channels to follow.
CSS-Tricks·5yHow to Think Like a Front-End Developer
This site is loosely themed “how to think like a front-end developer” My goal for this site is to help us all do that better. Some are very specific technical posts that I think embody front- end development. Others are more lofty philosophical musings.
Medium·5y5 Simple ways to get started with React
React is a popular JavaScript framework created by Facebook for building front end applications. There are multiple frameworks and tool-chains available, and it's important to choose the right one. In this article, we will show you some simple & best frameworks for creating a react app.
daily.dev·6y🔥 What's Hot in Web Development? — Weekly Picks #149
24 modern ES6 code snippets to solve practical JS problems. Vue Vite is a Lightening fast cold server that offers instant hot modules replacement and True on-demand compilation. VSCode Extensions You Don’t Know About: Code Time, Faker, Better Comments, Placeholder Images, and Todo Tree.