JavaScript in Plain English·5y17 Killer Websites for Web Developers
The Unsplash API is a modern JSON API that surfaces all of the info you’ll need to build any experience for your users. Embeddable Widget Apps for Notion is a tool to add 3rd party apps to your Notion Document. Smart Mockup is the fastest web-based mockup tool.
DEV·5yClean Architecture on Frontend
The Clean Architecture is a way of separating responsibilities and parts of functionality according to their proximity to the application domain. It is often referred to as a three-layer architecture, because the functionality in it is divided into layers. In this post we'll talk about what the clean architecture is in general and get familiar with such concepts as domain, use case and application layers. Then we'll discuss how this applies to the frontend and whether it's worth it at all.
DevDojo·5y10+ Projects You Can Do to Become a Frontend Master
Learn about firebase, authentication, real-time database and etc. by building a chat app. Build a blog and share content regularly to increase your online presence. Learn about styled-components, routing in Next JS, implementing MDX, and using dynamic routes. Use Spotify 2.0, your own Spotify version.
DevDojo·5yES6 Handbook: The Complete Guide
This blog is all about ES6. It includes all the topics related with examples. Before reading further, I want to specify that this was not a blog post initially. These are just my personal notes that I use as a reference guide, so I apologize for any misspells here :)
DEV·5y7 useful HTML attributes you may not know
This is a list of HTML attributes that many beginners don't know, but that can be helpful. The multiple attribute allows the user to enter multiple values on an <input> element. The spellcheck attribute is another global attribute that you can use to check spelling and grammar on HTML elements such as input fields.
SitePoint·5yVisual Studio Code Shortcuts: A Programmer’s Guide
This article covers default keyboard shortcuts for Windows, Linux and macOS. Visual Studio Code is one of the most popular and most used code editors. It’s open source and free to use. It provides support for many languages and frameworks, whether through built-in features or the extensive list of extensions available for the editor.
JavaScript in Plain English·5yHow to Set Up Your Programming LinkedIn Profile
If you want to get hired as a web-developer, you need a LinkedIn profile. According to research, 87% of recruiters use LinkedIn regularly. LinkedIn uses keywords in various areas of your profile to determine if you’re a relevant result when a potential employer/recruiter is searching.
DEV·5yStop abusing .map()!
Code snippets that use .map() should be used with .forEach() instead. . map() returns a new array - always - and if we don't need that array, we shouldn't use it in the first place. In this particular example there are only three items in the array so creating another three-element array won't bring any serious consequences.
DEV·5yI wrote a fully-functioning File Explorer, using TypeScript.
Xplorer is not written on traditional language like C, C++ or C#. It is written on TypeScript, HTML and SCSS, using the Electron framework. There are four available default themes for now. Xplorer helps you organize your files easier by supporting multiple tabs.
Better Programming·5y15 Useful VS Code Shortcuts to Boost Your Productivity
VS Code is one of the most popular editors for web development. Having hands-on keyboard shortcuts can help improve your coding speed by a lot. Here is a list of some shortcuts that I have been using for a while and found to be really useful. 15 Useful VS Code Shortcuts to Boost Your Productivity.
JavaScript in Plain English·5y25 Hand-Picked React Libraries You Probably Didn’t Know Existed
React is a JavaScript library built on top of Facebook’s React library. It aims to bring a native desktop experience to the web, featuring many macOS Sierra and Windows 10 components. Here are some libraries you can use in 2021 to level up your web application.
DEV·5y15 Developer Tools to Make You Super Productive
Pairing with experienced developers leaves you with many tips, tricks, shortcuts, and tools that help them focus on a product’s business logic. The best software developers arm themselves with superior knowledge of specific tools that get the job done. Today, I’ll show you 15 developer tools that’d improve your productivity immensely.
Bits and Pieces·5yJavascript Worst Practice. Bad coding habits you need to stop…
Fernando Doglio takes a look at 5 of the worst things you can do to your code while writing JavaScript. Not everyone is fully aware that 2 + '2' is not going to be 4. And that the type of [] + 1 is neither Number nor Array. Build independent components for speed and scale.
ITNEXT·5yClean architecture - making Node.js API shine!
Clean architecture is a software design philosophy that advocates for the separation of layers of code. The separation of elements lends itself to easier testing, where we can test each module independently of others. In order to be flexible with project dependencies, use dependency injection mechanisms. Code on the inner layers can only move from the outer layers.
Hashnode·5yHow I use Notion while learning programming
Notion is an application that provides components, such as notes, databases, kanban boards, wikis, calendars and reminders. It has almost anything that you need for project management, note taking (except a scribble feature that I wish there was one) and writing blog posts. I use Notion while learning how to code in various ways.
DZone·5y5 HTML and CSS Good Practices
It is quite easy to find good practices for any technology, but unfortunately, the same cannot be said about HTML and CSS. I've made my list of 5 cases when you can create a user-friendly, or clumsy, interface using only HTML andCSS. The alt attribute is quite useful, but many developers don’t use it efficiently.
Hacker News·5yBye YouTube, Hello PeerTube 📺 (no ads, decentralised, privacy-friendly! -- Diode Zone)
PeerTube needs JavaScript to work. If you are concerned about the security and privacy (or lack thereof) of JavaScript web applications, you might want to review the source code of the instance you are trying to access, or look for security audits. We totally get that. However, this page will not work without it.
Hashnode·5yTop 10 Programming Practices to Code like a Pro
Good coding practices will save you time, effort, resources, and a hell lot of headaches. Back up and save your work people!!! If you lose your work just because of a minor issue, then all your hard work, all-nighters and headaches are gonna be for nothing. Write readable and efficient code.
Bits and Pieces·5y9 Best Practices for Optimizing Frontend Performance
Most of the websites fail to deliver a satisfactory user experience due to poorly optimized frontends. Minification of HTML, CSS, and JavaScript will speeds up the frontend load times as it reduces the amount of code that needs to be requested from the server. Using CSS Sprites is one of the easiest ways to reduce the number of server calls.
Hashnode·5yHow I make CSS Art
On the third of June 2021, I created my very first CSS art. I decided to write this blog post to illustrate my thought process from the very beginning up until publishing the art on codepen. Hopefully, this will attract more people into creating CSS art and have fun with it.
DEV·5yMistakes to Avoid As a Junior Developer
As a junior developer with a fresh mind in the software development field, be patient and calm. Don’t write complex codes because you think it’s the best time to show off. Upgrade your skills daily in the programming language you are using. Expand your toolbox with new technologies. As you grow, you will find better programmers than you.
Towards Dev·5yWhat is better for HTTP Requests: Fetch or Axios Comparison
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. Fetch() allows us to get data from the API asynchronously. Axios is a Javascript library used to make HTTP requests from the browser. It supports the Promise API that is native to JS ES6.
